Cara menampilkan tanda bintang di hasil pencarian google pada blogspot atau istilah umumnya rich snippet memang sudah banyak yang share.Daripada tidak ada yang diposting untuk hari ini,saya mau ikutan juga share trik ini.Cara menampilkan tanda bintang di hasil pencarian google pada blogspot atau rich snippet yang mau saya share ini bekerja otomatis di semua postingan (tanpa harus manual tiap posting).Sebenarnya trik ini hasil browsing juga sih,tapi banyak juga yang share rich snippet ini harus pasang manual codenya disetiap postingan terlebih dahulu.Kalau harus pasang disetiap postingan,saya juga malas karena sukanya yang praktis-praktis saja.
Apa sih gunanya ?..
Saya sendiri kurang tahu pasti gunanya,namun menurut asumsi saya hanya kepada lebih menarik saja untuk di klik oleh visitor dari Google.Yang jelas trik ini didukung oleh google webmaster tool.Apakah ada pengaruhnya dengan SEO?.....saya belum tahu.Baiklah jika Anda tertarik silahkan diterapkan terhadap blog Anda,siapa tahu berpengaruh terhadap banyaknya visitor dari Google.
Langkah 1
Daftarkan dulu account google + Anda,dan dapatkan code atau ID google yang berupa deretan angka angka unik.
Setelah dapat ID google plus Anda,langsung saja cari masuk kedalam account blogger Anda > Rancangan > Edit HTML dan cari kode <head> lalu copas code dibawah ini tepat dibawahnya <head> :
Code yang berwarna merah diatas ganti dengan ID Google plus Anda.
Langkah 2
Masih di Edit HTML,cari code <body> dan pastekan code berikut setelah code <body> :
Setelah selesai,cari code penutup </body> yang ada dideretan paling bawah Lalu pasang code penutup dari code tadi yaitu
Setelah dipasang strukturnya seperti ini:
Langkah 3
Cari tag Judul postingan Anda,jika kesulitan maka gunakan CTRL+F,tag judul postingan yang saya contohkan ini kebetulan menggunakan heading H1,pada tiap template biasanya berbeda.Ada yang memakai H2 juga,tapi pada dasarnya sama dan saya yakin Anda akan dengan mudah untuk menemukannya.Yang jelas tag tsb berada di bawah atau setelah code;
Berikut bentuk tag judul postingan dan cara menyisipkan code dari rich snippet pada langkah ke 3 ini.Sisipkan codenya yaitu yang berwarna merah seperti contoh berikut :
Langkah 4
Cari code <data:post.body/> dan copas code berikut dibawahnya atau sesudah <data:post.body/>
Jika urutan langkah 1 s/d 4 tadi selesai,jangan lupa SAVE template Anda.Dan setelah di SAVE, test dulu untuk memastikan apakah Cara menampilkan tanda bintang di hasil pencarian google pada blogspot ini sudah berhasil dengan car mengunjungi link : http://www.google.com/webmasters/tools/richsnippets
Kemudian disana masukkan salah satu URL postingan Anda untuk menguji apakah code sudah bekerja,sebagai contoh jika code bekerja alias sudah benar pemasangannya maka akan seperti ini:
Foto yang tampil disamping kiri pada screenshoot diatas tidak termasuk bagian dari menampilkan tanda bintang atau rich snippet ini.Itu adalah trik tersendiri yaitu menampilkan foto di hasil pencarian (ada triknya sendiri).Jika tertarik sekaligus menampilkan foto,Baca Tutornya: Cara Menampilkan Foto pada Result Pencarian Google
Namun,mungkin saja tanda bintang tersebut tidak langsung muncul di hasil pencarian google,terutama untuk postingan terdahulu Anda.Mungkin menunggu mesin crawl google mengunjungi dan mencatat perubahan yang ada sebelum menampilkannya di search engine google.
Anda bingung dengan tutorial yang cukup membingungkan ini?,,,,,semoga saja tidak he he....
Apa sih gunanya ?..
Saya sendiri kurang tahu pasti gunanya,namun menurut asumsi saya hanya kepada lebih menarik saja untuk di klik oleh visitor dari Google.Yang jelas trik ini didukung oleh google webmaster tool.Apakah ada pengaruhnya dengan SEO?.....saya belum tahu.Baiklah jika Anda tertarik silahkan diterapkan terhadap blog Anda,siapa tahu berpengaruh terhadap banyaknya visitor dari Google.
Langkah 1
Daftarkan dulu account google + Anda,dan dapatkan code atau ID google yang berupa deretan angka angka unik.
Setelah dapat ID google plus Anda,langsung saja cari masuk kedalam account blogger Anda > Rancangan > Edit HTML dan cari kode <head> lalu copas code dibawah ini tepat dibawahnya <head> :
<b:if cond=data:blog.url == data:blog.homepageUrl><link href=https://plus.google.com/7413839917444605124 rel=publisher/></b:if>
Code yang berwarna merah diatas ganti dengan ID Google plus Anda.
Langkah 2
Masih di Edit HTML,cari code <body> dan pastekan code berikut setelah code <body> :
<div><div itemscope= itemtype=http://data-vocabulary.org/Review>
Setelah selesai,cari code penutup </body> yang ada dideretan paling bawah Lalu pasang code penutup dari code tadi yaitu
</div></div>
Setelah dipasang strukturnya seperti ini:
<body>
<div><div itemscope= itemtype=http://data-vocabulary.org/Review>
Deretan code template
Deretan code template
</div></div>
</body>
Langkah 3
Cari tag Judul postingan Anda,jika kesulitan maka gunakan CTRL+F,tag judul postingan yang saya contohkan ini kebetulan menggunakan heading H1,pada tiap template biasanya berbeda.Ada yang memakai H2 juga,tapi pada dasarnya sama dan saya yakin Anda akan dengan mudah untuk menemukannya.Yang jelas tag tsb berada di bawah atau setelah code;
<b:if cond=data:post.title>
Berikut bentuk tag judul postingan dan cara menyisipkan code dari rich snippet pada langkah ke 3 ini.Sisipkan codenya yaitu yang berwarna merah seperti contoh berikut :
<b:if cond=data:post.title>
<h2>
<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>
</h2>
</b:if>
<b:else/>
<span itemprop=description>
<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>
</b:if>
Langkah 4
Cari code <data:post.body/> dan copas code berikut dibawahnya atau sesudah <data:post.body/>
Rating: <span itemprop=rating>5</span>
Reviewer:<span itemprop=reviewer><data:post.author/></span> -
ItemReviewed: <span itemprop=itemreviewed><data:post.title/></span>
Jika urutan langkah 1 s/d 4 tadi selesai,jangan lupa SAVE template Anda.Dan setelah di SAVE, test dulu untuk memastikan apakah Cara menampilkan tanda bintang di hasil pencarian google pada blogspot ini sudah berhasil dengan car mengunjungi link : http://www.google.com/webmasters/tools/richsnippets
Kemudian disana masukkan salah satu URL postingan Anda untuk menguji apakah code sudah bekerja,sebagai contoh jika code bekerja alias sudah benar pemasangannya maka akan seperti ini:
Foto yang tampil disamping kiri pada screenshoot diatas tidak termasuk bagian dari menampilkan tanda bintang atau rich snippet ini.Itu adalah trik tersendiri yaitu menampilkan foto di hasil pencarian (ada triknya sendiri).Jika tertarik sekaligus menampilkan foto,Baca Tutornya: Cara Menampilkan Foto pada Result Pencarian Google
Namun,mungkin saja tanda bintang tersebut tidak langsung muncul di hasil pencarian google,terutama untuk postingan terdahulu Anda.Mungkin menunggu mesin crawl google mengunjungi dan mencatat perubahan yang ada sebelum menampilkannya di search engine google.
Anda bingung dengan tutorial yang cukup membingungkan ini?,,,,,semoga saja tidak he he....
