Wednesday, September 19, 2012

Cara Pasang Rating Bintang Rich Snippet di Blog

Rating Bintang Rich Snippet pada Blog salah satu nya untuk memperindah tampilan blog kita di pencarian google , dan kegunaan yang lain adalah membuat pembaca percaya dengan isi blog kita.
Silahkan ikuti langkah berikut ini :

>> Daftar dan buat dahulu akun Google+. Untuk membuatnya klik disini.
>> Setelah akun Google+ selesai dibuat maka selanjutnya mengalihkan profil Blogger ke Google+
Caranya:
  • Masuk ke dasbor blog kalian
  • Pilih tombol Terhubung ke Google+
berlaih ke google+1
  • Jika terbuka halaman baru maka klik Beralih Sekarang Juga. Lalu di bagian Kontirbutor Untuk centang blog sobat lalu Tambahkan Blog.
berlaih ke google+2
  • Setelah selesai semuanya, sekarang saatnya masuk ke mengoprek kode HTML blog sobat. Langkah-langkahnya:
1. Masuk ke dashbor blog sobat.
2. Silahkan menuju menu Rancangan >> Edit HTML (jangan lupa centang expand template widget).
3. Cari kode berikut:
<head>
4. Setelah ketemu silahkan copast kode berikut tepat di bawah kode no. 3 di atas.
<link href="https://plus.google.com/107203684058886464593" rel="publisher"/>
Ganti kode berwarna biru dengan ID Google+ sobat. Cara mendapatkan silahkan kunjungi url berikut: https://plus.google.com/
>> perhatikan beberapa digit nomor yang terletak di belakang url tersebut setelah load selesai. Perhatikan gambar:
ID Google+
Nah, itu merupakan nomor ID Google+ kita. Silahkan ganti kode yang diatas tadi dengan kode ID Google+ sobat.

5. Selanjutnya cari kode berikut:
<body>
6. Tempatkan kode berikut di bawah kode tersebut:
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>/>
7. Lalu tempatkan kode berikut di bawah kode </body>
</div>/></div>
8. Selanjutnya cari kode postingan blog sobat. Yaitu kode yang diawali dengan kode berikut:
<h2 class='post-title entry-title'>
Dan kode lengkapnya seperti ini:
<h2 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> 
</h2>
9. Tempatkan kode yang tercetak tebal berikut tepat di atas kode huruf h di atas
<span itemprop='itemreviewed'><span itemprop='description'>
Kode postingan blog sobat
</span>
</span>
Sehingga nanti jadinya seperti ini:
rating bintang snippet
10. Next cari kode berikut:
<span class='fn'><data:post.author/></span>
11. Sisipkan kode <span itemprop='reviewer'> dan </span> diantara kode tersebut, maka nanti jadinya seperti ini:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
l2. Langkah terakhir, cari kode berikut:
<div class='post-footer'>
13. Tempatkan kode berikut tepat di bawah kode tersebut:
Rating: <span itemprop="rating">4.5</span>
atau kode lengkapnya:
Rating: <span itemprop="rating">4.5</span><br /> Description: <span itemprop="description">ISI JUDUL POSTING SOBAT</span><br />Reviewer: <span itemprop="reviewer">NAMA AUTHOR SOBAT</span><br />
Itemreviewed: <span itemprop="itemreviewed">ISI PENJELASAN DAI JUDUL POSTING SOBAT</span>
14. Simpan Template sobat

Catatan: Bila sobat ingin benar-benar berhasil, lakukan satu persatu langkah-langkah di atas, jangan sampai ada yang terlewat karena setiap langkah saling berkaitan satu sama lain.

15. Selanjutnya silahkan cek hasil kerja sobat Disini. Bila sukses maka jadinya seperti ini:
tampilan rich snippet yang sukses


Nah, sekian dulu posting posting mengenai Cara Pasang Rating Bintang Rich Snippet di Blog
semoga bermanfaat

Source: http://amronbadriza.blogspot.com