Cara Membuat Rating Bintang Rich Snippet di Google - Rating Bintang Rich Snippet maksudnya adalah membuat bintang lima beserta dengan foto profil Google Plus. Fungsinya adalah menampilkan Bintang lima pada setiap artikel - artikel blog kita pada saat disearch di mesin pencari Google. Contohnya seperti gambar dibawah ini.
Berikut Langkah - langkah Cara Membuat Rating Bintang Rich Snippet di Google :
1. Login ke Blogger
2. Masuk ke Template, Edit HTML lalu klik Lanjutkan
3. Centang "Expand Template Widget"
4. Cari kode <data:post.body/>, lalu Copy kode berikut tepat dibawah kode tadi.
<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img height='85px' itemprop='photo' src='https://lh4.googleusercontent.com/-a-QXZKYL-7c/AAAAAAAAAAI/AAAAAAAAAw0/a2-lLX73Ggg/s250-c-k/photo.jpg' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/102807084759670981471'><data:post.author/></a></b><br/><br/>
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.</div>
</div>
</div>
</b:if>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img height='85px' itemprop='photo' src='https://lh4.googleusercontent.com/-a-QXZKYL-7c/AAAAAAAAAAI/AAAAAAAAAw0/a2-lLX73Ggg/s250-c-k/photo.jpg' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/102807084759670981471'><data:post.author/></a></b><br/><br/>
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.</div>
</div>
</div>
</b:if>
Keterangan :
Kode yang warna merah adalah URL Foto Profil Google+ saya, kamu bisa ganti dengan URL Foto kamu sendiri.
Kode yang warna biru adalah URL Google+, ganti dengan url google+ kamu
Kode yang warna hijau, kamu bisa menggantinya dengan kata - kata sesuai keinginan kamu
5. Simpan Template.
Bila sudah silahkan cek di >> http://www.google.com/webmasters/tools/richsnippets
(masukkan url postingan sobat, lalu klik preview)
kalau disearch digoogle mungkin belum ada, tunggulah beberapa saat atau sampai 1hari atau 2hari kemudian.
Sumber : http://tutorial-blogz.blogspot.com
0 komentar:
Post a Comment