Author : UnknownTidak ada komentar
Integrasi Vocabulary Recipe Pada Blogger atau Menampilkan Gambar Artikel Pada Hasil pencarian Google . kita akan mencoba beriteraksi tentang richsnippet google dengan memasang sebuah gambar agar tampil pada pencarian google. biasanya tampilan gambar yang muncul adalah gambar profil namun kali ini kita akan menampilakan gambar artikel. dengan menggunakan vocabulary recipe yang biasa di pakai untuk resep masakan dan sebagainya. kita bisa pasang itu untuk semua artikel yang memiliki gambar.Cara ini hampir sama dengan memsang rating bintang di blogger dan tampil di hasil pencarian google. hanya beda pada vocabullary type. yang kita gunakan adalah
<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>dan jika semua pemasangan maka hasil test pada Rich snippets - Recipes . akan seperti gambar di bawah :
----------------------
</div></div>
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'>6. Simpan template anda.
<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>
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">9. Pulbikasikan artikel anda dan check hasilnya di google rich snippets dengan memasukan link artikel terbaru yang baru saja anda buat.
Rating Artikel : <span itemprop="rating">5</span>
Jumlah Voting : <span itemprop="count">88</span> Orang
</span>
jika berhasil seharusnya gambar artikel terbaru anda akan muncul di sebelah kanan seperti pada gambar kedua di atas.
sumber http://under-88.blogspot.com Rating Artikel : 5Jumlah Voting : 88 Orang
tag cara menambahkan recipe snippet di search engine google| trik menampilkan foto postingan di search engine| trik menampilkan gambar postingan di google
Posted On : Selasa, 22 April 2014Time : 06.17