Mungkin trik ini buat para master-master mungkin mudah tapi buat benyo haduh pernah ampe bikin benyo pusing hihihihihihihih......
Oke sobat langsung aja ke TKP yah dari pada bosen baca ocehan saya hehehehehe tapi baca teliti yah
Pastikan sobat sudah memiliki/mengaktifkan akun di google+. Lebih bagus lagi sudah mengalihkan profil blogger ke Google+. Jika sudah, pastinya sudah memiliki url yang mengarah ke akun G+ seperti punya saya;
https://plus.google.com/109764237369476166659
Buka template dan expand. Letakkan kode berikut dibawah kode <head> atau lebih tepatnya di deretan kode meta template sobat.
<link href="https://plus.google.com/109764237369476166659" rel="author"></link>
Ganti kode yang berwarna merah dengan kode id profil google+ sobat. Untuk perbandingan tempat meletakkannya silahkan "intip" page source blog ini.
Oke selanjutnya Letakan kode berikut tepat dibawah kode <body> template.
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Selanjutnya Letakan kode berikut tepat diatas kode </body> template.
</div>
Selanjutnya, cari kode HTML judul postingan seperti berikut didalam template.
<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, maka tambahkan kode berwarna merah seperti dibawah 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>
Perlu di perhatikan: Kode <h3> sebagai heading untuk judul posting bisa berbeda-beda pada setiap template. Khususnya template yang sudah di optimasi atau oprekan sendiri. Seperti template Iskaruji dot com justru menggunakan tag <h1> untuk judul postingan. Jadi silahkan sesuaikan dengan tag heading judul post sobat.
Cari kode berikut di dalam template sobat:
<span class='fn'><data:post.author/></span>
Jika sudah ketemu, maka tambahkan kode berwarna merah seperti dibawah ini:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
Perlu diperhatikan: Setidaknya kode author diatas ada dua didalam template. Pastikan sobat meletakkan kode merah di author yang bukan untuk mobile-post.
Nah buat pemasangn rating otomatis biar kelihatan seperti "Hotel Bintang 5"...hehe.HOTEL BINTANG 5 KALI hahahaha, bisa juga diletakan menyambung dari kode author diatas. Pada template blog Iskaruji dot com ini saya letakkan setelah timestamp. Silahkan tambahkan kode berwarna hijau seperti berikut:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></b:if></span><span itemprop="rating">4.5</span>
Maksud angka 4.5 bisa di baca di postingan tool narsis google sebelumnya.
Bila semua langka diatas sudah dilakukan, coba Preview terlebih dahulu sebelum save template. Jika tdak ada masalah, silahkan save template sobat.
Selanjutnya silahkan kunjungi http://www.google.com/webmasters/tools/richsnippets dan masukkan url blog sobat. Jika tampilan sudah "se-narsis" screenshoot dibawah ini, berarti percobaan kita berhasil. Hotel bintang lima-nya baru akan efekti pada post terbaru setelah menerapkan cara Cara Menampilkan Rating Bintang di Hasil Pencarian Google.
Mungkin ada yang belum tau neh contoh demo setelah sobat masuk ke http://www.google.com/webmasters/tools/richsnippets.
0 komentar:
Post a Comment