• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

BELAJAR BERSAMA

Info Terkini tentang Dunia Teknik dan Perkembangan Pendidikan Teknik Informasi dan komputer pelajaran tips trik bahasa pemrograman Teknologi

  • Home
  • Menu1
    • Submenu1
    • Submenu2
    • Submenu3
    • Submenu4
  • Menu2
    • Submenu1
    • Submenu2
  • Menu3
  • Menu4
  • Menu5
  • Menu6
Home » tips blogspot » Cara Menampilkan Gambar Posting di Hasil Pencarian Google

Cara Menampilkan Gambar Posting di Hasil Pencarian Google

Cara Menampilkan Gambar Postingan Blog pada Halaman Hasil Pencarian Google


Atau Klik saja link ini untuk melihat demonya : VIEW DEMO


oh iya, bagi yang sebelumnya 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>
Oke, Itulah Trik/Cara Menampilkan Gambar Posting di Halaman Pencarian Google Menggunakan Recipe Snippet. semoga berhasil, tetap semangat dan semoga bermanfaat untuk anda.

sumber : http://abdu-green.blogspot.com/2012/07/trik-menampilkan-gambar-posting-di.html
Posted by Unknown on - Rating: 4.5
Title : Cara Menampilkan Gambar Posting di Hasil Pencarian Google
Description : Atau Klik saja link ini untuk melihat demonya : VIEW DEMO oh iya, bagi yang sebelumnya sudah memasang review snippets, maka anda ha...

Share to

Facebook Google+ Twitter

1 Response to "Cara Menampilkan Gambar Posting di Hasil Pencarian Google"

  1. WidiApril 27, 2013 at 10:30 PM

    Mas, Bisa agak diperjelas dikit gak artikelnya? soalnya saya agak bingung kode yang terakhir
    ini ditaruh dibagian mana ?
    Saya tunggu jawabanya, salam kenal http://tempat-software.blogspot.com

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Post Populer

  • Cara Menjadi Nomor 1 di Mesin Pencari Google
    Cara Agar Pstingan/Artikel Blog Menjadi Nomor 1 di Mesin Pencari Google. Setelah anda mendaftarkan Blog anda di Mesin Pencari google, lang...
  • Rahasia Besar Dibalik nama Muhammad
    Rahasia dibalik nama Muhammad, dimana banyak makna yang tersirat dalam kebesaran nama yang sederhana itu. entah apakah ini merupakan salah ...
  • Cara Membuat Contact Me (Contact Form)
    Contact Me (Contact Form) menjadi sangat penting karena berguna untuk mempermudah pengunjung memberikan pertanyaan atau kritik dan saran ...
  • Contoh soal tes psikologi Polisi
    Tes psikologi. Apa reaksi anda begitu pertama kali menghadapi tes itu? Terkejut? Bingung? Apabila jawaban anda seperti itu,berarti sama...
  • Penjelasan Sistem Windows XP YANG Rusak
    Sistem Windows XP Rusak?, dengan banyaknya bermunculan virus - virus baru terutama virus lokal atau dari luar, maka banyak sistem mengalam...
  • 10 Ciri-ciri Dosen yang profesional baik untuk di tiru
    Tak henti-hentinya aku mencari metode pelajaran yang cocok buat aku pribadi. namun, banyak hal yang saya dapatkan dari artikel atau buku ya...
  • Cara Mengetahui Jumlah Backlink pada Blog
    Bagi teman teman yang ingin melihat becklink dari blognya silahkan ikuti langkah -langkah berikut. anda akan mengetahui jumlah becklink anda...
DMCA.com Instagram
Copyright © 2012 BELAJAR BERSAMA - All Rights Reserved
Design by Mas Sugeng - Blogger Templates - Powered by Blogger