Cara Membuat Rich Snippet Rating Bintang Lima di Blog

8:58 AM  ,  

Cara Membuat Rich Snippet Rating Bintang Lima di Blog - pada hari ini saya akan mengajarkan untuk membuat rich snippet yang lumayan simple dan tapi agak ribet, untuk tutorial membuat bintang lima ini di jamin fix dan tidak ada error lagi tapi tergantung pada template juga....jika tidak cocok mungkin akan ada sedikit error
ceastercorp.blogspot.com
baiklah tanpa memperpanjang waktu, langsung saja lihat tutorialnya di bawah ini :

1.Masuk ke Template, Edit HTML lalu klik Lanjutkan
2.Centang "Expand Template Widget"
3.Gunakan Ctrl + F pada browser anda lalu cari kode <data:post.body/>
4.Lalu copas kode Rich Snipet di bawah  <data:post.body/>   untuk <data:post.body/> pilih nomor 3 atau 4
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:right;'>
</div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>100%</span>
    </span>
    based on <span itemprop='votes'>99998</span> ratings.
    <span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/112218843372905284280'><data:post.author/></a></b><br/><br/>
</div>
</div>
</div>
</b:if>

 5.Simpan template !

NB : Kode URL https://plus.google.com/112218843372905284280 ganti dengan URL G+ Anda !

Bila sudah terimpat silahkan cek di www.google.com/webmasters/tools/richsnippets  lalu masukan url postingan anda dan klik preview.Jika anda sudah melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode markup yang anda lakukan sudah berhasil.

Jika di Search di Google belum ada maka tunggu beberapa saat atau 3 hari sampai 1 minggu dan bairkan kode Rich Snippet bekerja !ceastercorp.blogspot.com
Jika anda saat cek di www.google.com/webmasters/tools/richsnippets ada kode error Missing required field "updated" maka anda harus menambah beberapa kode agar tidak error,untuk tutorialnya silahkan anda lihat di bawah ini :

1. Login dengan account blogger sobat
2. Pilih edit HTML --> beri  centeng "Expand Widget Templates" ---> backup jika perlu
3. Taruh kode berikut :
 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

4. Copy pastekan pada notepad
5. Ganti kata 'published' dengan kata 'updated'6. jadinya seperti dibawah ini :
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

7. Copy pastekan kembali kedalam template sobat tepat dibawah kode ini :
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

8. Simpan template dan cek lagi di http://www.google.com/webmasters/tools/richsnippets
9. Selesai

Semoga Berhasil !