Seo
 Webmaster Forumu | forum.websitem.biz | Arama Motorları ve Dizinler | Seo
Mesaj icon Konu: Arayüz Geliştiricileri için SEO İpuçları Yanıt Yaz Yeni Konu Gönder
Yazar Mesaj
Cedric
Forum Yöneticisi
Forum Yöneticisi
Simge
Patron!

Kayıt Tarihi: 09-Temmuz-2012
Gönderilenler: 23

Tesekkür: 0
Rep: 0

Hak Puan : 0
Kidem : 5
OrtalamaHak : % 0
Itibar :0

Aktiflik
10%
Seviye
99%
Deneyim
60%
Alıntı Cedric Cevaplabullet Konu: Arayüz Geliştiricileri için SEO İpuçları
    Gönderim Zamanı: 10-Temmuz-2012 Saat 18:33
Kişilerin ve markaların SEO’nun önemini henüz kavramaya başladığı, web sitelerinin SEO uyumlu olmasını istediği şu günlerde, SEO konusunda bilgi sahibi olmak ve SEO uyumlu arayüzler kodlayabilmek arayüz geliştiricileri için çok büyük önem taşıyor.

Bu sebeple, SEO ile yakından ilgilenen bir arayüz geliştiricisi olarak, arayüz geliştiricilerinin bir tasarımı dökerken genel olarak dikkat etmeleri gereken bazı SEO kriterlerini tek bir yazıda toplamanın SEO konusunda fazla bilgi sahibi olmayan arayüz geliştiricileri için faydalı olacağını düşündüm.

HTML’i Geride Bırakıp (X)HTML ile Tanışın!

(X)HTML, HTML’i ortadan kaldırmak adına W3C tarafından 2000′li yılların başında tanınmasına rağmen birçok arayüz geliştiricisi tarafından doğru bir şekilde kullanılmamaktadır. Arayüz kodlarının daha anlaşılır, daha kolay ve daha işlevsel bir şekilde olmasını sağlayan (X)HTML yapısı, HTML’in aksine açılan etiketi kapatma ve XML yapısına uygun kodlama istemektedir. Bu sayede, arama motorları belirli etiketler arasında yer alan içerikleri daha kolay ayırt edebilmekte ve (X)HTML ile kodlanan internet sitelerini arama sonuçlarında daha üst sırada listelemektedirler. Örnek olarak,

Kod:
<p>Arayüz Geliştiricileri için SEO İpuçları
Şeklinde bir HTML kodlamasını ele alacak olursak, bu kodlamada p etiketi ile başlanılan paragrafın kapama etiketi bulunmadı için arama motorları paragrafın nerede bittiğini algılayamazlar. Ancak,

Kod:
<p>Arayüz Geliştiricileri için SEO İpuçları</p>
gibi (X)HTML yapısına uygun bir kodlamada arama motorları paragrafı kolayca algılayabilmekte ve bu sayede içeriği daha sağlıklı bir şekilde indexleyebilmektedirler.

CSS Sprite Tekniği ile Sorgu Sayınızı Azaltın

CSS Sprite Tekniği, bir web sayfasında yer alan görsellerin birleştirilerek tek bir görsel dosyasında tutulmasıyla, web sayfası içerisinde yer alan sorgu sayısını azaltarak sayfanın daha hızlı bir şekilde açılmasını sağlayan oldukça önemli bir tekniktir. Bu teknik sayfanızdaki sorgu sayısını azaltmakla beraber, sayfa içerisindeki kod fazlalıkların kurtulmanızı da sağlamakta ve görsel ağırlıklı tasarımların SEO uyumlu hale gelmesinde oldukça önemli bir rol oynamaktadır.

Hiyerarşik Yapıya Özen Gösterin

Ziyaretçiler gibi arama motorları da bir web sayfasını yukarıdan aşağıya doğru indexlemektedirler. Bir ziyaretçi nasıl gözüyle gördüğü bir web sayfasının içeriğinde alt başlığın ana başlığın üzerinde olmasından hoşlanmaz ise, arama motorları da aynı şekilde kodlarda böyle bir içerikten hoşlanmazlar. Bu sebeple, hazırladığınız web sayfası içerisinde kısaca H etiketleri olarak adlandırdığımız Heading etiketlerinin hiyerarşik yapısına özen göstermeniz gerekmektedir.

Yani, sayfa kodlarına yukarıdan aşağıya doğru bakıldığında H etiketleri küçükten büyüğe doğru yer almalıdır. Örnek vermek gerekirse, H2 etiketinin üstünde H3 etiketinin yer alması ya da H1 ve H3 etiketi kullanılmışken bu iki etiket arasında H2 etiketinin yer almıyor olması sitenizin arama motorları tarafından sevilmemesine sebep olacaktır.

