Ampas Kopi

Prima Share | Membuat Rating 5 Bintang Dan Gambar Pada Pencarian Google - Dulu kita pernah membahas tentang TUTORIAL : Membuat Rich Snippet Bintang Lima / 5 Stars Rating dan TUTORIAL : Cara Memasang Author Rich Snippet Google+ Di Blog. Kali ini kita akan membahas cara untuk membuat rich snippet dengan gambar dan rating 5 bintang, tertarik untuk memasangnya?? ikuti tutorial berikut ^^

1. Log-in ke Blogger
2. Dari dashboard, masuk ke Template >> Edit HTML
3. Salin (copy) kode CSS berikut lalu letakan (paste) di atas kode ]]></b:skin>

.hrecipe {
box-shadow: 1px 1px 5px rgba(1,1,1,.1);
background: #fafafa;
font-size: 13px;
margin: 15px 0 10px;
padding: 8px 12px;
border: 1px solid #fff;
}
.photo {
padding: 0px;
width: 55px;
float: left;
box-shadow: 0px 0px 0px rgba(1,1,1,.1);
background: #fafafa;
border: 1px solid #fff;
margin: 3px 10px 6px 0px;
}

4. Lalu salin kode berikut dan letakan tepat diatas kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

5. Dan letakan kode penutup berikut diatas kode </body>

</div></div>

6. Kemudian letakan kode berikut dibawah kode <data:post.body>
* Di setiap template terdapat lebih dari satu kode <data:post.body> jadi silahkan dicoba satu-persatu

<b:if cond='data:blog.pageType == "item"'>
<div class='clear'/>
<div class='hrecipe'>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<span class='item'>
<span class='fn'>Prima Share</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'>221210</span> reviews
</span>
</span>
</div>
<div class='clear'/>
</b:if>

* Ganti tulisan yang berwarna biru dengan judul blogmu

7. Simpan template

UPDATE

Memasang rich snippet versi ini (recipe) pada blog yang tidak tepat adalah sebuah pelanggaran.

Google Quality Guidlines:

Automatically generated content
Participating in link schemes
Sneaky redirects
Hidden text or links
Abusing rich snippets markup
Doorway pages
Scraped content
Participating in affiliate programs without adding sufficient value
Loading pages with irrelevant keywords
Cloaking
Creating pages with malicious behavior, such as phishing or installing viruses, trojans, or other badware
Sending automated queries to Google