الجمعة، 12 يوليو 2013

Cara Memasang Rich Snippet Reviews Agregate, Recipe Plus Star Ratings

Cara memasang Rich Snippets Reviews Aggregate dan Recipe plus Star Ratings di blog tidak lah terlalu sulit terutama untuk wordpress, kita bisa bisa menggunakan berbagai plugin yang ada tanpa perlu memasukannya secara manual.

Untuk membuat Rich Snippets di wordpress salah satunya dapat menggunakan plugin buatan Mas Poer atau bisa juga menggunakan plugin http://wordpress.org/extend/plugins/author-hreview/.

Sedangkan untuk memasang Rich Snippets di Blogger kita harus memasangnya secara manual dengan cara mengedit template.

Berikut Langkah-langkahnya :

Rich snippets Reviews Aggregate + Star Ratings pada hasil pencarian google

Memasang Rich Snippets Reviews Aggregate + Ratings
1. Cari Kode

<div class=’post hentry’ itemscope=’itemscope’ itemtype=’http: //schema .org/BlogPosting‘>

<a expr:name=’data:post.id’/>

<b:if cond=’data:post.title’>

<h3 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’>

<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>

</b:if>

GANTI dengan kode

<div class=’post hentry’ itemscope=’itemscope’ itemtype=’http: // data-vocabulary .org/Review-aggregate‘>

<a expr:name=’data:post.id’/>

<b:if cond=’data:post.title’><span itemprop=’itemreviewed’>

<h3 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’>

<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>

</b:if>

keterangan:

(h3=Judul Postingan, bisa saja judul postingan di dalam template Anda berada di h2 maka tinggal di sesuaikan saja)

2. Cari Kode

<div class=’post-body entry-content’ expr:id=’&quot;post-body-&quot; + data:post.id’ itemprop=’articleBody’>

GANTI dengan kode

<div class=’post-body entry-content’ expr:id=’&quot;post-body-&quot; + data:post.id’ itemprop=’description’>

3. Cari Kode

<div class=’post-footer’>

TAMBAHKAN dengan kode

<span itemprop=’rating’ itemscope=’itemscope’ itemtype=’http: // data-vocabulary .org/Rating’> Rating <span itemprop=’average’>8</span> out of  <span itemprop=’best’>10</span></span> based on <span itemprop=’count’>4<data:post.numComments/><data:post.numComments/></span> reviews

keterangan:

(Jumlah Rating 8=Nilai Jumlah Rating yang akan muncul pada setiap postingan, sampai saat ini saya belum tahu bagaimana cara membuat nilai ratingnya berbeda-beda pada masing-masing postingan. Nilai Rating 8 bisa Anda ubah dengan skala 1 s/d 10)

(Nilai Count 4 bisa di ubah sesuai dengan keinginan)

(Kode <data:post.numComments/> = Jumlah Komentar , sehinnga nantinya Jumlah Review pada masing-masing postingan nilainya akan berbeda-beda sesuai dengan jumlah komentar yang ada walaupun nantinya tidak ada satupun yang berkomentar Anda tetap sudah memiliki minimal 400 Review

, tapi kalau mau di hilangkan juga enggak apa-apa)

4. Save Template.

5. Terakhir TAMBAHKAN Kode

itemprop=”photo”

Pada URL Gambar di masing-masing postingan

menjadi

keterangan:

(Di usahakan di setiap postingan memiliki gambar)

6. Selesai.

Rich Snippets Recipe + Star Ratings pada hasil penelusuran Google

Memasang Rich Snippets Recipe + Ratings

Kurang lebih sama caranya seperti di atas :

* Pertama GANTI Kode URL

(lihat pada langkah no.1 diatas)

itemscope=’itemscope’ itemtype=’http: // data-vocabulary .org/Review-aggregate

Dengan Kode URL

itemscope=’itemscope’ itemtype=’http: // data-vocabulary .org/Recipe

* Lainnya Sama Persis Seperti dengan Cara diatas, Selesai.

* Rich Snippets Recipe akan lebih tepat bila kita terapkan pada blog yang membahas masakan, makanan atau prodak.

Jika semua kode sudah di masukan jangan lupa save template kemudian Anda tes di Google Rich Snippets Testing Tools untuk mengetahui apa kode yang kita masukan tersebut sudah benar atau belum. Setelah itu kita tinggal tunggu saja sampai semua postingan muncul pada mesin pencarian google lengkap dengan Rich Snippets yang baru kita buat barusan.

Catatan :

Semua cara diatas hanya bisa di terapkan untuk template default bawaan Blogger, Apabila templatenya sudah pernah di edit tinggal di sesuaikan saja pada prinsifnya sama saja ko!