Tutorial CARA Mudah MEMBUAT RATING BINTANG BLOG DI PENCARIAN GOOGLE

CARA MEMBUAT RATING BINTANG BLOG DI PENCARIAN GOOGLE

Terkadang saat kita sedang browsing di google sedang mencari sesuatu tiba-tiba beberapa blog/website menampilkan bintang kuning seperti vote, ulasan, skor dan lain-lain
Lalu apa itu sebenarnya itu biasanya di sebut Rating Bintang atau Rich Snippets
Lalu adakah keuntungannya untuk blog, apa gunanya, fungsi dari Rating Bintang Rich Snippet adalah untuk menunjukan ulasan produk yang di beli seseorang sebagai contoh ThemeForest dan Codecanyon, menurut saya rating tersebut juga untuk membuat suatu blog/website terlihat profesional.

Berikut saya akan coba bagikan Tutorial menampilkan rating bintang rich snippet blog di pencarian Google untuk sobat yang ingin mencobanya.

Lalu pertanyaannya mungkin seperti ini Kenapa blog saya sendiri tidak terdapat rating bintang/Rich Snippet? saya sengaja tidak memasangnya, karna saya juga punya alasan tersendiri untuk tidak memasang rating bintang/Rich Snippet di blog ini, saya sudah mencoba sendiri rating bintang rich snippet ini pada blog yang masih menggunakan template standar bawaan blogspot.
demonya kira-kira seperti ini

Demo

Langsung ke tutorial
Seperti biasa login akun blogger-> menu tab template-> edit HTML

Cara Membuat Rating Bintang Rich Snippet Blog Di Pencarian Google 

Step 1 : CSS Pembentuk Style
Letakan kode css berikut di atas ]]></b:skin> template sobat

.hrecipe{line-height:1.7em;font-size:13px;background:#f8f8f8;border:1px solid #e2e2e2;color:#333;overflow:hidden;margin:6px 0 0;padding:12px}.share-button-box{background:#09C;overflow:hidden;border:1px solid #000;margin:20px 0 0;padding:8px 12px 5px}.plus-button,.like-button,.tweet-button,.linkedin-button{float:left}.share-button-box .fb_iframe_widget span{width:100px!important}.tweet-button iframe{width:108px!important}img.comment_emo{height:auto!important;vertical-align:middle!important;width:auto!important;border:0!important}.comments .continue a:hover,.comments .comment .comment-actions a:hover{background:#eaeaea}.comment-content a,.deskripsi-artikel a,.hrecipe a{color:red}.plus-button iframe,.linkedin-button iframe{width:120px}

Step 2 : Penerapan HTML
Letakan kode html berikut di bawah <data:post.body/> template blog sobat

<div class='clear'/>
<div class='hrecipe'>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='float:left;margin-right:10px;'/>
<span class='item'>
<span class='fn'><b><data:blog.title/></b> - &quot;<u><i><data:post.title/></i></u>&quot;</span><br/>
</span>
<b>Published :</b> <span class='published'><data:post.timestampISO8601/></span><br/>
<b>Title : </b><span class='summary'><data:post.title/></span><br/>
<b>Rating : </b><span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>5</span> On
<span class='count'>2014</span> reviews
</span>
</span>
</div>

Dan simpan template sobat lihat hasilnya, ohh iya Rating Bintang ini tidak akan langsung muncul begitu saja ya, jadi butuh proses waktu juga./http://kampung-bodoh.blogspot.co.id/

Baca Artikel Terkait: