Cara Otomatis Memunculkan Bintang Rating di Semua Posting Blog
Pada artikel saya terdahulu tentang "2 Cara Cepat Membuat/Memasang Rating Bintang di Posting Blog", disana sudah saya tunjukkan cara menampilkan bintang rating di posting blog, namun perlu saya tekankan disini bahwa bintang tersebut tidak akan muncul di bawah link dalam hasil pencarian Google. Karena bintang tersebut hanya muncul di halaman posting saja, untuk menampilkan gambar bintang dibawah link nama blog dalam hasil pencarian Google ada cara tersendiri, nah berikut ini caranya:
Memasang Rating Bintang di bawah URL nama blog dalam hasil pencarian google, otomatis untuk semua posting
a. Langkah 1
- Buat dulu profil Google Plus (bagi pengguna blogger silahkan baca artikel ini Merubah Profil Blogger Menjadi Profil Google +)
- Setelah memiliki profil Google +, lanjutkan dengan menambahkan publisher blog, caranya:
Masuk ke menu Design - Edit HTML, lalu cari kode <head>
Tambahkan kode berikut dibawah <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>
(Yang berwarna biru ganti dengan URL Google + kamu sendiri)
b. Langkah ke-2
- Tambahkan kode berikut ini di bawah <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
- Lalu, tambahkan kode </div></div> diatas </body>
c. Langkah ke-3; Memasang kode Rating Bintang di Blog (Rating 5 dan Rating 10)
Masukkan kode berikut dibawah <data:post.body/>
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>
(Kode diatas akan memunculkan Rating Bintang Maksimal 5, jika kamu ingin membuat rating bintang 10 (yang muncul maksimal 10) gunakan kode script berikut)
<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>
Sekarang semua beres, simpan template blog kamu
d. Langkah ke-4, Pengecekan Hasil
Sekarang kita cek hasilnya, coba buka tool richsnippet google melalui URL http://www.google.com/webmasters/tools/richsnippets?
Lalu, coba cek salah satu URL posting kamu, jika sudah muncul rating bintang (warna kuning emas) berarti langkah2 kamu sudah benar.
Lihat contoh pada salah satu URL di blog saya (http://www.wahyu-winoto.com/2011/11/merubah-profil-blogger-menjadi-profil.html):
 |
| Hasil pengecekan di salah satu artikel blog wahyu winoto |
Selamat mencoba, semoga berhasil !
Gan, artikelnya benar-benar sangat bermanfaat.
BalasHapusNamun untuk kode yang ke-2 pada langkah ke-3 sepertinya ada sedikit kekeliruan. Dalam hal ini kekeliruan terletak pada kode itemprop="average">9 Karena setelah ane coba yang terjadi malah error dengan pesan error seperti di bawah ini.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The entity "nbsp" was referenced, but not declared.
Error 500
Dan baru bisa dijalankan bila   dihilangkan.
Terimakasih. CMIIW.
makasih gan info nya
BalasHapus@ Stchen Slem : Thx for coming...
BalasHapus@ Semar Bingung : Terima kasih atas koreksinya mas, script yg baru sekarang sudah fix, bisa langsung dipakai tanpa eror.
Untuk richsnippets apa langsung bisa dilihat setelah menjalankan tutor ini?
BalasHapusLalu masih ada "warning":
Warning: Missing required field "updated".
Warning: Missing required hCard "author".
bisa memberi solusi?
thx info ilmunya gan, sukses slalu
BalasHapuswah ternyata paling ampuh sampai juga disini saya......
BalasHapusthx a lot bradah.....
Salam bro.. star2 itu memang tidak keluar di bawah postingan ya?
BalasHapusMantap Bang . . ..
BalasHapusBerguna Banget . .. !!
Mantap sobat tutorialnya berhasil diterapkan.thank's for share
BalasHapusThank you tipsnye gan
BalasHapuskalo tanpa akun Google+ bis gak?
BalasHapussaya sudah berupaya namun masih gagal bro ,mungkin lain kali akan saya coba kembali
BalasHapusdi html tidak ada, dimana diletakan?
BalasHapusKenapa yang aku tidag berhasil ya...Huff uda berapa kali ne...
BalasHapusMantap nih infonya ga...
BalasHapusWah susah juga y T.T
BalasHapustanks kaks
BalasHapusmlah eror sob ...
BalasHapusmantap
BalasHapusGak muncul kang... mohon bantuannya...
BalasHapusni tmn2 bagi yang ga bisa membuat Rating,caranya bisa lihatDisini (tanpa edit HTML)maaf numpang promosi
BalasHapusAne coba gan totornya,,soalnya ane dah coba yang laen lum keluar terus bintangnya,,ane coba tutor yang ini dl...
BalasHapusTerima kasih informasinya yang sangat bermanfaat. Salama kenal!
BalasHapussukses
BalasHapushttp://belajarbisnisbriliant.blogspot.com/
tidak ada ranting nya broo
BalasHapuscek lagi cbaaaa
haaa