Rabu, 18 Juli 2012

Cara Memasang Rating Bintang Rich Snippet di Blogspot

22.44  Unknown  No comments

Cara Memasang Rating Bintang Rich Snippet di Blogspot - Cara membuat/memunculkan rating bintang di blogspot/SERP Google atau cara agar hasil SERP muncul bintangnya - Rating bintang snippet merupakan salah satu layanan yang disediakan oleh Google yang mampu membuat tampilan hasil SERP lebih bagus karena menampilkan beberapa tanda bintang berjumlah 5 sehingga mampu menarik perhatian pengunjung (eye catching) untuk mengeklik dan mengunjungi artikel kita dengan tanda bintang yang disandangnya tersebut. Menurut saya pemasangan rating bintang snippet perlu untuk dilakukan karena merupakan salah satu cara mempercantik tampilan blog dan mempercantik tampilan SERP. Oke langsung saja saya mulai tutorial cara membuat rating bintang snippet di blogspot:

>> 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 memasang rating bintang rich snippet di blogspot. Semoga berhasil dan bisa menambah wawasan sobat.

Posted in:

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More