Cara menampilkan Foto Postingan di Pencarian Google

 

Setelah sekian lama mencari bagaimana cara menampilkan Foto Postingan di pencarian Google atau Tumbnail Postingan, setelah beberapa kali gagal akhirnya berhasil juga dan sekarang  kita dapat menyimak bagaimana Cara menampilkan Foto Postingan pada Pencarian Google

Artikel ini saya dapat langsung dari google waktu itu sempat bingung juga setelah beberapa kali mencoba dari beberapa tutorial  teman - teman blogger lain nya akhirnya belum berhasil juga, ternyata google justru sudah menyediakan tutorialnya bahkan lebih jelas dan lebih mudah dalam pemasangan nya bahkan Valid HTML , dan tentunya langsung muncul dalam hasil pencarian,

Langsung saja bagaimana Cara menampilkan Foto Postingan dalam hasil Pencarian Google tersebut

Login ke akun Blogger masing -masing
Buka edit Template jangan lupa centang Expand Template Widget

Masukkan kode berikut dibawah ini, terserah jika ingin menaruhnya dimana, saran saya lebih bagus coba kita akan memasangnya tepat berada pada bagian bawah postingan saja,

Caranya

Tekan CTRL + F cari <data:post.body/>

Jika sudah ketemu masukkan kode merah dibawah ini dan akan nampak hasilnya menjadi seperti dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
<div class='hrecipe'>
   <span class='item'>
      <span class='fn'>Nama Blog Sobat</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'>4.5</span>
         <span class='count'>1</span> reviews
      </span>
   </span>
</div>
<b:else/>

Tambahkan kode yang berwarna merah tersebut tepat berada pada bagian bawah <data:post.body/>

NB :

<span class='average'>4.5</span> adalah jumlah bintang yang akan ditampilkan dalam hasil penelusuran, Max. 5
<span class='count'>1</span> adalah jumlah komentar, komentar dapat dimodifikasi dengan menggunakan

<data:post.numComments/> ganti angka 1 dengan kode barusan

Jika dirasa semua sudah siap dan benar saatnya kita akan kembali menyimpan template kita seperti semula :
Untuk mengujinya
Buka Rich Snippet Google sebagai alat uji kita  masukkan URL sobat blogger semuanya akan nampak seperti contoh pada gambar dibawah berikut ini:

Jika hasil sudah menunjukkan seperti gambar diatas, tunggu saja paling lambat 1X24jam tampilan search engine sobat semuanya akan berubah daripada biasanya dilengkapi Foto Tumbnail di hasil pencarian Google

Sekian cara Cara menampilkan Foto Postingan di Pencarian Google jika ada pertanyaan atau gagal dalam tutorial diatas, sobat dapat menanyakan nya secara langsung pada  kotak komentar dibawah ini mudahan saya dapat menjawab.

Posted in: Blogger,Tutorial