Cara Membuat Rating Bintang Di Blog / Blogger

shares |

Loading...
Hai sobat danifin, Pernahkah anda melihat di pencarian google ada website yang ada rating bintangnya? Penasaran, Nah, pada kesempatan kali ini saya akan memberi cara membuat rating bintang di blog yang akan ditampilkan dalam hasil pencarian google. Sebenarnya cara ini tidak terlalu rumit, Namun jika ingin berhasil tentunya harus tetap memperhatikan langkah-langkah yang benar, karena jika ada kesalahan, si mbah google tidak akan menampilkan rating bintang tersebut lho. Kita perlu tahu juga bahwa google tidak menjamin rating bintang tersebut terus muncul, dalam bahasa sederhananya, kadang muncul kadang tidak. jadi jangan protes jika tiba- tiba rating hilang dan tiba-tiba muncul.

Nah, sebelum kita memulai membuat rating bintang perlu kita ketahui juga bahwa rating bintang tersebut harus merupakan rich snipets.

Untuk langkah pertama yang harus Anda ketahui adalah rating bintang mempunyai 2 tipe, yaitu individual rating dan aggregate rating. Untuk Perbedaannya hanya terletak pada kegunaan pada rating tersebut. Rich snippet tipe Individual rating hanya untuk satu item dari satu ulasan, sedangkan untuk Rich snippet tipe aggregate rating untuk satu item dari beberapa ulasan. Nah untuk Ulasan atau review sendiri itu adalah bagian tipe dari microdata dan untuk rating itu merupakan properti dari review. sumber: www.infoindong.com


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

#Rating Bintang Bertipe Individual Rating

Kode html ini yang digunakan bila anda ingin memasang 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 dapat kita pakai 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 Bertipe Aggregate Rating

Kode html ini yang digunakan bila anda ingin memasang 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 dapat kita pakai 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>
Itu saja kode rich snippet untuk membuat rating bintang yang dapat saya jelaskan secara singkat, semoga anda dapat manfaat dari artikel saya.

Cara Membuat Rating Bintang Di Blog
4/ 5
Oleh

Related Posts

0 comments: