<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'> ---------------------- </div></div>dan jika semua pemasangan maka hasil test pada Rich snippets - Recipes . akan seperti gambar di bawah :
Intergrasi Cara Memasang Vocabulary Pada Blogger
1. edit template2. cari code
<body> dan masukan code ini simpan tepat di bawahnya.<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>3. cari code
</body>. dan simpan code penutupnya ini simpan tepat di atasnya :</div></div>4. ingat sebelum edit template expand dulu template anda atau checklist checkbox yang sebelah kiri. kemudian cari kode yang mirip seperti ini .
<h3 class='post-title entry-title'>
NB : Tiap template akan berbeda maka cari saja kode tepat seperti code
setelah ketemu maka letakan code ini tepat di atasnyaclass='post-title.<span itemprop='itemreviewed'><span itemprop='description'>5. cari code penutup post title seperti ini
</h3> atau </h2> . dan letakan code ini tepat di bawahnya.</span></span>Hasil keseluruhan jika benar maka hasilnya akan seperti ini.
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>
6. Simpan template anda.7. Sekarang lakukan dalam postingan terbaru anda yang artikel tersebut terdapat sebuah gambar. dan harus menyisipkan microdata berikut contohnya.
pada link gambar sisipkan tag code
itemprop="photo" .dan hasilnya akan seperti ini .
<img itemprop="photo" src="http://url-link-gambar/gambar/jpg" />8.Dan sisipkan juga item ini di bawah postingan anda.
<span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate"> Rating Artikel : <span itemprop="rating">5</span> Jumlah Voting : <span itemprop="count">88</span> Orang </span>9. Pulbikasikan artikel anda dan check hasilnya di google rich snippets dengan memasukan link artikel terbaru yang baru saja anda buat.
jika berhasil seharusnya gambar artikel terbaru anda akan muncul di sebelah kanan seperti pada gambar kedua di atas.
Pranala luar : Rich snippets - Recipes
wew keren nih
ReplyDeletecocok buat blog yg share berbagai macam progie
mas bro jadi klw gambarnya nga di sisipin itemprop-photo
yg keluar pic author ya
gak gitu bro..
Deletemasksud sisipkan itemprop="photo" itu. pada tiap kita membuat postingan yang ada gambarnya. kalau gak di sisipkan maka gak akan muncul gambarnya.
kalau itemprop="review" itu untuk menampilkan bintang.
ini masih pake teknik manual.
kamsudnya gini om,
Deletekan pas ane cek di webmaster richsnippets,,foto authornya tampil tuh,,berikut bintang yg berjejer, sama breadcrumb,,,udah mulus dah nga ada warningnya
nah item prop di sisipkan di pict yg mau kita tampilkan produknya kan!
pertanyaanya,,misalnya ane nga pake item prop di satu arikel,,yg nongol poto author kah atau gimana???
makasih bro udah mau jawab :)
ouh..
Deleteberhubung ini manual tanpa daftar ke google+.. jadi gambar author gak akan muncul di sampingnya.. ini hanya untuk menampilkan gambar tiap artikel.. untuk menampilakan author tanpa daftar di google+ baca artikel http://under-88.blogspot.com/2012/07/pasang-star-rating-dengan-gambar-author.html
oalah tanpa yg ++ toh
Deletepantes nga nongol2 pic yg ane selipin itemprop
makasih mas bro pencerahannya :D
\m/ bagus sob Pasang Iklan Murah Hanya 5000/bulan
ReplyDeleteMas, kok saya ga ketemu tanda < body>. Mohon infonya ya. Apa < tbody>
ReplyDelete