Home » , » Cara Membuat Rating Bintang Rich Snippet di Blogspot

Cara Membuat Rating Bintang Rich Snippet di Blogspot

Sebenarnya saya malu saat membuat postingan ini, anda pasti bertanya kenapa bukan ? Yawh jelas saya malu karena saya sebenarnya tidak mengerti tentang HTML, apa lagi saya bisa memposting dan bisa menshare pengalaman ini bukan karena bbelajar otodidak tapi karena Googling hehehe.

Ok kita akan langsung saja mencoba menshare apa itu Rich Snippet, sebenarnya saya juga tidak tahu persis apa kegunannya tapi yang jelas ketika anda melihat blog berbintang Rich Snippet anda akan pasti berpikir bahwa blog ini berkualitas buka ? Begitu juga dengan saya, ketika melihat salah satu blog yang berbintang Rich Snippet saya langsung tertarik dan ingin membuatnya. Ets tunggu dulu, awalnya saya mempelajari dan mencoba terus dan teruus sampai2 blog saya acak2an templatenya karena bereksperimen dengan Bintang Rich Snippet itu.

Ok kita langsung saja kita menuju cara2nya daripada ngemeng terus hehehe , , ,

Langkah satu apakah anda punya akun Google Plus ??? Anda harus sudah punya atau anda wajib memilikinya lho kenapa ? pkonya wajib dewh gak tau kenapa tanya z ma Google hehhee , , ,
Yang pasti karena kita butuh Idnya sepperti milik saya ini

Yang digaris bawah merah itu ID Google Plus.Selanjutnya menghubungkan akun google plus dan blog dengan cara meletakkan kode script dibawah ini tepat dibawah kode <head>  
<link href='https://plus.google.com/ID GOOGLE PLUS' rel='publisher'/>
 maka akan tampak seperti di bawah ini 
Simpan Template Anda, itu untuuk mencegah bila ada kesalahan setelah itu cek blog anda Disini, apakah seperti gambar  dibawah ini ??


Jika sudah benar lanjut ketahap selanjutnya, Kembali lagi ke Template > Rancangan > Edit HTML , saya sarankan untuk BackUp/download template terlebih dahulu. Lalu centang expand widget.
NB : Pastikan bahwa template anda termasuk template yang sudah modern, karena template yang kelasik tidak mempunyai kode <body>
cari kode <body>
<div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Selanjutnya cari kode </body> dan letakkan kode dibawah ini sebelum kode script </body>
</div></div>
Jika sudah save. Lalu Cari kode dibawah ini ( mungkin h1 diganti dengan h3 )

<h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>


 letakkan kode <span itemprop='itemreviewed'><span itemprop='description'> di atas kode <h1 class='post-title entry-title'> dan letakkan kode </span></span> di bawah kode </h1> 

Dan menjadi seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'> 
<h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1> 
</span></span>

Kemudian cari kode <span class='fn'><data:post.author/></span>
hapus kode tersebut dan rubah menjadi <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>

Lalu cari kode <data:post.body/> yang seperti ini
<data:post.body/>
<div class='underliner'/>
<div class='clear'/>
<div class='post_social_bookmark'>  


Lalu taruh kode ini <span itemprop="rating">5</span>  dibawah kode <data:post.body/>

Simpan. Mungkin agak sedikit ribet tapi mudah2n bisa.
NB : Pastikan bahwa template anda termasuk template yang sudah modern, karena template yang kelasik tidak mempunyai kode <body>

5 comments:

  1. mampir gan...
    kunjung balik ke http://aidhil-16.blogspot.com

    ReplyDelete
  2. thanks gan, saya coba dulu
    http://dot-peace.blogspot.com

    ReplyDelete
  3. ribet pisan tutorial c'guru ... mampir... sob di blogku yang mengikuti tips di atas seo-bantai.blogspot.com

    ReplyDelete