Ku Coba Buat Rating Bintang Untuk Tampil di Penelusuran Google

Mem-buat ra-ting bintang di blog agar tampil di penelusuran Google  "memang gampang-gampang susah", karena begitu mem-buat scriptnya di blog tidak lantas rating itu muncul di penelusuran Google. Cara membuat rating bintang di blog dan membuat rating bintang tersebut menjadi rich snipets yang selanjutnya yang akan ditampilkan dalam hasil pen-cari-an google tidaklah terlalu sulit. Namun harus tetap memperhatikan cara yang benar, karena bila terdapat kesalahan, google tidak akan menampilkan rating bin-tang tersebut. Kita juga harus tahu bahwa google tidak menjamin rating bintang tersebut terus muncul, dalam bahasa sederhananya = = bisa muncul bisa tidak.

Disini saya akan memberikan sentuhan berupa design css agar tampilan review rating pada blog terlihat menarik serta menggunakan propertis rich snipets rating standar.

Ya kita langsung saja  Kode css yang harus Anda pasang di template, pertama silahkan cari kode ]]></b:skin> kemudian paste kode css berikut di atas ]]></b:skin>

.rating-box{border: 4px dashed rgb(204, 204, 204);margin: 5px;padding: 10px;} 
.rating-box:hover {background-color: rgb(241, 246, 249);border: 4px dashed rgb(31, 168, 245);margin: 5px;padding: 10px;}
.thumb-box{float:left;margin:0 8px 0 0;width:80px;height:65px !important;}

Bila Anda menginginkan setiap posting memiliki rating bintang, pertama silahkan menuju ke editor template kemudian cari kode  

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

Pencarian kode cepat tekan tombol keyboard CTRL+F. Silahkan salin kode berikut di bawah kode <data:post.body/>

<div class='rating-box'>
<b:if cond='data:post.firstImageUrl'>
<img class='thumb-box' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
</b:if>   
<b>Title</b> : <span itemprop='itemreviewed'><data:blog.pageName/></span><br/>
<b>Description</b> : <b:if cond='data:post.snippet'><data:post.snippet/></b:if><br/>
<b>Rating</b> : <span itemprop='rating'>5</span>
</div>

Maka hasilnya akan tampak seperti ini :

Catatan :

• Angka 5 dalam author rating bisa diganti dengan angka 1 s/d 5, atau bisa juga dengan koma misalnya 3,5 - 4,5


• Pastikan rating bintang rich snipets Anda muncul, untuk mengetesnya silahkan menuju ke google rich snipets tool, bila ada kesalahan segera dibenah