• Anasayfa
  • Nesne
  • Genel
  • Herhangi bir Eklenti Olmadan İncelemeler ve Derecelendirmeler için Zengin Snippet'ler Nasıl Eklenir? Google Yapılandırılmış Schema.org Mikro Veri İşaretlemesi

Herhangi bir Eklenti Olmadan İncelemeler ve Derecelendirmeler için Zengin Snippet'ler Nasıl Eklenir? Google Yapılandırılmış Schema.org Mikro Veri İşaretlemesi

Yayınlanan: 2020-04-21
Herhangi bir Eklenti Olmadan İncelemeler ve Derecelendirmeler için Zengin Snippet'ler Nasıl Eklenir? Google Yapılandırılmış Schema.org İşaretlemesi

Google Arama Sonuç Sayfasındaki (SERP) bazı özel inceleme gönderileri için Google'ın how and why derecelendirme gösterdiğini hiç merak ettiniz mi?

Bu eğitimde, Google'ın incelemenizle ilgili ayrıntıları anlayabilmesi ve arama sayfasında gösterebilmesi için İnceleme/Değerlendirme için add rich snippet schema.org biçiminde nasıl ekleneceğini tartışacağız.

Crunchify - Genesis temaları - Google Sayfası zengin sonuçlar için uygundur

Canlı sonucu kontrol et: https://crunchify.me/2VAUkTK. Zengin Snippet bağlantısı.

Başlamadan önce, schema.org'un ne olduğunu anlayalım.

Şema, Google veya Bing arama motorlarının blog sayfalarınızdaki bilgileri daha effectively bir şekilde ayrıştırmasını ve yorumlamasını kolaylaştıran bir tür microdata . Fikir, arama motorlarının tüm verileri structured format anlamasına yardımcı olmaktır, böylece arama motoru aynı zamanda bu alakalı sonuç verilerini arama sorgularına dayalı olarak son kullanıcılara gösterir.

Başlayalım:

Nokta-1) Blogunuza schema.org biçiminde Yapılandırılmış veriler nasıl eklenir?

Crunchify'da Genesis Framework kullanıyoruz ve varsayılan olarak tüm schema.org microdata formatlarıyla birlikte geliyor. Sitenizin kodunda mikro veriler çıkarır. Hiçbir şey eklemek zorunda değilim ve Genesis Framework'ün güzelliği, discuss below Review metadata seçeneği dışında.

Nokta-2) Sitenizin yapılandırılmış verilerini nasıl doğrularsınız?

Google Search Console , varsayılan olarak yapılandırılmış verileri görme seçeneği sunar. Aşağıdaki diyagramlara bir göz atın.

Google Arama Konsolu - Yapılandırılmış Veri Raporu - Crunchify
Google Arama Konsolunda her tür Schema.org yapılandırılmış verisini doğrulayın

Bu verileri görebilmek için sitenizi/blogunuzu Search Console'a eklemelisiniz. Sitenizin kimliğini doğruladıktan sonra, verileri hemen görebilir OR bu verilerin automatically oluşturulması için bir hafta bekleyebilirsiniz.

Nokta-3 Yapılandırılmış verilerinizin geçerli olup olmadığı veya herhangi bir sorunu olup olmadığı nasıl doğrulanır?

  • Yukarıdaki diyagramdaki Ek son sütunda Items with Errors , Google ayrıca Yapılandırılmış Veri Test Aracı adlı ek bir araç sağlar.
  • Sadece oraya gidin ve Fetch URL tıklayın.
  • URL'yi sağlayın ve FETCH & VALIDATE üzerine tıklayın.
  • Sağ tarafta - schema.org doğrulama sonucunu görmelisiniz.
  • Arıza ve hatalı schema.org durumunda – KIRMIZI renkli mesaj görmelisiniz.
Google Yapılandırılmış Veri Test Aracı ipuçları
Crunchify Post için Yapılandırılmış Veri Testi Sonucu

Expand above Review section ve incelemeniz için tüm ayrıntılı mikro verileri görebilmeniz gerekir. Kendiniz kontrol edebilirsiniz. Here is a URL.

Aşağıdaki sorulardan herhangi birine sahipseniz bu eğitim işe yarayacaktır:

  • İncelemeler ve Derecelendirmeler için Zengin Snippet'leri Etkinleştirme
  • İnceleme için Yapılandırılmış Veriler
  • Derecelendirme için Yapılandırılmış Veriler
  • Toplam Derecelendirme Şeması Oluşturucu
  • 'İnceleme' schema.org mikro verileri için şema oluşturucu
  • zengin snippet inceleme oluşturucu
  • inceleme için google zengin snippet
  • zengin snippet'ler önizleme aracı
  • WordPress blog yazısı için zengin snippet
  • zengin snippet sitesi için tarif
