Menampilkan Author Rich Snippet dan Rating Bintang Di Hasil Pencarian Google

Mungkin sudah banyak blog yang membahas tentang cara menampilkan foto profil google plus di hasil pencarian google, menampilkan gambar artikel maupun rating bintang. Nah di postingan kali ini saya akan menggabungkannya menjadi 3 Cara Menampilkan Foto & Rating Bintang Di Hasil Pencarian google

3 Cara Menampilkan Foto & Rating Bintang Di Hasil Pencarian Google

Mungkin sobat sering mendengar istilah Rich Snippet. Lalu apasih Rich Snippet itu?
"Mengutip dari Kang Ismet"
Rich Snippet adalah beberapa data yang disajikan kepada mesin pencari, diantara nya seperti Judul, Alamat URL, pemilik, lokasi, dll. Ketika seseorang mengetik kata kunci, maka mesin pencari seperti Google akan menyajikan data yang telah disertakan oleh pemilik web.

Nah Rich Snippet inilah yang digunakan untuk menampilkan foto dan rating bintang di hasil pencarian google.

Baiklah langsung saja ke 3 Cara Menampilkan Foto & Rating Bintang Di Hasil Pencarian Google

CARA 1 Hanya Foto Profil G+ Saja Yang Tampil Di Hasil Pencarian Google

Cara ini sedikit panjang, jadi perhatikan baik baik.

Login blogger
Template -> Edit HTML
Taruh kode ini dibawah <head>

<link href='https://plus.google.com/+MahopediaZingmas-soma' rel='author'/>
<link href='https://plus.google.com/+MahopediaZingmas-soma' rel='publisher'/>

Silakan anda ganti yang berwarna merah dengan ID Google Plus anda
Setelah itu pergi ke profil google plus anda. Pada Halaman About cari "Tautan"

3 Cara Menampilkan Foto & Rating Bintang Di Hasil Pencarian Google

Klik Gambar Untuk Lebih Jelasnya

Klik edit, Maka akan muncul halaman seperti ini

Pada bagian "Kontributor di" dan juga "Tautan"

Label isikan nama blog anda
Url isikan url blog anda

Klik simpan jika sudah selesai.

CARA KEDUA : GAMBAR ARTIKEL DAN RATING BINTANG

Login blogger
Template -> edit HTML
Taruh kode berikut dibawah <data:post.body/> yang terakhir/paling bawah

<div class='hrecipe'><span style='float:left;'><img alt='thumbnail' class='photo' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></span>
Title : <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by : <span class='author'><data:post.author/></span><br/>
Published : <span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating : <span class='average'>5</span><br/>
Reviewer : <span class='count'>99999</span> Reviews<br/></span></span>
</div>

Klik Simpan hasilnya. Untuk DEMO nya bisa dilihat di bawah postingan ini.

CARA KETIGA : HANYA RATING BINTANG

Login Blogger
Template -> Edit HTML
Taruh kode ini dibawah <data:post.body/> yang terakhir

        <b:if cond='data:blog.pageType == "item"'>
        <div style='margin-top: 30px; font-size: 11px; color:#777;'>
        <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
        <center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>; Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>; Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
        </div>
        </div>
        </b:if>

TES HASILNYA DI http://www.google.com/webmasters/tools/richsnippets

Demikian artikel saya mengenai 3 Cara Menampilkan Foto & Rating Bintang Di Hasil Pencarian Google Tapi jangan Lupa segala sesuatu ada resikonya. Baca Inilah Alasan Rich Snippet Membahayakan Blog? Semoga bermanfaat.

Menampilkan Author Rich Snippet dan Rating Bintang Di Hasil Pencarian Google