Cara membuat rating di html

Sekian tutorial Cara Memasang Widget Rating Bintang dengan CSS di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

AdityaTekno.com - Dengan menambahkan rating bintang pada artikel blog dapat meningkatkan traffic organik google maupun search engine lainnya. Karena trik menampilkan rating bintang di hasil pencarian google adalah salah satu cara SEO, dimana artikel blog akan terlihat berbeda dengan yang lain, sehingga pengunjung tertarik mengeklik postingan kita.

Sebenarnya di google sudah banyak tutorial cara membuat rating bintang di blogspot, tapi kebanyakan tutorial yang saya temui sudah usang, tidak berfungsi dengan baik dan sudah tidak valid lagi di Structured Data Testing Tool (Alat Pengujian Data Terstruktur) atau Rich Results Test (Pengujian Hasil Kaya).

Nah, maka dari itu saya mau membagikan ulang tutorial cara terbaru membuat dan menampilkan rating bintang artikel blog di hasil pencarian google.

Tapi sebelum lanjut ke inti pembahasan, alangkah baiknya anda simak terlebih dahulu manfaat memasang rating bintang rich snippet pada artikel blog.

Manfaat Memasang Rating Bintang pada Artikel Blog

Seperti yang sudah saya katakan diatas, rating bintang rich snippet google berpengaruh pada performa artikel / postingan blog di hasil pencarian google. 

Mungkin cara ini tidak dapat berpengaruh secara langsung atau instan, akan tetapi anda akan merasakan sendiri manfaatnya di kemudian hari dengan memasang rating bintang pada artikel blog. 

Salah satu manfaat dari memasang skor review rich snippet pada artikel / postingan blog yaitu dapat meningkatkan tarffic organik google maupun mesin pencari lainnya, selain itu juga dapat meningkatkan skor SEO. 

Dan masih ada banyak manfaat lainnya yang didapat dari memasang rating bintang pada artikel blog. 

"Wah mantul (mantap betul) dong mas...". Iya mas, mantul banget, hehe.

Berikut adalah manfaat setelah memasang skor review / rating bintang menggunakan struktur schema.org pada artikel blog di hasil pencarian google :

  1. Dapat meningkatkan skor SEO blog.
  2. Dapat menarik minat visitor/pengunjung untuk menge-klik artikel kita di hasil pencarian google.
  3. Dapat meningkatkan visitor/pengunjung organik, baik dari google, bing, maupun yang lainnya.
  4. Dapat meningkatkan rangking artikel blog di hasil pencarian google.
  5. Dapat meningkatkan pendapatan, baik Google AdSense, MGID maupun ad network lainnya.
  6. manfaat lainnya bisa anda buktikan sendiri ya.

Setalah mengetahui manfaat dari memasang rating bintang pada artikel blog, sekarang anda pasti sudah tidak sabar pengen membuat rating bintang di artikel / postingan blog anda kan?

Cara Membuat dan Menampilkan Rating Bintang Artikel Blog di Hasil Pencarian Google

Berikut adalah cara membuat dan menampilkan rating bintang artikel / postingan blog di hasil pencarian google (SERP) :

  1. Buka dashboard Blogger anda.
  2. Pada menu Postingan, pilih artikel / postingan yang ingin diberi rating. . 
  3. Kemudian, copy kode dibawah ini dan paste kan dibawah artikel / postingan anda (masuk mode HTML).
    <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": "5",
        	"bestRating": "5",
        	"worstRating": "0",
       	"ratingCount": "1300",
        	"reviewCount": "1300"
      },
        "author": {"@type": "Person", "name": "Aditya Nur Kahfi"},
        "publisher": {"@type": "Organization", "name": "<data:blog.title/>"}
        }
      }
    </script>
  4. Edit terlebih dahulu kode diatas sesuai yang anda inginkan.
  5. Klik Simpan atau Perbarui, jika dirasa sudah siap.

Ubah nilai atau angka yang sudah saya tandai diatas. 

  • "ratingValue" untuk menampilkan skor rating bintang. 
  • "bestRating" untuk mengatur rating terbaik, misal rating 5 atau 10.
  • "worstRating" untuk mengatur jumlah rating rendah. 
  • "ratingCount" untuk mengatur jumlah rating. 
  • "reviewCount" untuk mengatur jumlah review. 
  • "name" : ubah dengan nama penulis blog.

Catatan: Perlu anda ketahui, meskipun anda sudah berhasil memasang script rich snippet dari schema.org tersebut, skor bintang tidak akan langsung muncul begitu saja di bawah judul postingan blog anda saat di lihat pada mesin pencarian google. Anda harus menunggu sekitar 1 minggu atau bahkan bisa lebih sampai 1 bulan, tergantung seberapa cepat google merayapi ulang artikel anda. Kemudian, jika ingin mempercepat proses perayapan (crawl) ulang, anda bisa melakukan inspeksi ulang artikel anda di Google Search Console.

Contoh artikel blog yang menampilkan skor review rating bintang di hasil penulusuran google.

Cara membuat rating di html
Contoh Rating Bintang Artikel Blog di Hasil Penelusuran Google

Demikian tutorial Cara Membuat dan Menampilkan Rating Bintang Artikel Blog di Hasil Pencarian Google. Semoga bermanfaat untuk anda. Terima kasih sudah berkunjung. Salam AdityaTekno.com

Baca artikel AdityaTekno.com lainnya di Google News.

Cara membuat rating di html

Aditya Nur Kahfi

Hi, Aku Aditya Nur Kahfi, biasa dipanggil Adit. Seorang Blogger, Content Writer, CEO & Founder AdityaTekno.com dan juga Editor/Redaktur di Portal Berita Lokal iNews.id - iNewsBekasi.id.