Home > tutorial > Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Bagikan ke Teman! :

Trik dan Cara Agar di Index di Gogle Memiliki Tanda Bintang..

ada banyak step-step yang harus di lakukan secara berurut,dan disini saya membagi menjadi 7 langkah,dan langkah-langkahnya adalah sebagai berikut:

1.sobat harus memiliki akun Google Plus (Google+) jika tidak punya,tinggal daftar aja di SINI

Syarat ini adalah untuk mendapatkan nomor ID dari akun Google+ sobat,yang nantinya akan kita gunakan sebagai verifikasi dari Google Rich Snippets yang akan kita bahas kali ini.

Setelah sobat memiliki akun Google+,coba sobat pergi ke menu Profil lalu simpan no ID yang tampil dari akun Google+ sobat,no ID ini akan tampil di address bar browser yang sobat gunakan,lihat gambar

2. Sekarang,pergilah ke Dashboard blogger milik sobat,lalu pilih Tata Letak dan klik tab Edit HTML kemudian contreng tulisan Expand Widget Templates dan cari kode <head>
letak di bawah kode <head>

<link href='https://plus.google.com/No_id' rel='publisher'/>
ganti tulisan no id dengan no id sobat :

contoh seperti punya saya : <link href='https://plus.google.com/111206527022629153898' rel='publisher'/>

3. Langkah selanjutnya,masih dalam halaman yang sama,cari kode <body>
letak kan kode berikut dibawah <body>

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

Kemudian cari kode </body> dan tepat diatasnya letakkan kode penutup berikut

</div></div>

4. cari kode berikut post-title entry-title,
barisan kodenya biasanya akan terlihat seperti ini:

<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Sekarang,sisipkan kode berikut
<span itemprop='itemreviewed'><span itemprop='description'>

Sehingga akan menjadi seperti contoh di bawah :

<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>
</b:if>

5. cari kode <data:post.body/> atau <p><data:post.body/></p>
Setelah ketemu,letakkan persis dibawahnya barisan kode google rich snippets breadcrumbs ini:
Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>

contoh susunan nya seperti di bawah :

<data:post.body/>Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>

Bagaimana jika saya menemukan kode <data:post.body/> lebih dari satu?
inggal letakkan kode google rich snippets breadcrumbs tersebut tepat dibawah masing-masing kode <data:post.body/> yang ada di template blog milik sobat.

6. Langkah berikut ini adalah yang terpenting karena mempengaruhi dalam kesuksesan cara mem-verifikasi Google Rich Snippets yang akan kita bahas ini.

Pergilah ke akun Google+ milik sobat,dan pilih menu Profil 'Edit Profil',Klik tombol 'Edit Profil' tersebut dan klik link 'Kontributor Untuk'

Isi label dan url,label bisa sobat kasih nama sesuai keinginan sedangkan url sobat tuliskan alamat blog yang sobat miliki lalu klik tombol 'Simpan',lihat gambar

7. Langkah terakhir,sobat kunjungi Rich Snippets Testing Tool

Isikan url blog milik sobat untuk mengetes hasil Google Rich Snippets yang baru saja kita ciptakan,jika sukses akan tampil seperti gambar dibawah ini :