Dengan menambahkan rating bintang yang muncul pada halaman pencarian tentunya akan membuat pengunjung lebih tertarik dan memberikan kesan atau impressi yang lebih pula, sehingga bukan tidak mungkin akan meningkatkan CTR (Click Through Rate) dan mendatangkan traffic lebih banyak. Hal inipun senada dan sejalan dengan tulisan saya sebelumnya, Menampilkan breadcrumbs pada halaman pencarian yang memungkinkan Search Engine untuk menampilkan link kepada post lengkap dengan kategorinya. Guna meningkatkan optimasi SEO, saya rasa 2 hal ini cukup penting diterapkan pada blog kita.
Mengenai Rich Snippet Star Ratings atau memunculkan rating bintang pada halaman pencarian ini pada dasarnya terdapat 2 jenis rating atau review. Yaitu, Individual Rating atau rating oleh perorangan, dan Aggregate Rating atau rating secara agregat. Sebenarnya untuk menambahkan rating itu sendiri ada beberapa cara baik dengan menggunakan microdata, microformat ataupun RDF. Namun prinsip ketiganya sama saja yaitu menambahkan sisipan informasi mengenai sebuah halaman menggunakan format data itu. Untuk cara menampilkan rating pada halaman ini saya ambil cara yang paling mudah saja, silahkan pilih salah satu dari 2 macam rating bintang di bawah.
Rating Bintang Perorangan (Individual Rating)
Untuk rating oleh perorangan ini, disamping menampilkan nilai rating juga menampilkan orang yang mereview atau memberikan rating beserta tanggal ratingnya, berikut contoh dan kodenya:
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review"> <span property="v:itemreviewed">Damn's Virtual Studio</span> Diulas oleh <span property="v:reviewer">D-Artchitext</span> <span property="v:dtreviewed" content="2009-01-06">July 7</span>. <span property="v:summary">Keren, templatenya yahud!</span> <span property="v:description">Deskripsi halaman yang dikasih rating.</span> Rating: <span property="v:rating">5</span> </div>
Rating Bintang Agregat (Aggregate Rating)
Adapun rating bintang agregat akan menampilkan rating secara umum atau nilai agregat dari keseluruhan review atau vote dibagi jumlah total voters. Untuk rating bintang jenis inipun saya beri contoh dua macam rating agregat sebagai berikut:
<div itemscope itemtype="http://data-vocabulary.org/Review-aggregate"> <span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">4.5</span> out of <span itemprop="best">5</span> </span> based on <span itemprop="votes">184</span> ratings. <span itemprop="count">84</span> user reviews. </div>
Hasil dari kode di atas akan menampilkan rating rata-rata dengan nilai 4.5 dari 5 (nilai tertinggi) berdasarkan 184 reviewers dan nantinya akan tampil pada SERPs seperti figur di bawah:
Lain lagi dengan contoh di atas, kode di bawah akan menampilkan rating dengan nilai 1 s/d 10 dengan rata-rata 9 dari 184 reviewers, berikut kodenya:
<span xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate"> <span property="v:itemreviewed"> Damn's Virtual Studio</span> Review <span rel="v:rating"> <span typeof="v:Rating"> Avg. Rating: <span property="v:average"> 9</span> <span property="v:best" content="10"/> <span property="v:worst" content="1"/> </span> </span> <span property="v:count"> 184</span> Reviews </span>
Cara pasangnya sangat mudah saja, cukup copy kode salah satu dari 3 pilihan rating bintang di atas pada blog sobat. Agar rating bintang ini muncul pada setiap halaman baik di blogger atau wordpress, maka tinggal salin saja kode ini dengan menambahkan widget text/ html. Atau sebaliknya jika rating bintang ini hanya ingin muncul pada halaman posting saja maka salin kode hanya pada file single.php saja.
Namun perlu diingat bahwa penilaian rating khususnya untuk rating agregat dilakukan manual (dapat kita tentukan sendiri). Adakalanya rating ini tidak ingin ditampilkan namun tetap ingin muncul pada halaman pencarian. Solusinya sih gampang saja tapi tidak akan saya bahas secara gamblang, hehhee… Tapi tetap saya akan kasih clue-nya, yaitu dengan memberi id atau class dengan property-nya: display:none; pada bagian kode di atas. Dengan begitu ratingnya tidak akan tampil pada halaman namun tetap dapat dibaca oleh search Engine dan akan ditampilkan pada halam pencarian. Nah, untuk itu belajar dasar-dasar CSS-nya sendiri ya, hehhee…
Untuk menguji pemakaian kode di atas sudah benar atau belum sobat bisa mengunjungi halaman tempat test Rich Snippets di sini. Tapi sabar dulu ya, rating ini tidak akan muncul serta merta pada halaman pencarian sebab Google butuh waktu untuk mengindex ulang situs/ blog sobat. Selamat mencoba!
Ini nih tutorial yang saya cari. Dari tadi dapatnya yang di bisa di WordPrees saja. Padahal saya platform blogger. Nah, Sekarang bisa untuk kedua-duanya.
Terimakasih Admin, telah berbagi informasi yang bermanfaat.
Sama2 gan, makasih juga kalo kepake 🙂
izin coba gan.. mudah mudahan work .. thanks
Silahkan gan, good luck!
Mantap mas tutorialnya
semoga yang ini work
luar biasa… ini artikel yang saya cari… semoga bisa berhasil… makasi atas penjelasannya mas..