Cara Membuat Rating Bintang Rich Snippet di Blog


icon bintang google
Cara Membuat Rating Bintang Rich Snippet di Blog atau Cara Membuat Rich Snippet di Blog apa penjelasan lebih rinci tutorial lengkap membuat google rich snippets ini.

Sebelum melangkah lebih jauh,apa sih fungsi dari rating google rich snippets itu gan? pertanyaan ini sobat bisa baca dan dapatkan infonya di sini.
Mohon baca artikel dengan teliti dan jangan salah langkah,karena jika mengabaikan hal ini kemungkinan besar cara akan gagal,so guys supaya trik ini bekerja di blog kamu dengan baik,simak postingan ini dengan teliti ya sob,..........tapi jangan melotot kaya gitu juga kali :D hihihihi

Seperti title dari posting kali ini,Google Rich Snippets - Cara Membuat Icon Rating Tanda Bintang di Google Serp adalah juga merupakan sebuah trik optimasi blog (salah satu kiat dalam search engine optimization -pent) agar mendapatkan posisi yang terbaik di serp (search engine result page) dari banyaknya view page atau halaman yang tampil.

Disamping itu hasil serp dengan breadcrumbs tanda bintang ini akan lebih menarik pengunjung karena tampilan yang lebih menonjol dibandingkan dengan hasil yang lain,sobat bisa lihat seperti pada gambar diatas tadi.

Bagaimana tips dan trick dalam membuat gugel rich snipet ini? sobat baca dan mari pahami bersama dengan seksama (halah! bahasane mas,biasa wae dumz :p)

Langkah dan Cara Memasang Icon Star atau Tanda Bintang di Result Google

Akan ada banyak step-step yang harus kita lakukan secara berurut,dan disini kami membagi menjadi 7 langkah,dan langkah-langkahnya adalah sebagai berikut:
#1. Pertama,sobat harus memiliki akun Google Plus (Google+),mudah kok sob,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 (gb.1) sob:

memasang google rich snippets
gb.1

Setelah itu,untuk sementara simpan dahulu ya gan no ID gOOgle+ milik sobat.Sebagai contoh no ID Google+ milik saya sendiri adalah 118207325935415873536
#2. Sekarang,pergilah ke Dashboard blogger milik sobat,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates dan cari kode (gunakan Ctrl+F untuk mempermudah pencarian)
Setelah kode tersebut sobat ketemukan,kini letakkan kode dibawah ini tepat dibawah kode <head> tersebut:

<link href='https://plus.google.com/no_id_sobat' rel='publisher'/>

misal dengan ID Google+ yang saya miliki akan menjadi seperti ini atau bisa lihat (gb.2):

<link href='https://plus.google.com/118207325935415873536' rel='publisher'/>

lihat gambar:

trik google rich snippets
gb.2


Simpan template sobat.
#3. Langkah selanjutnya,masih dalam halaman yang sama,pergilah ke Dashboard blogger milik sobat,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates dan cari kode <body> dan tepat dibawahnya letakkan kode berikut atau lihat (gb.3):

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


atau lihat gambar:

rahasia google rich snippets
gb.3


Kemudian cari kode </body> dan tepat diatasnya letakkan kode penutup berikut atau lihat (gb.4):

</div></div>

lihat gambar:

trik rahasia membuat tanda bintang serp
gb.4


Simpan templates sobat.
#4. Pergilah ke Dashboard,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates.Gunakan Ctrl+F dalam keyboard dan tuliskan kode berikut post-title entry-title,akan terlihat seperti gambar dibawah (gb.5) ini:

cara membuat bintang index google
gb.5


Hal ini akan menemukan secara otomatis kode yang kita cari,untuk 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 antara barisan kode tersebut:

<span itemprop='itemreviewed'><span itemprop='description'></code> dan <code></span></span>

Sehingga akan menjadi seperti ini atau lihat (gb.6):

<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>


Dari gambar yang berhasil saya print screen akan seperti ini:

seo google rich snippets star
gb.6


Simpan templates sobat.
#5. Pergilah ke Dashboard,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates lalu 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>


atau bisa lihat (gb.7)

index google memiliki bintang
gb.7


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

Simpan templates.
#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 maka akan sobat lihat di sebelah kanan atas tombol 'Edit Profil',Klik tombol 'Edit Profil' tersebut dan klik link 'Kontributor Untuk' (gb.a)
Lihat gambar berikut ini:

google icon star on result
gb.a


Selanjutnya,klik link 'Tambahkan Tautan....' (gb.b)


cara memasang rating bintang
gb.b


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 (gb.c)

cara mengaktifkan rating star bintang snippets google
gb.c

#7. Langkah terakhir,sobat kunjungi Rich Snippets Testing Tool lihat gambar berikut (lihat gb.d):


Google Rich Snippets Testing Tool
gb.a


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

Cara Menciptakan Google Rich Snippets Testing Tool
Semoga artikel Cara Memasang Rating Bintang Rich Snippets Pada Blog  bermanfaat ya,
 dengan sumber nya ini baru blog saya yang lain saya coba berhasil mantap dah buat pelajaran blog.


sumber : http://pelajaran-blog.blogspot.com/2012/03/google-rich-snippets-cara-membuat.html


Rating:4.5 chivaz [dot] net | Rating: 5.0
Berlangganan Artikel Gratis chivaz [dot] net Melalui E-mail

Silahkan masukan alamat e-mail

Setelah itu buka e-mail anda untuk melakukan konfirmasi klik link melalui e-mail anda yang kami kirimkan

Delivered by FeedBurner

0 comments:

Post a Comment

 
© 2012 Distortion | Powered by Blogger | Design: chivaz [dot] net