Tampilan rating bintang di hasil pencarian google bisa menjadi daya tarik tersendiri bagi para penulis blog untuk memperbanyak pengunjung.
Selain tampilan foto profil penulis blog, tampilan rating bintang ini kelihatannya lebih menarik di hasil pencarian google.
Setidaknya lebih mencolok dengan gambar rating bintang dibanding gambar foto.
Tapi bila foto profil sobat blogger sudah tampil di pencarian google, anda juga bisa menambah gambar rating bintang ini.
Sehingga terlihat lebih menarik lagi.. Paduan antara rating bintang dan foto penulis..
Seperti judul yang saya tulis di atas.
Kita akan mencoba membuat rating bintang di hasil pencarian google dengan description yang disembunyikan di bawah posting blogger.
Langsung saja..
Seperti biasa, kita akan ubek-ubek HTML-nya.. (jangan lupa copy dulu template sobat)
Cari (ctrl+f) <body>
Kemudian letakkan kode ini dibawahnya:
Setelah itu cari <body/>
Dan letakkan 2 div penutup diatasnya:
Lalu cari:
<data:post.body/>
Biasanya akan tampak 3 kode tersebut, tergantung tema yang dipakai sobat.
Letakkan kode ini dibawahnya:
Setelah itu simpan template.
Dan untuk melihat hasilnya tulislah url blog sobat di google rich snippet.Setidaknya lebih mencolok dengan gambar rating bintang dibanding gambar foto.
Tapi bila foto profil sobat blogger sudah tampil di pencarian google, anda juga bisa menambah gambar rating bintang ini.
Sehingga terlihat lebih menarik lagi.. Paduan antara rating bintang dan foto penulis..
Seperti judul yang saya tulis di atas.
Kita akan mencoba membuat rating bintang di hasil pencarian google dengan description yang disembunyikan di bawah posting blogger.
Langsung saja..
Seperti biasa, kita akan ubek-ubek HTML-nya.. (jangan lupa copy dulu template sobat)
Cari (ctrl+f) <body>
Kemudian letakkan kode ini dibawahnya:
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Setelah itu cari <body/>
Dan letakkan 2 div penutup diatasnya:
</div></div>
Lalu cari:
<data:post.body/>
Biasanya akan tampak 3 kode tersebut, tergantung tema yang dipakai sobat.
Coba salah satu yang valid saja.
<div style="display:none;">
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>100%</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
</div>
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>100%</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
</div>
Setelah itu simpan template.
http://www.google.com/webmasters/tools/richsnippets
Bila tidak terlihat gambar bintang, maka pindah kode tersebut dibawah <data:post.body/> yang lain.
Bila valid, akan terlihat gambar bintang di google rich snippet
 |
| Hasil di google rich snippet |
Sama seperti memasang foto profil di hasil pencarian, hasil untuk pemasangan rating bintang di pencarian google akan bervariasi lamanya, tergantung analisa google terhadap blog kita.
Dan untuk hasil yang lainnya..
Description: bla bla bla..
Tidak akan tampak di bawah posting, karena kita telah menyematkan style='display:none'
Tapi bila sobat blogger lebih suka descriptionnya tampil di bawah postingan, ganti saja value 'none' menjadi 'visibility'
Mudah bukan?
Semoga tips ringan ini bermanfaat untuk para blogger semua..
Tidak ada komentar:
Posting Komentar