Cara Membuat Rating Bintang Otomatis

Penulis-Bulukumba (Pb)

Cara Membuat Rating Bintang Otomatis - Rating bintang adalah cara untuk mempercantik artikel sobat pada search engine google, karena ketika kita mengetikkan judul posting kita pada search engine google maka disamping judul akan muncul bintang sesuai dengan rating yang dimiliki. Rating bintang itu sendiri sering disebut dengan rich snippets. Biasanya rating bintang digunakan untuk menarik visitors karena visitor kebanyakan suka dengan tampilan yang keren dan unik. Mungkin rating bintang ini dapat sobat gunakan untuk menarik lebih banyak visitors pada blog sobat. Untuk cara membuat rating bintang otomatis silakan simak tutorial berikut:

Tutorial 1
- Buat dulu profil Google +. Disini saya tidak menjelaskan tentang cara membuat profil Google + karena tutorial ini langsung membahas mengenai cara membuat rating bintang.



Tutorial 2
- Login ke blogger sobat
- Masuk ke tab rancangan - edit HTML - centang Expand Template Widget
- Cari kode <head> . untuk mudahnya tekan F3
- Masukkan kode dibawah ini tepat dibawah <head>



<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/111107792002278745922' rel='publisher'/> </b:if>

(Yang berwarna orange ganti dengan URL Google + kamu sendiri)

Tutorial 3
- Jika sudah tutorial 2 jangan simpan dulu. Tambahkan kode berikut tepat dibawah kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>


- Dan tambahkan juga kode </div></div> diatas </body>

Tutorial 4

Untuk pemasangan rating bintang ada dua tampilan, yaitu rating bintang dengan bintang maksimal 5 dan 10. Silakan pilih yang sobat suka. Berikut kelanjutan tutorialnya.

- Ini untuk rating bintang dengan bintang maksimal 5
- Cari kode <data:post.body/> dan masukkan kode dibawah ini dibawahnya.

Description: <span itemprop="description"><data:post.title/></span> Rating: <span itemprop='rating'>4.5</span> Reviewer: <span itemprop='reviewer'><data:post.author/></span> -  ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

- Ini untuk rating bintang dengan bintang maksimal 10
- Cari kode <data:post.body/> dan masukkan kode dibawah ini dibawahnya.

<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate"> <span itemprop="itemreviewed"><data:post.title/></span> <span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews. </span></div>

Tutorial 5
- Untuk mengecek apakah rating bintang yang kita pasang tadi sudah tampil atau belum dengan mengunjungi website berikut http://www.google.com/webmasters/tools/richsnippets?
- Masukkan salah satu url posting sobat pada website diatas dan jika berhasil maka rating bintang sobat akan tampil dengan sendirinya.


Berikut contoh gambar rating bintang pada blog ini :






10

2 komentar

  1. Indra Cakra8 Juni 2012 pukul 07.30

    Hmm.. Punya saya kok belum keluar bintangnya?
    Saya lagi nyoba buat rating bintang nih.

    BalasHapus
  2. Hendra Yanto9 Juni 2012 pukul 06.39

    teliti saja dulu,,awalnya punya saya juga begitu tapi kalau di ikuti sesuai dengan tutorial cara-membuat-rating-bintang-otomatis, pasti akan lebih muda.,.Selamat mencoba kembali Sob dan salam penulis Bulukumba

    BalasHapus