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),maaf saya tidak membahasnya.
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....
[sumber]
0 Response to "Cara menampilkan bintang di hasil pencarian Google"
Posting Komentar
Terimakasih^^