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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Dhq5CnUnbeacqZ-0j_bvZMfpYPJnYF0JnMnFUjumixuKex-DEBhIhZMxTrqg9qWxALCAtDv0AbdI2x8ONgC_MpYegRzG93UOF14OMQkvDVIaLosaOY3aFTYJ-h80YD8rcBRoVdc7DJE/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 :)
RSS Feed
Twitter
11:10 PM
putra

Posted in
0 comments:
Post a Comment