header wahyu winoto blog

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 !


Demikian artikel: semoga bermanfaat bagi anda.

KLIK UNTUK MELIHAT DAN ATAU MENUTUP KOLOM KOMENTAR.



© 2010 - 2024 || By Blogger || Hak cipta dilindungi UU.
TOP