Cara Membuat Rich Snippet #2 ( 5 Rating Bintang )

Memasang rich snippet atau rating bintang 5 bagi blog anda, pastinya itulah tujuan anda membaca artikel saya ini. Cara memasang rich snippet itu sebenarnya sederhana & mudah, dan pasti bisa anda pasang sendiri di blog anda, mau tahu caranya?



Sebelum memasang rich snippet di blog anda, saya sarankan anda untuk terlebih dahulu melakukan verifikasi profil pengarang dan profil penerbit blog anda, caranya bisa anda baca di Cara Membuat Rich Snippet #1 ( Verifikasi ) , karena jika anda belum menyelesaikan proses verifikasi profil anda, maka photo dan nama profil anda tidak akan muncul di hasil pencarian.

Cara memasang rating bintang

Setelah anda verifikasi profil lewat link di atas, maka selanjutnya anda bisa melanjutkan ke tutorial membuat rich snippet berikut ;

1. Setelah login ke blogger, silahkan masuk ke menu template - edit HTML - kemudian pilih lanjutkan.

2. Beri centang pada kotak sebelum tulisan expand template widget.

3. Silahkan anda cari kode <data:post.body/> , setelah ketemu, silahkan paste kode berikut di bawah <data:post.body/> . Sedikit catatan bagi anda yang sudah memasang artikel terkait sebelumnya, maka tempatkan kode berikut sebelum kode artikel terkait/related post yang anda pasang.
Code untuk di salin ;

<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:left;'>
<img height='85px' itemprop='photo' src='http://lh4.googleusercontent.com/-FLpKxM9PG_0/AAAAAAAAAAI/AAAAAAAAADE/36QqkiVn1os/s512-c/photo.jpg' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Terima kasih telah membaca artikel <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Artikel ini memiliki rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
<strong>Top Artikel</strong> dari <span itemprop='votes'>12606</span> ratings.
<span itemprop='count'>12327</span> pembaca merekomendasikan ini.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/111643121209882967022'><data:post.author/></a></b><br/><br/>
Terimakasih atas kunjungan Anda beserta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui Kotak komentar dibawah.</div>
</div>
</div>
</b:if>

4. Perhatikan kode di atas, ada beberapa markah yang saya beri warna berbeda, penjelasannya sebagai berikut ;
Kode berwarna biru = Ganti dengan URL photo anda yang ingin anda tampilkan
Kode berwarna hijau = Ganti dengan URL profil Google+ anda
Kode berwarna merah = Silahkan ganti sesuai selera anda, jika anda mengikuti contoh kode di atas, maka hasilnya akan seperti rating yang bisa anda lihat di ujung posting ini.

5. Setelah selesai, simpan template anda kemudian tutup.

Untuk melihat hasilnya, silahkan anda menuju ke http://www.google.com/webmasters/tools/richsnippets
Masukkan salah satu URL artikel blog anda ke kotak yang tersedia kemudian klik pratinjau, maka anda dapat dipastikan sudah bisa melihat tampilan rich snippet yang anda buat. Untuk rating berbintang pada hasil pencarian Google™, anda harus menunggu sekitar satu atau dua hari hingga rating bintang anda muncul.

Terima kasih telah membaca cara membuat rich snippet, jika tutorial di atas telah anda praktekkan, mohon beritahu saya hasilnya di kotak komentar di bawah.
Terima kasih.

Artikel Cara Membuat Rich Snippet #2 ( 5 Rating Bintang ) ini 100% bukan hasil copy paste
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;