Cara Membuat Rich Snippet / Rating bintang 5 Unik
Haloo Sobat blogger pada kesempatan kali ini Saya sebagai ADMIN blog ini akan membahas trik memberi rating bitang 5 atau bisa disebut juga Rich Snippet yang tentunya untuk mendongkrak SEO dan ranking blog kalian :Dhehe . ohh iya RICH SNIPPET ini beda dari yang lain loh , saya memberi CSS supaya menarik dilihat di bawah posting sahabat sekalian . oke langsung saja ini dia :
1.Pertama tentunya masuk akun blogger sobat dulu.
2.Masuk ke pengaturan template kalau dah ketemu Edit html.
3.Tambahkan kode CSS berikut tepat diatas kode ]]></b:skin> :
.sharecontain {background: #cccccc;border: 1px solid #999;padding: 5px;}
4. Kalo sudah cari kode <data:post.body/> , setiap template beda beda loh . jadi kalian coba satu satu ya sobat :)
5. Setelah ketemu Tambahkan kode berikut ini dibawah <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<div class='sharecontain'>
<img itemprop='photo' src='https://lh3.googleusercontent.com/-LJ050JhBeCw/UYszLniPixI/AAAAAAAAAF8/JiMhCaJutRs/w376-h375-no/67957_527889433899707_1231096430_n.jpg'/></div></div>
<div style='padding:5px; font-size:11px; float:left;'>
<div class='sharecontain'>
Judul : <span itemprop='itemreviewed'><data:post.title/></span><br/>
Rating : <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>10</span>
out of <span itemprop='best'>10</span>
</span>
based on <span itemprop='votes'>98</span> ratings.
<span itemprop='count'>99</span> user reviews.<br/>
Ditulis Oleh <data:post.author/><br/><a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
</div>
</div></b:if>
6. oke sudah selesai , tinggal klik save template aja sobat :D . oh iya ini SS nya
7. jika anda ingin mengetesnya silahkan disini , dan masukan URL postingan sobat :)
KETERANGAN :
- tulisan berwarna KUNING bisa di ganti dengan 100 atau terserah kalian karna itu merupakan ukuran besarnya
- tulisan berwarna PINK bisa di ganti dengan URL gambar kalian :)
Oke itulah trik yang bisa saya berikan karena cara memasang bintang rich snippet yang unik tentunya :Dheheh . ohh iya kalo ada pertanyaan silahkan komen aja di bawah ini :) salam blogger !!
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini
untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di
hompimpapa
|
|
0
Comments
