Cara Memberi Raiting Bintang Google di Blog
Space Iklan Disini, silahkan Hubungi kami !
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 melalui search engine apalagi jikablog sobat lebi menarik sperti adanya Emoticon di Komentar blog. Untuk cara membuat rating bintang otomatis silakan simak tutorial dari Bang Gopar berikut:
Cara Memasang Raiting Bintang Google
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.
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110338279875453788' rel='publisher'/> </b:if>
Kode yang berwarna merah diatas, sobat ganti dengan kode url Google + sobat.
Tutorial 3
- Jika sudah tutorial 2 jangan simpan dulu. Tambahkan kode berikut tepat dibawah <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
- Dan tambahkan juga kode </div></div> diatas </body>
Pemasangan Raiting Bintang Di Blog
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>
Mengecheck Raitng Bintang Google
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 :
Itulah tutorial cara membuat rating bintang otomatis di blogspot, sebenarnya penempatan kode bintang tidak harus dibawah <data:post.body/> karena kode bintang itu sendiri bisa anda taruh dimana saja sesuai keinginan sobat asalkan tertata dengan rapi. Namun saya sarankan untuk membackup data sobat terlebih dahulu sebelum memulai tutorial ini. semoga berhasil.
10 comments:
xD saya sering coba gan tapi gagal trus x(
Gigigiggg keren. Ntar saya coba deh sob... Nice share
coba tutorial saya ini sob, natr kalo ada masalah silahkan komentar di sini. saya akan membantu
sob itu gimna caranya buat simbol kayak di samping tulisan mengechek rating bintang google, lihat gambar disini https://lh5.googleusercontent.com/-9BxaSwJNf7I/T-5X_elZFKI/AAAAAAAAA0w/p_0wGFSsN9o/s312/ask.PNG
ane kirim lewat E-mail aja ya??
Bagus nih kayaknya. Coba dulu ah. Thanks.
saya pernah coba tapi gak bisa bisa.
mungkin kurang telitim aja...
nih saya coba lagi tapi jadinya gini mas
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "div" must be terminated by the matching end-tag "<./.div>".
Error 500
padahal udah ngikutin instruktur yg mas gopar kasih
berarti itu kurang kode "<./.div>" di akhirnya sob,, mungkian ada yang keliru sob
Post a Comment