Cara Mudah Membuat Rich Snippets -Mau Posting Blog muncul Rich Snippet?. Saya akan bagikan cara singkat bagaimana membuat rich snippet untuk blogger. Langkahnya seperti dibawah ini:
1. Buatlah terlebih dahulu akun Google+ kalau sudah punya, silahkan buat juga halaman Google+. Contoh halaman Google+ bisa cek ke Satriyo Site Google+.
2. Halaman Google+ dianggap sudah ada dan siap digunakan untuk keperluan Rich Snippets. Rich Snippet sendiri adalah suatu proses menghubungkan profil Google+ ke blog, agar di hasil pencarian Google, author blog dimunculkan dan beberapa fitur lain seperti rating dan deskripsi dari blog.
3.Selanjutnya kita akan menghubung halaman Google+ dengan blog yaitu dengan menempatkan kode dibawah ini di halaman edit html blog tepat di bagian header.
<!-- Tempatkan tag ini di bagian Bawah Kode <head> Blog Anda -->
<link href="https://plus.google.com/111799635502470708810" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'id'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })();</script>
Ganti tulisan warna putih dengan id halaman google+ kamu, dan tulisan berwarna orange sesuaikan bahasa untuk blog kamu dalam bahasa di atas Saya menggunakan 'id' yaitu bahasa indonesia. Untuk melihat pengaturan lengkap tentang kode ini, kamu bisa berkunjung ke sini https://developers.google.com/+/plugins/badge/config?pageId=
4. Setelah kode berhasil diterapkan di blog, selanjutnya kita akan mengecek apakah blog sudah terverifikasi di Rich Snippets. Untuk itu silahkan berkunjung ke halaman rich snippets tool. Masukkan salah satu link post di blog, dan perhatikan apakah publisher statusnya sudah verified atau belum. Seperti gambar dibawah.
Jika status sudah verified, sekarang saatnya untuk memasukkan kode-kode Rich Snippets ke html blog seperti Judul, Deskripsi, Reviews dan Rating.
1. Kode dasar Rich Snippets, yaitu suatu div yang meng-cover body blog, sebagai tanda bahwa blog kita adalah blog review untuk Rich Snippet
tambah kode berikut tepat setelah kode <body> : <div><div itemscope='' itemtype='http://data-vocabulary.org/Review'> ,
Dan kode : </div></div> , tambahkan tepat sebelum kode </body> .
Contohnya seperti dibawah ini :
<body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
--------------------------------------------------------
--------------------------------------------------------
--------------------------------------------------------
</div></div>
</body>
2. Kode untuk Reviewer atau author atau penulis, ini akan nampak pada hasil pencarian Google.
copy kode : <span itemprop='reviewer'>SatriyoSite</span>, sisipkan diantara tag <data:post.author/> Paste Di Sini<span>. sehingga nanti akan menjadi seperti ini <span itemprop='reviewer'><data:post.author/></span>
maka nama author di blog contohnya SatriyoSite, akan tampil sebagai nama reviewer.
3. Kode untuk Title atau Judul postingan
Contoh kode : <span itemprop='itemreviewed'><Tag Judul Posting></span> , Judul posting disini yang dimaksud adalah tag h1 atau h2 (tergantung judul post Blog kamu menggunakan tag h1 atau h2) dalam html blog yang menunjukkan judul dari postingan. Sehingga setelah kode diterapkan akan menjadi seperti ini.
<span itemprop='itemreviewed'>
<h1 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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</span>
Dalam kasus diatas Saya menggunakan tag h1 untuk judul posting (tag h1 dicap sebagai tag judul ramah seo). Mungkin untuk template blog lain menggunakan tag h2 , silahkan sesuaikan saja.
4. Untuk Deskripsi dan Rating Rich Snippets, Saya rekomendasi untuk membuatnya secara manual (diterapkan pada single postingan). Artinya setiap posting artikel baru, ikutkan kode rich snippets untuk merekam Deskripsi dan Rating tulisan atau postingan.
Kode untuk Deskripsi Rich Snippets:
<span itemprop='description'>Deskripsi Tulisan</span>
kode untuk rating Sisipkan Di Paling Bawah Posting:
Rating: <span itemprop='rating'>jumlah rating/Bintang</span>
Untuk deskripsi Saya biasanya sisipkan di awal postingan, contoh untuk Artikel Konten Lokal saya menggunakan kode deskripsi seperti dibawah ini:
<span itemprop='description'>Mungkin kalimat ini sudah tidak asing lagi Karena setahu saya selama ini tidak sedikit dari kita yang masih belum cinta dengan buatan anak bangsa sendiri. contoh diatas, kita tidak perlu ditulis/mengkopy deskrispinya cukup sisipkan kode <span itemprop="description"> pada paragraf di blog yang bagus untuk dijadikan deskripsi dan tutup dengan tag </span>.
Untuk rating silahkan simpan di akhir postingan, cukup mengkopy kode di atas. Jumlah rating dari 1-5 bintang. Contoh untuk Artikel Konten Lokal saya berikan rating 4.5 bintang , sehingga kodenya Rating: <span itemprop='rating'>4.5</span> .pasang diakhir postingan.
Untuk memudahkan dalam pengaplikasin kode deskripsi dan rating, silahkan masukkan kode dibawah ini ke template blog (akan otomatis muncul setiap melalukan postingan baru) masuk di settings - posts and comments.
<span itemprop="description">
</span>
Rating: <span itemprop="rating">4.5</span>
Contoh penerapan dalam blog Master Site
3 komentar
coba dulu gan moga berhasil
Posted on 20 April 2012 pukul 19.14
nice infonya ..
Posted on 19 Agustus 2012 pukul 09.14
Mas saya mau coba pasang, tapi saya pengen tahu, kira-kira berpengaruh ga untuk meningkatkan posisi di SERP? Ditunggu jawabannya mas :)
Posted on 26 September 2012 pukul 05.36
Posting Komentar
Maaf' Komentar Link Akan Di Hapus..@@!!