Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Hi semua, di posting ini kita akan coba membuat sebuah rating bintang yang akan bisa muncul di halaman SERP Google mendampingi semua list postingan blog kita teman.. Jika kita berhasil memasang rating bintang Rich Snippet ini ke dalam template blogger pastinya akan menjadi keuntungan buat blog kita sendiri, pasalnya selain SEO bagi Google juga bisa meningkatkan klik dari peselancar mesin pencari Google sebab postingan kita akan nampak lebih profesional dan berkualitas. Hmmm postingan blog dah terasa seperti hotel ber-bintang, beda ma lainnya :)
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Mau tahu gimana cara membuat / memasang rating bintang rich snipper ini dalam template blogger ? silakan simak aja tutorial singkat ini :

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Agar rating bintang rich snippet tersebut bisa muncul kita harus memasang kode di bawah ini tepat di bawah tag <body>
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Kemudian cari penutup tag body yaitu </body>, letakkan kode berikut diatasnya sebagai penutup kode rating bintang rich snippet tersebut
</div></div>
Tidak berhenti sampai disini teman, hapuslah kode html judul blog teman yang seperti dibawah ini
<b:if cond='data:post.title'>
<h3 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>
</h3>
</b:if>
Kemudian ganti dengan kode html di bawah ini
<span itemprop='itemreviewed'><span itemprop='description'>
<b:if cond='data:post.title'>
<h3 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>
</h3>
</b:if>
</span></span>
Lalu carilah kode html <data:post.author/> dalam template blogger teman dan ganti menjadi
<span itemprop='reviewer'><data:post.author/></span>
Tinggal beberapa langkah lagi pembuatan rating bintang rich snippet akan selesai. Yups kita lanjutkan teman.. Teman cari tag </head> dan letakkan script berikut diatasnya ya agar nantinya rating bintang rich snippet ini bisa muncul sekaligus diikuti profile kita.
<link href='https://plus.google.com/106672344333897149740' rel='publisher'/>
Catatan : ganti angka berwarna merah diatas dengan ID Google+ kalian
Terakhir tinggal meyimpan hasil edit, klik klik tombol Simpan Template dan Tutup
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Jangan lupa teman, setiap membuat postingan kalian semua harus menambahkan script rating dibawah ini, dibagian akhir postingan blog kalian..
Rating: <span itemprop="rating">5</span>

Nah,, tutorial cara membuat / memasang rating bintang rich snippet pada template blogger dah selesai. Tinggal menikmati hasilnya...
Selamat mencoba teman..


10 Responses to Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger
Ade Malsasa Akbar mengatakan...

Saya yakin Mas Ramzi ini sangat bersemangat menjadi narablog. Suka menulis ya, Mas? Berjuang terus, Mas. Saya menemukan blog mas dari komentar mas di blog lingkarmerah.

Terima kasih, Mas...


26 Agustus 2012 08.49
Ade Malsasa Akbar mengatakan...

Bersabarlah dalam nge-blog, Mas. Berjuang!


26 Agustus 2012 09.04
Ramzi Ebaz mengatakan...

Terima kasih mas atas motivasinya
Teruslah ngeblogging juga mas bro..


26 Agustus 2012 16.55
Aneh Indah mengatakan...

makasih inponya, langsung dicuba ah


29 Agustus 2012 00.19
Abed Saragih mengatakan...

Wah...mantap mas.Trima kasih mas.Ini banyak dicari lo... :)


31 Agustus 2012 22.09
Gedek mengatakan...

Nice post sob.. Bisa membuat template? Ingin template yang seo friendly dan adsense friendly ada ga sob? :) yang lolos cek validasi html gitu..

Selama ini susah sekali mencari template yang benar-benar lolos cek validasi html :D


5 September 2012 06.20
Okto mengatakan...

Salam kenal.
Menarik Mas. tapi saya sedikit ragu apa benar snippet bintang bisa menambah CTR link blog kita di google result .... menarik buat bahasan baru.

Terima kasih inspirasinya.

Sukses selalu


6 September 2012 06.14
pututik mengatakan...

kalo bisa snippetnya pakai rating google+


7 September 2012 15.26
ibnmalik mengatakan...

ini hanya untuk pengguna blogger aja ya?
kalau wordpress gmn y?


9 September 2012 03.26
blogDUIT mengatakan...

mantap mas bro, thanx dah mampir


26 September 2012 18.46

Posting Komentar

 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers