Cara Membuat Rich Snippet Rating Bintang Lima di Blog

Cara Membuat Rich Snippet Rating Bintang Lima di Blog-Kali ini myblog-bplk. akan mengajarkan cara membuat rich snippet rating bintang lima di blog,Agar blog kalian terlihat lebih seo dan banyak di kunjungi.

Ok langsung saja perhatikan tutorial 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 letakan 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/103702390564005192991'><data:post.author/></a></b><br/><br/>
</div>
</div>
</div>
</b:if>


 5.Simpan template !


Keterangan;
Kode URL https://plus.google.com/103702390564005192991 ganti dengan URL G+ Anda !


Bila sudah tersimpat 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 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 www.google.com/webmasters/tools/richsnippets
9. Selesai

Semoga Berhasil !

Tweet