Cara Menambahkan Rating Bintang di Blogger

Blogger tidak seperti WordPress, yang memiliki banyak plugin untuk menampilkan fitur Rating bintang seperti: kk Star Ratings , WP-Post Ratings serta masih banyak yang lainnya,  dan Blogger tidak dapat menambahkan plugin tersebut. Namun bukan berarti Anda tidak bisa menambahkan rating bintang di blogger.

Pada artikel ini, saya akan memandu Anda tentang cara menambahkan rating bintang di blogger, baik di area postingan maupun halaman hasil mesin pencari.

Fungsi dan Keuntungan Menambahkan Rating Bintang di Blogger

Ketika pelanggan atau pembaca anda ingin memberikan apresiasi mudah tanpa repot menulis komentar terhadap apa yang anda tulis, Cukup tambahkan peringkat bintang, dan ungkapkan pemikiran Anda pada artikel ini menjadi lebih mudah dengan 1 klik.

Hal ini berpengaruh terhadap tingkat kepercayaan dan pengalaman pelanggan, dan juga meningkatkan brand awarnes anda.

Selain itu, penambahan rating bintang ini juga membuat pembaca melihat seberapa berkualitas artikel atau ulasan produk tersebut.

Apakah Peringkat Bintang ini muncul di Hasil Pencarian?

Selama Anda menambahkan peringkat bintang ini di blogger dan mengaktifkan mode Google Rich Snippet, ulasan akan muncul di hasil pencarian Anda.

Cara Membuat Rating Bintang di Blogger

Untuk menambahkan rating bintang di blogger, ke posting blog Anda, ikuti petunjuknya. Sangat singkat dan mudah.

1. Cara Satu

Cara yang pertama ini menggunakan bantuan pihak ketiga berdasar hasil rating secara real-time, kita hanya perlu memasang script javascript dan mengkonfigurasikan tampilan disitus tersebut.

Langkah 1: Kunjungi situs https://widgetpack.com dan daftar untuk mendapatkan akun.

Langkah 2 : Tambahkan situs web Anda beserta langkah selanjutnya seperti dibawah ini:

1. try widget now
2. Pilih rating
3. Signup untuk mendaftar
4. Masukkan situs website anda

Langkah 3 : Masuk ke Menu, lalu klik " Rating ", lalu pilih " Install ".

Langkah 4 : Salin JavaScript dan rekatkan ke dalam tag </body> . Silakan salin dari

 <script type = "text / javascript"> ... </script> 

Misalnya:

<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 30126});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true;
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>

Langkah 5 : cari tag <data:post.body/> dan pastekan HTML ini tepat dibawahnya

<div id="ratings" style="width:96%; height:100px; text-align:center; border:3px solid #e6e4df; margin:0 auto; margin-top:10px">
<h4>Your review of this article?</h4>
<p id="wpac-rating"/>
</div>

Langkah 6 : Kembali ke situs web Paket Widget dan konfigurasikan di Pengaturan Peringkat.

Konfigurasi kan dengan nilai:

• Aktifkan Google Cuplikan Kaya untuk Peringkat jika Anda memilihnya akan menampilkan peringkat bintang pada hasil pencarian google.
• Beri suara dengan memilih metode evaluasi, jadi pilih Perangkat (cookie).
• Warnai warna bintang.
• Jumlah bintang.
• Kemudian klik " Simpan ".

Hapus Rating Bintang dari Halaman

Ketika anda tidak ingin menampilkannya, solusinya adalah dengan meletakkan beberapa CSS  di bawah ini ke halaman yang ingin Anda sembunyikan di Kotak Tinjauan.

<style>
#ratings{display:none;}
</style>

2. Cara Dua

Cara yang kedua menggunakan script application/ld+json dari schema.org. langkahnya lebih sederhana dan ringan dibanding dengan cara yang pertama. Untuk menggunakannya ikuti langkah-langkahnya:

Langkah 1:

Buka akun dasbor Blogger anda. 

Pilih menu Tema >> Klik pada tombol Sesuaikan >> Pilih Edit HTML 

Cari kode application/ld+json atau kode rich snippet schema.org  seperti dibawah ini atau yang sejenisnya: 

<script type='application/ld+json'>
  {
    "@context": "https://schema.org",
    "@type": "CreativeWorkSeries",
    "url": "<data:blog.url/>",
    "name": "<data:blog.pageTitle/>",
    "alternateName": "<data:blog.pageTitle/>",
    "description": "<data:blog.metaDescription/>",
    "inLanguage": "id",
    "author": {"@type": "Person", "name": "nama anda"},
    "publisher": {"@type": "Organization", "name": "<data:blog.title/>"}
    }
  }
</script>

Langkah 2: Tambahkan kode rating bintang dibawah ini diantara kode diatas: 

"aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "ratingCount": "5", }, 

Sehingga menjadi seperti dibawah ini:

<script type='application/ld+json'>
  {
    "@context": "https://schema.org",
    "@type": "CreativeWorkSeries",
    "url": "<data:blog.url/>",
    "name": "<data:blog.pageTitle/>",
    "alternateName": "<data:blog.pageTitle/>",
    "description": "<data:blog.metaDescription/>",
    "inLanguage": "id",
    "aggregateRating": {
    	"@type": "AggregateRating",
    	"ratingValue": "4.5",
   	    "ratingCount": "5",
  },     
    "author": {"@type": "Person", "name": "nama anda"},
    "publisher": {"@type": "Organization", "name": "<data:blog.title/>"}
    }
  }
</script>

Kemudian, simpan ulang kode template blog anda.

Kesimpulan

Dengan menggunakan langkah-langkah di atas, Anda akan dapat menambahkan widget peringkat bintang ke situs Blogger Anda " Buat Rating Bintang di Blogger? ", yang akan muncul secara otomatis di akhir setiap posting yang Anda miliki di blog Anda.