Sunday, 30 June 2013

Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google

Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google. Pernahkah anda melihat data artikel yang tampil di hasil pencarian google nampak berbeda? Seperti ada gambar nya lalu ada gambar bintang bintang seperti rating. Jadi beda dari pada yang lain kan? Lebih menarik minat pengguna untuk mengunjungi blog yang memasang gambar artikel dan rating bintang di hasil pencarian google (Rich Snippet Recipe).

Cara memerapkan Rich Snippet Recipe Pada blog

Seperti itulah tampilan artikel blog saya di hasil pencarian google. Tampak Foto artikel serta rating star nya. Rich Snippet ini biasanya disebut Rich Snippet Recipe. Kalau diartikan jadi bahasa Indonesia, berarti Tampilan Resep masakan. Iya, biasanya rich snippet ini digunakan pada web web yang memberikan resep masakan. Agar mudah di cari pengunjung, gambar masakannya dimunculkan di hasil pencarian google. Cara ini merupakan salah satu langkah untuk Mendapatkan Banyak Pengunjung

Belakangan ini, blog blog penyedia informasi seperti teknologi komputer, tutorial blogging, SEO dan yang lainnya selain masakan pun memakai fungsi rich snippet recipe ini. Alasannya supaya lebih menarik minat pengunjung untuk mengklik artikel nya. Itu dikarenakan sebab jika blog tutorial lainnya mempunyai tampilan tulisan polos, sedangkan kita ada pernak pernik yang membuat jadi beda, jelas dapat menarik perhatian pengunjung. Langsung saja saya berikan Cara cara nya.

Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google

1. Login ke blogger
2. Pada dashboard, pilih blog anda
3. Masuk ke Template lalu Edit HTML
4. Cari kode <data:post.body/>
5. Setelah ketemu, copy paste kode dibawah ini dan letakkan tepat dibawah kode <data:post.body/> yang kedua
<div class='hrecipe'><span style='float:left;'><img alt='thumbnail' class='photo' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></span>Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>Posted by:<span class='author'><data:post.author/></span><br/>Published :<span class='published'><data:post.timestampISO8601/></span><br/><span class='review hreview-aggregate'><span class='rating'>Rating: <span class='average'>4.5</span><br/>Reviewer: <span class='count'>7</span> Reviews<br/></span></span><span class='summary'><data:post.title/></span></div>
Keterangan:
  • Kode 4.5 adalah berapa banyak rating yang muncul. Kalau 4.5 berarti ada 4 bintang yang full, dan ada 1 bintang setengah. Kalau anda ingin full semua, tulis 5.0
  • Kode 7 adalah yang menampilkan jumlah reviewer. Biasanya, pengunjung yang beri rating, tapi kali ini cukup kita saja yang tentukan berapa banyak rating untuk artikel anda.

6. Selanjutnya, kita beri css pada rich snipet recipe ini. Cari kode ]]></b:skin> setelah itu copy paste kode dibawah ini dan letakkan diatas kode ]]></b:skin>###
.hrecipe{font:14px Arial;}
7. Terakhir, klik Simpan Template.

Cek apakah widget ini sudah muncul atau belum dibawah postingan anda dengan membuka laman salah satu artikel blog. Nanti yang tampil seperti ini

Rich Snippet Recipe

Selesai sudah Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google. Perlu anda ketahui, beberapa sumber dari google menyatakan kalau menampilkan Rich Snippet Recipe dapat mengurangi jumlah pengunjung. Entah apa maksudnya tapi menurut saya pernyataan tersebut adalah opini. Mungkin kebetulan saat dia memakai fungsi ini, ia lupa untuk melakukan Optimasi White Hat SEO supaya menaikkan posisi di SERP

Agar jumlah pengunjung dapat maksimal yang masuk, gunakan optimasi tersebut. Jangan lakukan Black Hat SEO karena itu adalah teknik optimasi yang melanggar aturan google. Jujur saja, ketika saya sedang cari cari informasi di google, dan melihat ada blog yang memakai gambar posting dan rating bintang, saya akan mengunjunginya karena tertarik.

