Cara Menampilkan Gambar Posting di Hasil Pencarian Google

by Admin Center , at 9:05:00 PM , have 8 comments
Cara Menampilkan Gambar Posting di Hasil Pencarian Google - Berikut ini adalah tutorial bagaimana cara Menampilkan Gambar Posting di Hasil Pencarian Google yang benar. Selamat mencoba para rekan blogger. Trik ini saya ambil dari blog mas abdu-green. Karena saya sendiri juga mau mencoba dan mempraktekkan jadi sekalian mencatat trik ini maka saya abadikan di blog saya juga :D
Screenshot : 
Cara Menampilkan Gambar Postingan Blog pada Halaman Hasil Pencarian Google

Atau Klik saja link ini untuk melihat demonya : VIEW DEMO

oh iya, bagi yang sdbelumnya sudah memasang review snippets, maka anda harus menghapus dulu kode-kode yang sudah terpasang pada template, karena kali ini kita akan menggunakan kode baru untuk mendukung tutorial ini.

Langsung saja untuk cara/Trik Menampilkan Gambar Posting di Halaman Pencarian Google  silahkan ikuti langkah-langkah berikut :

Trik Menampilkan Gambar Posting di Halaman Pencarian Google :
1. Silahkan anda langsung menuju ke halam EDIT HTML
2. Cari kode <body> dan masukkan kode berikut :
<div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'>
di bawah kode <body>

3. kemudian cari kode </body> dan masukkan kode
</div></div>
di atas kode </body>

4. Cari kode <h2 class='post-title entry-title' dan letakkan kode
<span itemprop='itemreviewed'><span itemprop='description'> 
di atas kode class='post-title entry-title'

5. kemudian cari kode </h2> dan letakkan kode
</span></span>
di bawah kode </h2>

6. Masukkan juga kode itemprop='name' pada tag heading

Karena setiap template memiliki kode yang berbeda, jadi usahakan lebih teliti dalam mencari kode yang mirip dengan kode di atas. untuk mempermudah penjelasan, nanti hasil akhir kodenya akan seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'>
      <h2 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>
      </h2>
</span></span>
Sekarang agar gambar bisa muncul, anda harus memasukkan tag itemprop="photo" pada kode html gambar ( <img ... ). kemudian anda juga harus memasukkan microdata review aggregate pada postingan. berikut adalah kodenya,
<span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">Rating Artikel : <span itemprop="rating">5</span>
Jumlah Voting : <span itemprop="count">99</span> Orang
</span>

Sumber trik bagaimana "Cara Menampilkan Gambar Posting di Hasil Pencarian Google":
http://abdu-green.blogspot.com/2012/07/trik-menampilkan-gambar-posting-di.html
Admin Center
Cara Menampilkan Gambar Posting di Hasil Pencarian Google - written by Admin Center , published at 9:05:00 PM, categorized as Blogger , Tips , Trik . And have 8 comments
8 comments Add a comment
Rizal uye
infonya bagus,, salam kenal, kunjungan balik ya
Reply Delete
renungankuplesrenunganmu.blogspot.com
Gan info ini sebenarnya bagus cuman masih samar samar alias kagak jelas terutama pada point terakhir...
Sekarang agar gambar bisa muncul, anda harus memasukkan tag itemprop="photo" pada kode html gambar ( <img ... ). kemudian anda juga harus memasukkan microdata review aggregate pada postingan. berikut adalah kodenya,......

Bisa kasi penjelasan lebih rinci tidak mengenai hal ini. tag itemprop.... dan kode html cari dimana. follow up ya
SILOKER
Betul gan.. saya jadi kurang yakin.. ntar malah rusak lagi..?? btw ada yang lebih simpel ga..??
Reply Delete
Yogie G. Kurniawan
kaya nya bagus ni. soal nya kayak gini lagi trend , coba coba
Reply Delete
mariyanto widodo
Untuk kode itemprop="photo" itu harus manual ya mas.
Reply Delete
Tempat-Software
Kode yang terakhir itu ditaruh dimana om?
Reply Delete
Widi
makasih kang, tapi ada sedikit saran nih, kalau emang ini blog tujuanya buat mempermudah dan membantu seseorang, kenapa copy paste di blog ini harus di nonaktifkan? makasih....
Reply Delete
Cancel Reply
GetID
Copyright ©2013 Blog Mas Aan
Designed by Damzaky - Powered by Blogger