24/01/12

Tutorial Memasang Rating Bintang di Rich Snippets

Tutorial Memasang Rating Bintang di Rich Snippets plus reviewer di Rich Snippets Google sudah banyak sekali beredar. Namun, banyak teman blogger yang mengirimi pesan kepada saya masih mengalami kesulitan menerapkan tutorial-tutorial itu.

Mungkin banyak yang bertanya-tanya apa fungsinya? Dari sisi pemeringkatan saya belum menemukan perbedaan yang signifikan, jujur saya belum bisa berkesimpulan (bagi sahabat blogger sangat dibutuhkan masukannya). Di luar itu, ini menandakan Google telah memberikan akses yang lebih bebas dan lebih dalam kepada webmaster tools. Juga, paling tidak pengaturan ini akan membuat hasil cari blog kita di Google tampak lebih professional karena dilengkapi rating 'meski' kita buat sendiri :D.

Pertama, Harus Sudah Memiliki Akun Google+
Google+ menjadi salah satu bagian penting seorang blogger kini.

Menambah Tag Publisher
Kali ini kita akan menambahkan tag publisher. Hal yang tidak diperhatikan beberapa kawan blogger adalah tag publisher yang dobe dengan tag author. Google sendiri menyarankan tag publisher untuk homepage, dan tag author untuk halaman postingan. Silahkan tambahkan kode berikut ini di bawah <head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/116239818548823536068' rel='publisher'/></b:if>

yang berwarna merah silahkan ganti dengan alamat profil Google+ Anda. Kemudian Simpan Template terlebih dahulu. Kemudian siahkan Anda Test di: Rich Snippets Testing Tools.
- Masukkan alamat homepage Anda, hasilnya adalah:http://i1132.photobucket.com/albums/m571/deejayhan/Image-1.jpg

- Masukkan alamat postingan Anda, hasilnya adalah:

Jika sukses, mari lanjut ke step berikut...

Memasukkan Kode Rich Snippets
- Masukkan kode utama berikut ini setelah <body> (jangan lupa centang expand template widget)
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
kemudian tambahkan penutup berikut tepat sebelum </body>
</div></div>
Ilustrasinya:

<body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
-------------------------------------
-------------------------------------
</div></div>
</body>

Masukkan Kode Reviewer dan ItemReviewed
Anda hanya perlu menambahkan kode berikut ini di bawah tag postingan Anda:
- Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
Letakkan kode tersebut setelah  <data:post.body/>
NB: Jangan letakkan di bawah <data:post.body/> cari yang kedua untuk readmore. Letakkan pada kode tersebut yang berada di dekat  <div class='post-body entry-content'>

Masukkan Kode Star Rating dan Deskripsi
Untuk Star Rating lebih baik dimasukkan secara manual ke postingan, agar tiap postingan bintangnya lebih bervariatif. Untuk Deskripsi, Anda bisa memanfaatkannya untuk menambah keyword.
Tambahkan kode berikut ini di bawah postingan Anda (dalam mode Edit HTML bukan Compose)
Description: <span itemprop="description">Deskripsi Anda Disini</span>
Rating: <span itemprop='rating'>4.5</span>
Untuk mempermudahnya agar otomatis masuk ke editor postingan Anda, silahkan Anda tambahkan kode tersebut pada template postingan di Setelan -> Format kemudian scroll ke arah bawah. Masukkan pada bagian Post Template kemudian Simpan. Dengan cara ini, Anda hanya perlu rubah isi rating (antara 0.5 - 5) dan deskripsi artikel Anda (isi dengan keyword yang mendukung judul)

Untuk postingan lama, selamat bersedih karena Anda harus memasukkan semuanya manual juga satu persatu. Untuk hal seperti ini, pengguna blogger memang pantas iri dengan wordpress yang semuanya dimudahkan dengan plugins. Semoga bermanfaat...

NB: Pada alat perubahan akan langsung terasa, tapi tidak pada Google...

Article Information:
Description: Memasang Rating Star menambah kredibilitas hasil cari, Maksimalkan Rich Snippets Google Reviewer: Muhammad Hidayatullah - ItemReviewed: Memasang Rating Bintang Rich Snippets -
Rating: 5
Sumber : MasDoyok