Tampilkan postingan dengan label rich snippet themes. Tampilkan semua postingan
Tampilkan postingan dengan label rich snippet themes. Tampilkan semua postingan

Selasa, 18 September 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