Bagaimana Cara Menampilkan Rating Bintang Pada Pencarian Search Engine

Menampilkan rating bintang richsnippets pada search engine result page (SERP) merupakan sebuah daya tarik sendiri bagi para blogger. Cara pemasangan rating bintang ini ada dua macam, yang pertama pemasangan yang direkomendasikan oleh google dan yang kedua hasil modifikasi sendiri oleh mereka yang benar-benar sudah mengerti akan hal ini. Untuk postingan ini saya akan membahas tentang bagaimana cara memasang snippet rating bintang rekomendasi google.

Cara Menampilkan Rating Bintang Pada Pencarian Search Engine
Demo by image

Langkah-Langkah Pengaturan Pada Blog

  • Login ke blogger
  • Pada menu Dashboard, pilih Template » Edit HTML dan centang "Expand Template Widget"
  • Untuk menghindari kekeliruan dalam pemasangannya, alangkah baiknya jika anda membackup template terlebih dahulu
  • Copy kode di bawah ini dan pastekan tepat di bawah tag <head>
<link href="https://plus.google.com/108801075003252823592" rel="author"/>
Keterangan :
Warna Biru ganti dengan ID Profil Google Plus anda
  • Langkah selanjutnya, Copy dan paste kode di bawah ini tepat di bawah tag <body>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'> 
  • Dan masukkan kode penutup di bawah ini tepat di atas atas tag </body>
</div>
  • Selanjutnya, cari kode HTML yang kurang lebih seperti di bawah ini :
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
  • Jika sudah ketemu, tambahkan kode itempropnya sehingga akan menjadi seperti ini:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>
  • Langkah berikutnya, cari kode :
<span class='fn'><data:post.author/></span>
  • Dan tambahkan beberapa kode HTML seperti ini :
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
  • Selanjutnya, tambahkan <span itemprop="rating">4.5</span> tepat sesudah kode </b:if>
<span class='post-author vcard'>
    <b:if cond='data:top.showAuthor'>
        <data:top.authorLabel/>
          <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
       </b:if>
    <span itemprop="rating">4.5</span>
</span>
  • Terakhir, simpan template.
Dan untuk mengeceknya apakah langkah yang anda lakukan sudah benar atau tidak, silahkan cek di webmaster tools richsnippets (tools ini juga untuk mengecek Peringatan : Missing Required Field "Updated"). Apabila anda berhasil, maka reviewnya akan terlihat seperti gambar di bawah ini.

Cara Menampilkan Rating Bintang Pada Pencarian Search Engine
Klik untuk memperbesar gambarnya

NOTE :
Pemasangan rating bintang richsnippets ini sendiri memerlukan waktu bagi mesin pencari untuk mengcrawl dan menampilkannya pada halaman mereka.

Apabila anda mengalami kendala mengenai hal diatas, silahkan tinggalkan komentar. Terima kasih dan salam bloggers...!!!

Unknown
Unknown

8 comments:
Write comment
  1. makasih infonya bang, cocok sekali. ane coba dehh. silahkan mampir balik.

    ReplyDelete
  2. Yup masama and makasih juga udah mampir disini...!!!

    OTW ke blog mas...!!!

    ReplyDelete
  3. Sangat Bermanfaat Artikelnya Sob ;)

    Tapi Jangan Lupa Di Kunjung Balik

    ========================================================================
    www.cangkallax-007.org
    ========================================================================

    ReplyDelete
  4. kok gak jalan gan tutornya malah error html

    ReplyDelete
    Replies
    1. Memang kalau salah dalam menempatkan kode, pasti akan mengalami error html.

      Delete
  5. AnonymousJune 21, 2013

    setelah di cek hasil nya tetap nihil mas
    minta pencerahan nya ya..

    ReplyDelete
  6. mas kok Saya waktu Cari di Webmaster Tools ga ada Blogg saya??

    gimana ni mas?

    ReplyDelete