Crunchify - genesis - Snippet şema ayrıntılarını gözden geçir

Adım-4 İnceleme Schema.org snippet'ini ekleyelim

İşte TEXT section altındaki yazı düzenleme panelinize koymanız gereken bir HTML kodu.

1
2
3
4
5
6
7
8
9
10
< div class = "crunchify-rating" itemscope itemtype = "http://schema.org/Review" >
     < span itemprop = "itemReviewed" itemscope itemtype = "http://schema.org/Thing" style = "font-size: 14px;" > < a itemprop = "url" href = "https://crunchify.me/genesis" target = "_blank" > < span itemprop = "name" > < strong > Genesis WordPress Theme Framework Review < / strong > < / span > < / a > < / span >
     < p > < / p >
     < strong > Description : < / strong > < span itemprop = "description" > One of the best WordPress Theme Framework which we use on Crunchify . com . Default comes with Google ' s rich schema . org snippet microdata . < / span >
     < span itemprop = "author" itemscope itemtype = "http://schema.org/Person" > < strong > Written by : < / strong > < span itemprop = "name" > App Shah < / span > < / span >
     < span itemprop = "reviewRating" itemscope itemtype = "http://schema.org/Rating" > < strong > Rating : < / strong > < span itemprop = "ratingValue" > 5 < / span > out of < span itemprop = "bestRating" > 5 < / span > < / span >
     < span itemprop = "publisher" itemscope itemtype = "http://schema.org/Organization" >
         < meta itemprop = "name" content = "Crunchify, LLC." / >
     < / span >
< / div >

Değerleri buna göre değiştirin ve yukarıdaki kod, aşağıdaki resimde gördüğünüz gibi basit CSS tricks Nice widget'a dönüştürülecektir.

Canlı inceleme örneği içeren URL: https://crunchify.com/crunchify-co-moved-to-genesis-framework-thesis-vs-genesis/

Crunchify tarafından Genesis Framework İncelemesi - schema.org mikro verileri için en iyi tema

Ve bu kadar. Blog yayınınıza yukarıdaki kodu ekledikten sonra, tekrar Google Structured Data Validation tool dönün ve yayın URL'nizi kontrol edin :). Tarama algoritmasına göre yayınınızın SERP'de güncellenmesi bir week kadar sürebilir.

Crunchify'da hangi CSS'yi kullanıyoruz?

Crunchify'da aşağıdaki CSS'yi kullanıyoruz. Aşağıdaki kodu temanızın style.css dosyasına ekleyin, özelliği ihtiyacınıza göre değiştirin ve hepiniz iyisiniz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
. crunchify - rating {
overflow : hidden ;
margin - bottom : 35px ;
border - radius : 3px ;
box - shadow : 0 0 2px 0 rgba ( 0 , 0 , 0 , . 12 ) , 0 2px 2px 0 rgba ( 0 , 0 , 0 , . 24 ) ;
font - size : 16px ;
color : #333;
padding : 30px 60px 5px ;
background : #fff;
border - left : 2px solid #157BDA;
}
. crunchify - rating : before {
content : "Rating" ! important ;
font - size : 16px ;
text - transform : uppercase ;
color : #fff;
float : left ;
margin : 2px 15px 15px 0 ;
background : #157BDA;
padding : 0px 20px ;
border - radius : 30px ;
}

Yukarıdaki CSS dosyasını AMP özellikli Sayfaya nasıl ekleyebilirim?

Yukarıdaki CSS içeriğini sayfanızın <head> altına <style amp-custom> HTML etiketi altına eklemeniz yeterlidir.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
   < head >
     . . .
     <style amp-custom>
      /* any custom styles go here. */
.crunchify-rating {
overflow : hidden ;
margin-bottom : 35px ;
border-radius : 3px ;
box-shadow : 0 0 2px 0 rgba ( 0,0,0,.12 ) , 0 2px 2px 0 rgba ( 0,0,0,.24 ) ;
font-size : 16px ;
color : #333 ;
padding : 30px 60px 5px ;
background : #fff ;
border-left : 2px solid #157BDA ;
}
.crunchify-rating:before {
content : "Rating" !important ;
font-size : 16px ;
text-transform : uppercase ;
color : #fff ;
float : left ;
margin : 2px 15px 15px 0 ;
background : #157BDA ;
padding : 0px 20px ;
border-radius : 30px ;
}
     </style>
     . . .
   < / head >

Başka sorunuz olursa bana bildirin.

Genesis Çerçeve Kopyanızı almayı unutmayın.

Mutlu Bloglama.