Cara Membuat Rating Bintang Blog Di Pencarian Google
Cara menampilkan rating ulasan berupa bintang kuning di pencarian google
Biasa juga dengan ranting bintang rich snippet
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.
demonya kira-kira seperti ini
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'/>Dan simpan template sobat lihat hasilnya, ohh iya Rating Bintang ini tidak akan langsung muncul begitu saja ya, jadi butuh proses waktu juga.
<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> - "<u><i><data:post.title/></i></u>"</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>
Ditulis Oleh : Robby Armansyah
Anda baru saja membaca artikel dengan judul Cara Membuat Rating Bintang Blog Di Pencarian Google. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.
URL laman ini.
18 komentar
ma kasih gan infonya
sangat bermanfaat sekali
salam semanga
Bermanfaat Mas
Bagi Template nya dong Gan..
tnak gan...sangat membantu..
data pos body yang ke berapa gan? ada 3
manfaatnya masang rating bintang diblog apakah berpengaruh terhadap SEO gan?
iizn share n coba gan
makasih bro...bermanfaat banget buat saya..
Show Konversi KodeHide Konversi KodeShow EmoticonHide Emoticon