Cara Menampilkan Gambar Postingan + Rich Snippet di Google
Menampilkan Gambar Postingan di Google - Salah satu teknik SEO yang cukup ampuh adalah dengan menampilkan rating bintang rich snippet di Google penelusuran atau hasil pencarian Google. Teknik menampilkan rating bintang rich snippet pun beragam, ada yang menggunakan del review by ada juga yang menggunakan model votes atau suara. Juga ada yang dengan menambahkan gambar postingan di Google.
Apakah bisa rating bintang rich snippet di munculkan bersama dengan gambar postingan ?, tentu saja bisa. Untuk lebih jelasnya Anda bisa lihat contohnya dibawah ini:
Gambar diatas merupakan preview dari penampilan rating bintang rich snippet model votes yang dilengkapi dengan gambar postingan. Memang kelihatan menarik ya. Itu adalah hasil yang sudah dites di Google Structured Data Testing Tool, tentunya nanti pada hasil diblognya kadang berbeda tergantung dari template blog masing-masing.
Ok, berikut ini cara menampilkan gambar postingan blog sekaligus rating bintang risch snippet di Google:
1.Masuk ke Blogger.com kemudian Template kemudian Edit HTML. Kemudian cari kode ]]></b:skin> , setelah ketemu Anda masukkan kode berikut ini tepat diatasnya:
.hrecipe{font:1px oswald;}
2.Setelah itu cari kode <body> dan masukkan kode berikut ini tepat dibawahnya:
Apakah bisa rating bintang rich snippet di munculkan bersama dengan gambar postingan ?, tentu saja bisa. Untuk lebih jelasnya Anda bisa lihat contohnya dibawah ini:
Gambar diatas merupakan preview dari penampilan rating bintang rich snippet model votes yang dilengkapi dengan gambar postingan. Memang kelihatan menarik ya. Itu adalah hasil yang sudah dites di Google Structured Data Testing Tool, tentunya nanti pada hasil diblognya kadang berbeda tergantung dari template blog masing-masing.
Ok, berikut ini cara menampilkan gambar postingan blog sekaligus rating bintang risch snippet di Google:
1.Masuk ke Blogger.com kemudian Template kemudian Edit HTML. Kemudian cari kode ]]></b:skin> , setelah ketemu Anda masukkan kode berikut ini tepat diatasnya:
.hrecipe{font:1px oswald;}
2.Setelah itu cari kode <body> dan masukkan kode berikut ini tepat dibawahnya:
<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>
3.Kemudian cari kode </body> dan masukkan kode berikut ini tepat diatasnya: </div></div>
4.Kemudian cari kode <h3 class='post-title entry-title'>, kemudian ganti kodenya menjadi seperti ini:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
Kemudian tutup dengan </span></span>
Jadi hasilnya menjadi seperti ini:
<div class='hrecipe'>
<span class='item'>
<span class='fn'>Masrahmat.Com</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>5</span>
<span class='count'>123456</span> reviews
</span>
</span>
</div>
Keterangan:
Masrahmat.Com bisa Anda ganti dengan nama blog Anda.
Demikianlah Tips SEO kali ini tentang bagaimana cara menampilkan gambar posting di Google. Silahkan bisa Anda praktekkan di blog Anda. Semoga berhasil ya. Biasanya butuh waktu yang cukup lama agar mesin Google mengindeks tata letak template baru Anda.
3.Kemudian cari kode </body> dan masukkan kode berikut ini tepat diatasnya: </div></div>
4.Kemudian cari kode <h3 class='post-title entry-title'>, kemudian ganti kodenya menjadi seperti ini:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
Kemudian tutup dengan </span></span>
Jadi hasilnya menjadi seperti ini:
<span itemprop='itemreviewed'><span itemprop='description'>5.Kemudian cari kode <data:post.body/>, setelah itu masukkan kode berikut ini tepat dibawahnya:
<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>
<div class='hrecipe'>
<span class='item'>
<span class='fn'>Masrahmat.Com</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>5</span>
<span class='count'>123456</span> reviews
</span>
</span>
</div>
Keterangan:
Masrahmat.Com bisa Anda ganti dengan nama blog Anda.
Demikianlah Tips SEO kali ini tentang bagaimana cara menampilkan gambar posting di Google. Silahkan bisa Anda praktekkan di blog Anda. Semoga berhasil ya. Biasanya butuh waktu yang cukup lama agar mesin Google mengindeks tata letak template baru Anda.
