Gambar Tampil Di Pencarian Google ( Photo Profil )

Ra-one2hack - Cara Membuat Gambar Tampil Di Pencarian Google ( Photo Profil )

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 Kuning dibawah ini dan akan nampak hasilnya menjadi seperti dibawah ini

<b:if cond='data:blog.pageType == "item"'>
    <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 Kuning 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.

By : Ra-one2hack

Posted in: Blogger