Listeleme Kullanın

(X)HTML yapısından bahsederken, arama motorlarının belirli etiketler arasında yer alan içerikleri daha kolay ayırt edebildiğine değinmiştim. Bu etiketlerin en önemlilerinden olan liste etiketleri, web sayfalarının arama motorları tarafından özellikle ayırt edilmesi istenilen bölümlerinde çok büyük önem taşımaktadır. Örnek vermek gerekirse; birçok web sayfasında yazı alanlarının altında yer alan tarih, okunma sayısı ve kategori gibi alanların belirli bir sınıfı olan liste etiketleri ile belirtilmesi, arama motorlarının bu alanları kısa sürede esas içerikten ayırmasını sağlamakta ve bu sayede esas içeriğinizin değeri oldukça artmaktadır. Aşağıda belirli sınıflar atanmış örnek bir listeleme yer almaktadır.

Alıntı:
<ul class=”yazibilgisi”>

<li class=”tarihcan”>Tarih</li>

<li class=”kategorican”>Kategori</li>

<li class=”yazarcan”>Yazar</li>

</ul>
Önce İçerik!

Arama motorlarının ziyaretçiler gibi web sayfanızı yukarıdan aşağıya doğru indexlemesi sebebiyle, sayfa içeriğinizin mümkün olduğu kadar yukarıda yer alması gerekmektedir. Bu sayede içerikle kısa sürede tanışan arama motorları, ziyaretçilerinizin de içeriğiniz ile kısa sürede tanıştığını düşünerek sayfanıza ve içeriğinize büyük önem gösterecektir. Bu kritere özellikle WordPress gibi hazır sistemlerin tema kodlarında dikkat etmek, içerikten önce sağ-sol bölümlerin kodlamalarını yapmamak gerekmektedir.

Arkaplan Linklemeden Uzak Durun!

Arayüz geliştiricilerinin işi bir nebze de olsa kolaylaştırmak adına sık olarak uyguladığı tekniklerden bir tanesi de arkaplan görselleri üzerine linkleme yapmaktır. Bu linklemelerde ziyaretçileriniz sayfa içerisindeki görseli görerek linkin hangi nesneye verildiğini algılayabilirler ancak arama motorlarının göreceği boşluğa verilmiş linkler olacaktır ve bu sebeple sayfa içerisinde yer alan linklemeleri spam olarak algılayacaklardır. Sitenizi daha sağlıklı bir kod yapısına kavuşturarak arama motorları tarafından sevilen sayfalar oluşturmak adına, arka plan linkleme işleminden uzak durmanız gerekmektedir.

Özgün Kodlama Yapın!

Bir sayfanın içeriğinin özgünlüğü kadar tasarımının özgünlüğü de arama motorları tarafından oldukça önemlidir. Günümüzde sayfa içeriğinin özgün olup olmadığını başarıyla kontrol eden arama motorları, gelişen alt yapılarıyla beraber site tasarımının özgünlüğünü de kolay bir şekilde algılayabilmektedir. Ziyaretçiler gibi sayfaları görsel olarak algılayamayan örümcekler, sayfanın ve sayfaya çağrılmış diğer dosyaların içerisinde yer alan kodları inceleyerek bu kodların özgünlüğünü tasarım özgünlüğü olarak değerlendirmektedir. Bu sebeple, özellikle CSS sınıflarınızın isimlerini özgün tutmanız, sayfanızın arama motorları tarafından özgün bir sayfa olarak algılanmasını ve bu sayede arama sonuçlarında daha üst sıralarda yer almasını sağlayacaktır.
Sayın Uzman!
IP  Tesekkur Et
alenn34
Forum Üyesi
Forum Üyesi


Kayıt Tarihi: 26-Nisan-2013
Gönderilenler: 351

Tesekkür: 0
Rep: 0

Hak Puan : 0
Kidem : 5
OrtalamaHak : % 0
Itibar :0

Aktiflik
46%
Seviye
46%
Deneyim
60%
Alıntı alenn34 Cevaplabullet Gönderim Zamanı: 22-Haziran-2013 Saat 23:43
güzel yazı teşekkürler
IP  Tesekkur Et
Yanıt Yaz Yeni Konu Gönder
Konuyu Yazdır Konuyu Yazdır

Forum Atla
Kapalı Foruma Yeni Konu Gönderme
Kapalı Forumdaki Konulara Cevap Yazma
Kapalı Forumda Cevapları Silme
Kapalı Forumdaki Cevapları Düzenleme
Kapalı Forumda Anket Açma
Kapalı Forumda Anketlerde Oy Kullanma

Bulletin Board Software by Web Wiz Forums version 8.03