Cara Menyisipkan Rich Snippets Ke Website

Untuk mengetahui apa itu Rich Snippets, perhatikan screen shot halaman hasil pencarian Google berikut ini :

Isparmo Rich Snippets

Perhatikan foto yang muncul pada halaman pencarian tersebut. Foto ini adalah bagian dari Rich Snippets.

Definisi mudahnya, Rich Snippets adalah informasi mini yang ikut tampil pada halaman hasil pencarian Google (Google SERP). Informasi mini ini bisa berupa foto personal, foto produk, review dll.

Lalu apa fungsi Rich Snippets ini :

1. Lebih menarik

Mungkin hasil pencarian kita tidak berada di posisi rangking 1 Google. Tetapi karena hasil pencarian mengandung foto atau gambar, maka orang lebih tertarik untuk meng-klik nya.

2. Meningkatkan kepercayaan calon pelanggan

Keberadaan foto penjual juga akan lebih meningkatkan kepercayaan calon pembeli.

3. Orang lebih mengenal kita

Rich Snippets untuk informasi personal akan muncul otomatis jika kita menggunakan Blogspot. Sedangkan untuk format web atau blog lain, caranya menyisipkannya adalah :

1. Mendaftar di Google Plus >> https://plus.google.com/

2. Catat/copy  id Google Plus yang telah dibuat, misalnya punya saya >> https://plus.google.com/112804164369827065981/

3. Gunakan tool Rich Snippets Generator untuk mempermudah mendapatkan kode HTML nya

Misalnya saya menggunakan, http://www.snippetgenerator.com

4. Karena saya akan memunculkan informasi personal diri saya, maka saya memilih PERSON SNIPPET

Rich Snippets Generator

5. Isikan data-data yang berkaitan dengan informasi diri

6. Klik tombol Generate, akan didapatkan beberapa baris kode HTML, misalnya :

<div itemscope itemtype="http://schema.org/Person">
  <span itemprop="name">Isparmo</span>
  <span itemprop="jobTitle">Trainer Internet Marketing</span>
  <img src="http://" itemprop="image"  alt="" />
  <span itemprop="telephone">0812 108 3060</span>
  <a href="mailto:mail@isparmo.com" itemprop="email">mail@isparmo.com</a>
  <a href="http://http://isparmo.web.id" itemprop="url">http://isparmo.web.id</a>
</div>

7. Gantilah data-data di atas, sesuaikan dengan data masing-masing

8. Tambahkan 2 baris kode sebagai berikut dan sesuaikan dengan data masing-masing  :

<a href="https://plus.google.com/112804164369827065981/?rel=author">ISPARMO SEo</a>
<a href="https://plus.google.com/112804164369827065981/?rel=publisher">Find us on Google+</a>

9. Jadi kode selengkapnya, misal :

<div itemscope itemtype="http://schema.org/Person">
  <span itemprop="name">Isparmo</span>
  <span itemprop="jobTitle">Trainer & Pembicara Internet Marketing</span>
  <span itemprop="telephone">0812 108 3060</span>
  <a href="https://plus.google.com/112804164369827065981/?rel=author">ISPARMO SEo</a>
  <a href="https://plus.google.com/112804164369827065981/?rel=publisher">Find us on Google+</a>
  <a href="mailto:mail@isparmo.com" itemprop="email">mail@isparmo.web.id</a>
  <a href="http://isparmo.web.id" itemprop="url">http://isparmo.web.id</a>
</div>

10. Copy kode tersebut di atas, dan Paste (sisipkan) di halaman kode html, website atau blog, misalnya di index.php

11. Lakukan uji Rich Snippets menggunakan http://www.google.com/webmasters/tools/richsnippets

12. Masukkan alamat website atau blog, misalnya www.isparmo.web.id (tanpa http://), lalu klik tombol Preview

13. Jika uji Rich Snippets ini berhasil, akan mendapatkan hasil seperti ini :

Rich Snippets result

Semoga bermafaat.

Updated: November 2, 2012 — 11:13 am