Monday, February 6, 2012

Trik Cara Membuat Rating Bintang Pada Blog

By Sriudin sahrudin   Posted at  9:11 PM   tips dan trik No comments

Trik Cara Membuat atau Menambahkan Rating Bintang Pada Blog - Dengan menggunakan rich snippets yang terpasang pada blogspot anda hasil yang akan ditampilkan dalam mesin pencari (SERP) akan terlihat jauh lebih menarik dan ekslusif.
Lihat contoh Hasil Penggunaan Rating Bintang Rich snippets yang telah terpasang pada blog ini melalui gambar dibawah ini:
Tutorial trik Cara Mudah Membuat Rating Bintang Rich Snippets di postingan blog

Posting kali ini spesial untuk sahabat yang "lagi belajar ngeblog" , Rich Snippet berfungsi untuk menambahkan data tambahan dari postingan yang ada dalam blog anda seperti Stars rating (bintang) , author , breadcumb dll yang kemudian akan ditampilkan pada halaman hasil pencarian.

Lalu Bagaimana cara Pemasangannya??
untuk dapat memasang Rating Bintang Pada Blog dengan platform blogger/blogspot ikuti langkah-langkah berikut ini:
* Syarat Pertama anda haruslah memiliki akun Google Plus / G+ terlebih dahulu ,, jika belum silahkan anda buat disini

* Langkah selanjutnya adalah menghubungkan blog anda dengan Google Plus milik anda dengan menambahkan script berikut ini:
<link href='https://plus.google.com/105170481837044664922' rel='publisher'/>
Masuk keakun blogger milik anda - Rancangan - Edit HTML - Centang Expand Template Widget
Ubah tulisan yang berwarna biru ganti dengan profil milik anda dan Tempatkan kode tersebut setelah tag <head> lalu simpan

* Setelah itu tambahkan kode berikut ini pada blog anda
<a rel="author" href="https://profiles.google.com/105170481837044664922"></a>
caranya masuk ke rancangan - tambah gadget - HTML/Javascript - pastekan lalu simpan
(sebelumnya ubah dahulu kode berwarna biru dengan kode milik anda seperti diatas)

* Jika sudah maka langkah selanjuntya adalah masuk ke rancangan - edit html - cari kode <body> (gunakan ctrl+f untuk mempercepat pencarian) lalu tempatkan kode berikut tepat dibawah tag <body> tersebut.
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

* selanjutnya cari kode </body> dan tempatkan kode dibawah ini tepat diatas kode tersebut:
</div></div>

* kemudian cari <h1 class='post-title entry-title'> jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua , kemudian tempatkan kode dibawah ini tepat diatas kode tersebut
<span itemprop='itemreviewed'>
Masih disekitar kode tersebut tempatkan kode penutup berikut
</span> tepat dibelakang tag penutup </h1>

* Selanjutnya cari kode <span class='fn'><data:post.author/></span> setiap template mungkin akan sedikit berbeda, bagi anda yang menggunakan readmore biasanya kode tersebut terletak diatas kode readmore
Jika sudah anda temukan kemudian sisipkan kode yang berwarna biru berikut ini diantara kode diatas ,, perhatikan contoh:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
Kemudian klik simpan/save

* Sampai disini Tips Cara Membuat Rating Bintang Pada Blog masih belum selesai
Kini saatnya Memasang Rating Bintang Rich Snippet-nya
Caranya Masuk ke Dashboard lalu Pilih Setelan - Format - kemudian masukkan kode
Masukkan kode rich snippet ini: Rating: <span itemprop="rating">5</span> pada kolom template entri - terakhir simpan


Catatan : Rating stars ini harus diisi secara manual dengan rentang angka dari 1 - 5 sesuai jumlah bintang yang ingin anda tampilkan nantinya (anda dapat mengeditnya ketika hendak menerbitkan posting baru, usahakan rating tersebut berada pada bagian paling bawah pada postingan milik anda)

Untuk mengeceknya apakah Rating Bintang yang terpasang Pada Blog anda sudah benar atau belum silahkan bisa anda cek disini
masukkan url artikel yang telah anda tambahkan rating Rich Snippet-nya
NB: Ohh iya pastikan juga bahwa anda telah melengkapi Form Authorship request , jika belum silahkan klik disini

: Ketika anda melakukan uji coba dengan menggunakan Rich Snippet tools perubahan mungkin akan langsung terasa, tapi tidak pada Google...

Selamat mencoba dan semoga artikel diatas bermanfaat untuk anda,,,
Rating: 4.5

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.