Cara Membuat Rating Bintang di Blog

Rating Bintang di Google

Cara membuat rating bintang di blog dan membuat rating bintang tersebut menjadi rich snipets yang selanjutnya akan ditampilkan dalam hasil pencarian google tidaklah terlalu sulit. Namun harus tetap memperhatikan cara yang benar, karena bila terdapat kesalahan, google tidak akan menampilkan rating bintang tersebut. Kita juga harus tahu bahwa google tidak menjamin rating bintang tersebut terus muncul, dalam bahasa sederhananya, kadang muncul kadang tidak.

sebelum kita membuat rating bintang agar muncul di google perlu kita ketahui bahwa rating bintang tersebut harus merupakan rich snipets. Sedangkan cara membuatnya sendiri bisa menggunakan 3 format : microdata, microformats, RDFa. Namun kali ini yang saya bahas adalah dengan menggunakan format microdata dengan tipe dari schema.org dikarenakan memiliki kelebihan daripada format lainnya yaitu data-data yang kita buat bisa dibaca oleh beberapa search engines sekaligus (Google, Yahoo, Bing, Microsoft, Yandex).

Hal pertama yang harus Anda pahami adalah rating bintang mempunyai 2 tipe, yaitu individual rating dan aggregate rating. Perbedaannya hanya terletak pada kegunaan rating tersebut. Individual rating hanya untuk satu item dari satu ulasan, sedangkan aggregate rating untuk satu item dari beberapa ulasan. Ulasan atau review sendiri merupakan bagian tipe dari microdata dan rating itu merupakan properti dari review.

Dalam pembuatan rating bintang di bawah ini, kode html bisa kita pasang secara manual di tiap postingan atau secara otomatis agar semua postingan terdapat rating.

Rating Bintang Type Individual Rating

Contoh:

Contoh Individual Rating

Kode html yang dipakai bila dipasang secara manual tiap posting (di dalam postingan langsung):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'>Cara Membuat Rating Bintang Di Blog</span>
</div> 
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span>
</div>
Oleh 
<span itemprop='author'>Nurdi Anto</span> 
</div>

Kode html yang dipakai bila dipasang secara otomatis (di dalam template blogger):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'><data:post.title/></span>
</div> 
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span>
</div>
Oleh 
<span itemprop='author'><data:post.author/></span> 
</div>

Rating Bintang Type Aggregate Rating

Contoh:

Aggregate Rating

Kode html yang dipakai bila dipasang secara manual tiap posting (di dalam postingan langsung):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'>Cara Membuat Rating Bintang Di Blog</span>
</div> 
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span> dari 
<span itemprop="reviewCount">1001</span> ulasan
</div>
</div>

Kode html yang dipakai bila dipasang secara otomatis (di dalam template blogger):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'><data:post.title/></span>
</div> 
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span> dari 
<span itemprop="reviewCount">1001</span> ulasan
</div>
</div>

Kode diatas cuma contoh kode, jangan disalin / jangan digunakan. Untuk kode lengkap bersama CSS akan dibahas di postingan selanjutnya > Pembuatan Rating Bintang Google dengan modifikasi CSS

Sumur : http://www.infoindong.com/2013/02/cara-membuat-rating-bintang-di-blog.html