Itulah artikel dari Jona Rendra yang berjudul Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google. Berbagai cara memang harus kita lakukan untuk menaikkan trafik pada blog. Ya salah satu nya ini. Semoga bisa anda rasakan manfaatnya setelah beberapa hari menerapkan trik ini. Oh iya. Untuk mengetahui keberhasilan apakah gambar posting dan rating muncul di google, pakai Webmaster Rich Snippet Tool dari google untuk mempratinjaunya.

KATEGORI:
arrow_back
arrow_forward

19 komentar

Terimakasih informasinya tapi saya sudah dipasang pada blog saya :)
http://firmanardyansyah.blogspot.com/

owh begitu, ya sudah
makasih sudah berkunjung dan berkomentar di artikel Cara Menampilkan Gambar Artikel Dan Rating Bintang Di Hasil Pencarian Google
kunjungan balik sukses

wah bisa di terpain di blog ane ni.
izin coba ya gan.
terimakasih. :)

oke deh, silahkan di terapkan di blog
supaya tambah rame pengunjungnya

Tapi kalo saya liha" di google udah jarang keliatan yg pake begituan apa karana banyak yg bilang kalau menampilkan Rich Snippet Recipe dapat mengurangi jumlah pengunjung

nah itu dia yang masih misteri
ada yang sebut bisa ngurangi jumlah pengunjung
tapi saya belum rasakan efek samping nya

Mas mau tanya
Kalau saya hanya mau tampilkan Gambar artikel saja bisa tidak, tanpa rating bintang?
mana yang harus dibuang? Saya newbie baru buat blog dengan "dynamic template" apa cara masangnya sama?

Boleh tanya diluar topic?
waktu saya jalankan bingwebtool ada pesan The h1 tag is missing
gimana cara perbaikinya?
blog saya http://getlocation.blogspot.com/
Terima kasih sebelumnya

Tentu bisa...
dari rangkaian kode 5 diatas, hapus kode dari <span class='review hreview-aggregate'> sampai kode </span></span>
lalu tinggal preview di google rich snippets

halau h1 tag is missing berarti di blog kamu belum ada H1 (header). Sebaiknya pasang di header atau judul blog. Cukup namabahin kode h1 pada .header h1 {blablabla}

Makasih mas
Uda saya pasang pada blog saya, tapi kok tidak muncul gambar maupun rating bintang. Sudah dicoba yang copy paste lengkap juga tidak bisa.
Bahkan saya pasang di semua data:post.body/ (ada 3) juga tidak jalan.
Apakah harus langsung muncul atau harus tunggu beberapa lama?
apa yg hrs dilakukan?

wah, jangan paste dibawah semua kode <data:post.body/> dong
satu aja tapi kode <data:post.body/> yang membentuk area posting. sebab, ada kode <data:post.body/> yang menyusun area posting di beranda.

Setelah itu, klik Simpan. dan coba dulu uji di Google Rich Snippets tool.

Kalau saya sih gak pakai ini lagi, soalnya kadang gambar mau muncul, kadang tidak. Karena itu, saya lepas hrecipe ini

Terima kasih Mas Jono Rendra
saya coba lagi

iya, makasih ya atas kunjungannya

Mas ini kan kode nya harus di copy yah.. Tapi ga bisa di sorot dan di copy..

Harus ketik manual dong ? T_T

mau pasang tapi masih bingung.... katanya bisa menurunkan pengunjung ya mas ???

gak usah repot repot ketik sendiri gitu dong
kan sudah ada fasilitas CTRL + C dan CTRL + V pada laptop km

pertamanya saya gak percaya kalau ini nurunin visitor
tapi kok kayaknya memang benar
karena saya alami sendiri pada blog ini. maka dari itu saya copot hrecipe ini

Wah keren gan, bener2 sangat bermanfaat :)

iya, betul
makasih atas kunjungannya

Berkomentarlah dengan baik dan benar, dilarang SPAM!
Tata Tertib Berkomentar
EmoticonEmoticon