Menarik Pengunjung dengan Menampilkan Rich Snippets Bergambar/ Thumbnail

 Belajar SEO, Tutorial blogspot
Menarik Pengunjung dengan Menampilkan Rich Snippets Bergambar/ Thumbnailby Jonoon.Menarik Pengunjung dengan Menampilkan Rich Snippets Bergambar/ ThumbnailPernah tidak melihat gambar/ thumbnail postingan nampil di search engine? Ini merupakan salah satu teknik SEO yang dapat memikat pengunjung melalui search engine. Dengan adanya thumbnail postingan di search engine, pengunjung akan lebih mengerti apa yang Anda bahas dipostingan tersebut sebelum ia melanjutkan mengkliknya (karena ada pepatah mengatakan satu gambar dapat mewakili seribu kata), selain […]

cara membuat rich snippets bergambar thumbnailPernah tidak melihat gambar/ thumbnail postingan nampil di search engine? Ini merupakan salah satu teknik SEO yang dapat memikat pengunjung melalui search engine. Dengan adanya thumbnail postingan di search engine, pengunjung akan lebih mengerti apa yang Anda bahas dipostingan tersebut sebelum ia melanjutkan mengkliknya (karena ada pepatah mengatakan satu gambar dapat mewakili seribu kata), selain itu pengunjung juga akan terpikat dengan melihat adanya thumbnail postingan yang muncul di serach engine.

Intinya, dengan menampilkan thumbnail postingan di search engine akan jauh lebih menarik mata pengunjung bila dibandingkan jika Anda hanya menampilkan foto profile dan rich snippets bintang saja. Disini saya akan memberitahukan ke pada Anda bagaimana cara menerapkannya di blogspot. Contoh penampakannya seperti ini.
cara menampilkan thumbnail di search engine

Menampilkan gambar/ thumbnail postingan di Search Engine

  1. Yang pasti pertama adalah masuk ke dashboarb blogger > Template > Edit HTML
  2. Cari kode <body>, gunakan Ctrl+F untuk mempermudah. Dan letakkan kode berikut setelahnya.
    <div itemscope='' itemtype='http://data-vocabulary.org/Recipe'/>
  3. Kemudian cari kode class='post-title entry-title' (kode ini mungkin lebih dari satu),  lihat apakah dia menggunakan H1,H2,H3. Ubah kode tersebut menjadi seperti ini.
    <span itemprop='itemreviewed'><span itemprop='description'>
    <h1 class='post-title entry-title' itemprop='name'>

    Lihat kode yang berwarna merah, punya saya menggunakan H1, jika punya Anda yang sebelumnya adalah H2/H3 maka ubah itu seperti semula, agar tidak merusak CSS dari title post blog Anda. Kemudian jangan lupa menutupnya dengan </span></span>. Kurang lebih penerapannya seperti yang ada di gambar berikut ini.
    kode rich snippets bergambar thumbnail

  4. Selanjutnya cari kode <data:post.body/> (kode ini juga mungkin lebih dari satu). Kemudian tambahkan kode berikut setelahnya, kode ini untuk menampilkan posisi keberadaan rich snippets.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding:5px;margin:10px 0;border-color:#CCCCCC #DDDDDD #DDDDDD;border-style:solid;border-width:2px 1px 10px;'>
    <div style='margin:10px 5px 10px 0;padding:5px; float:left;'>
    <img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></div>
    <div style='padding:0px; font-size:11px;line-height:20px;'>
    <b>Judul:</b> <data:post.title/><br/>
    <span class='item'>
    <b>Ditulis Oleh:</b> <span class='fn'><span class='author'><data:post.author/></span></span></span><br/>
    <b>Summary:</b> <span class='summary'><data:blog.metaDescription/></span><br/>
    <span class='review hreview-aggregate'>
    <span class='rating'>
    <b>Review:</b> <span class='average'>4.5</span>
    <span class='count'>9</span>
    reviews</span></span>
    </div></div>
    </b:if>

    Jika sebelumnya Anda sudah menggunakan rich snippets, ubah saja kode lama dengan kode diatas.

  5. Hasil tampilannya diblog Anda akan jadi seperti gambar ini,
    hasil penerapan rich snippets bergambar Teknik ini sudah saya terapkan di blogspot saya yang membahas tentang harga kamera, dulu pernah saya ceritakan tentang pembuatan blogspot ini di blog kaplik ini.

Jika Anda meletakkan kodenya dengan benar maka rich snippets bergambar/ thumbnail akan muncul. Anda bisa melihat perubahannya menggunakan rich snippets tools sebelum itu benar-benar ter-indeks oleh Google di serach engine.

Thanks to my friend kardian yang udah menginspirasikan tulisan ini.

Author: 

Saya adalah pemilik Kaplik.Com, Tujuan saya menulis adalah untuk berbagi pengetahuan maupun pengalaman kepada semua pembaca. Buat yang ingin tanya-tanya bisa langsung Contact ke Google +1, atau bisa melalui facebook. Thanks...

2 Responses

Leave a Reply