2.Gün – Web sayfasının gövdesini işaretleme: WebPage

By

WebPage microdata

Bir önceki konumuzda sitenin temel iskeletini oluşturan bölümlerin işaretlenmesi hakkında kısa bilgiler verdik. Aslında bir blog sitesi için yapılabilecek bütün işaretlemeleri tek bir konu altında anlatmak mümkün ancak neyin ne işe yaradığını tam olarak anlayabilmeniz için elimden geldiği kadar konuları genişletmeye çalışıyorum. İlerleyen konularda ufak bir kod parçası için bile ne kadar araştırma gerektiğini anlayacaksınız. Neyse lafı fazla uzatmadan konuya geçelim. 

Bu yazıda anlatmaya çalıştığım konu, Google tarafından desteklenen  ve bazıları arama sonuçlarındaki site görüntüsünü daha yakışıklı göstermeye yararken bazıları da robotların sitenizi daha iyi tanıyabilmesi için kullanılan Schema.org sitesinin WebPage özelliğidir. WebPage özelliğini ile sitenizin body etiketlerini işaretleyerek arama motorlarının sitenizi daha iyi tanıyabilmesini sağlayabilirsiniz. Aslında bu konudaki işaretleme sitenin en üstünden başladığından dolayı 1.Gün konusu olarak paylaşmam gerekiyordu. Neyse hatlar karıştı bir kere.

Bütün işaretlemeler aramadaki görünümü değiştirmediğini söylemiştim ve bunlardan bir tanesi de schema.org/WebPage işaretlemesidir. Bildiğiniz gibi sitenin bilgisayar ekranında görülen kısmı

ve etiketleri arasındaki bölümdür. Biz de WebPage işaretlemesini kullanarak body yani sitemizin gövdesini robotlara tanıtacağız.

Kullanmamız gereken kod:

Yukarda görmüş olduğunuz kodu body etiketlerinin içine eklememiz gerekiyor.

Örnek:

Bu şekilde yaptığımızda işlem tamamlanmış olacak.

Ben WordPress blog sistemini kullandığımdan dolayı bütün işaretlemeleri yine aynı sistem için anlatmacağım. Bunun gibi basit işaretlemeler için detaylara girmek gerekmez ama ilerleyen zamanlardaki konularda ufak bir kod için bile iki tane konu açmam gerekecek. Eğer WordPress sistemini kullanıyorsanız ve bu işlerden hiç anlamıyorsanız kendinizi şanslı hissedeceksiniz. 🙂

Wp sistemini kullananlarda body etiketine Yönetim paneli >> Görünüm >> Düzenleyici >> Üst Kısım (header.php) dosyasında bulabilirsiniz. Sayfayı seçtikten sonra CTRL+F tuşlarına basıp

Örnek :

php body_class function.php dosyasından site gövdesi için atanmış olan sınıfları çeker. Bir iki kelime gibi görülebilir ama site çalıştığında çok uzun, bir kaç tane isimden oluşan sınıflar olabilir bunlar. Veri işaretlemesi için kullanmamız gereken kodları da hemen ?> simgesinden sonrasına ekliyoruz.

Bu şekilde yaptıktan sonra değişiklikleri kaydedin.

Sadece bu kadardı 🙂 Konuyu abartırcasına uzattığımı düşünüyorum ancak ilerleyen zamanlardaki yeni konularda neden böyle yaptığımı daha iyi anlayacaksınız.

1 Star2 Stars3 Stars4 Stars5 Stars (11 votes, average: 4.82 out of 5)
Loading...


3 Comments
  1. morgüller 4 years ago
    Reply

    Çok teşekkür ederiz bu bilgiler çok işe yaradı bende bir su kaçağı bulma sitesi ile uğraşıyoum tam aradığım yazılar bunlar.

  2. hüseyin serbest 4 years ago
    Reply

    degerlendirmeniz için tesekkur ediyorum fayda sağlıyacagına eminim tesekkur ederim

  3. murat karlık 4 years ago
    Reply

    değerli bilgileriniz için tesekkur ederim basarılarınızın devamını dilerim hocam.

Leave a Comment

Your email address will not be published.

You may also like

Trend

Hot News