 |
Pastikan sobat sudah memiliki/mengaktifkan akun di google+. Lebih bagus lagi sudah mengalihkan profil blogger ke Google+. Jika sudah, pastinya sudah memiliki url yang mengarah ke akun G+ seperti punya saya;
https://plus.google.com/107561256437547076640Buka template dan expand. Letakkan kode berikut dibawah kode <head> atau lebih tepatnya di deretan kode meta template sobat.
<link href="https://plus.google.com/107561256437547076640" rel="author"></link>Ganti kode yang berwarna merah dengan kode id profil google+ sobat. Untuk perbandingan tempat meletakkannya silahkan "intip" page source blog ini.
Letakan kode berikut tepat dibawah kode <body> template.
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>Letakan kode berikut tepat diatas kode </body> template.
</div>Selanjutnya, cari kode HTML judul postingan seperti berikut didalam template.
<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'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3>Jika sudah ketemu, maka tambahkan kode berwarna merah seperti dibawah ini:
<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'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3></span></span>Perlu di perhatikan: Kode <h3> sebagai heading untuk judul posting bisa berbeda-beda pada setiap template. Khususnya template yang sudah di optimasi atau oprekan sendiri. Seperti template Iskaruji dot com justru menggunakan tag <h1> untuk judul postingan. Jadi silahkan sesuaikan dengan tag heading judul post sobat.
Cari kode berikut di dalam template sobat:
<span class='fn'><data:post.author/></span>Jika sudah ketemu, maka tambahkan kode berwarna merah seperti dibawah ini:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>Perlu diperhatikan: Setidaknya kode author diatas ada dua didalam template. Pastikan sobat meletakkan kode merah di author yang bukan untuk mobile-post.
Untuk pemasangan rating otomatis biar kelihatan seperti "Hotel Bintang 5"...hehe.[Cinta Deras:Mode On], bisa juga diletakan menyambung dari kode author diatas. Pada template blog Iskaruji dot com ini saya letakkan setelah timestamp. Silahkan tambahkan kode berwarna hijau seperti berikut:
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></b:if></span><span itemprop="rating">4.5</span>Maksud angka 4.5 bisa di baca di postingan tool narsis google sebelumnya.
Bila semua langka diatas sudah dilakukan, coba Preview terlebih dahulu sebelum save template. Jika tdak ada masalah, silahkan save template sobat.
Selanjutnya silahkan kunjungi http://www.google.com/webmasters/tools/richsnippets dan masukkan url blog sobat. Jika tampilan sudah "se-narsis" screenshoot dibawah ini, berarti percobaan kita berhasil. Hotel bintang lima-nya baru akan efekti pada post terbaru setelah menerapkan cara Cara Menampilkan Rating Bintang di Hasil Pencarian Google.
Untuk menampilkan foto author blog dihasil pencarian, sementara belum terlalu narsis karena hanya bisa dilihat dari google.com. Insya Allah jika nafas masih gratis akan segera diposting.Sumber tips ini sebenarnya banyak. Silahkan cari di google dan pastinya berbeda dengan yang sobat baca sekarang. Terpaksa berbeda karena tips yang saya baca tidak berjalan di template Iskaruji dot com ini setelah dipraktekkan. Bagi sobat lain yang juga tidak berjalan setelah membaca cara disini, cobalah untuk mencari referensi lain yang sesuai dengan struktur dan optimasi template Sobat. Dan disini saya merekomendasikan tips yang ada di HTC Hidden Technology Community. Mungkin berbeda dengan yang ada disini, tapi setidaknya bisa menjadi referensi tambahan.
Happy Blogging!
51 comments
banyak juga yang di ganti... tapi buat percobaan... nggak sukses ya upload template lagi..
@agusbg
Di coba aja dulu Sob sambil baca referensi lainnya...thanks
Wah ini yang saya cari bang saya suka ngiler kalo liat blog yang make gituan heh ntar saya coba deh bang
kalau buat wp gimana mas.,?? aku kan pengguna wp., hehe.,
kalau ginikan lebih keren akan ada bintang bintang dalam pencarian di SE langsung ane praktekin om
hehe balik lagi ne.. dah saya coba tapi di profile plus google punya saya di situsnya setelah angka itu ad "id" itu semuanya apa sampai angka aja, apa kayak contoh di atas.. waktu saya coba webmaster mau sih.. tapi di bagian agak bawah pesannya gini : Error: No link to the URL's parent site found. You must add this link to either the Other profiles or Contributor to section of your Google Profile, gimana mas bro kira kira apanya tuh..
Waduh, panjang juga mas tuh langkah-langkah.....?
Bookmark dulu ah, mau ke alam mimpi dulu....
Nice share, mas....
@All
Lanjutkan...termasuk Pak Yadi. Bobok dulu..hehe. Tuk sobat Agusbg sepertinya akun profil g+ nya tidak lengkap Sob..coba usahakan untuk melengkapi seperti punya saya, khususnya padaftar contributor to Disitu wajib nangkring blog sobat yang ingin dikasih bintang atau foto nantinya...dicoba dulu..Silahkan masukannya...nanti besok bisa kita lanjutkan lagi sampe teler...haha.
oh ya..tuk sobat djawa, beribu maaf Sob..tuk blogspot aja dah keringatan gini, apalagi wordpress..haha.. lanjutkan..good noght!
Langsung aja dipraktekin dah.
Dari dulu dapat ilmu banyak disini. :)
masih sama gan, di webmaster dah ok, tp di serp sama aja, gak nongol. wah, mutung aku mas. haha
wah jadi terlihat keren di SERP , ane coba dulu masbro
Ane gagal Gan.kenapa yach? Temolate ane kodenya sudah bersatu karena kompres,jadi puyeng ach,hehe.
Makasih dah di share,bookmark aja dulu,thanks ya,happy bloging.
Waahh keren juga sobat,,,,tapi langkah-langkahnya panjang amat sobat punyeng kepalaku..hehhehe
Nice post dhe buat sobat.... :D
wow sharingnya mantab banget ne.dan boleh lansng di coa. krena selain tampil keren,rating bintang di pencarian google ini mungkin juga bagus traffic. karena pengunjung pasti lebih suka klik yang unik.. thanks sob. happy blogging
@Hacc
lanjutkan Sob...Thanks
@sejuta trik blogger
hehe...biasanya setelah update baru nongol Sob..thanks
@Mbah Qopet
Lanjutkan Sob
@Raihan Mar'ie Ramadhan
Di coba lagi Sob...template kita sama jadi pasti cocok..mungkin karena dah ngantuk aja...haha. Thanks
@Hairun Nisya
Habisnya tips yang pendek gak ada...hehe. Thanks
@Wisata Murah
Sekedar iseng Sob...tapi masuk akal juga...apalgi kalo bisa blink2...haha. Thanks
nice info, tapi ternyata saya masih sulit untuk mempelajarinya, semoga di lain waktu postingan yang lebih jelas lagi ,,,,
nice info gan ,,,,
terlihat lebih keren di search engine jika ada bintang-bintangnya,,, tapi ini gak bikin berat blog dan membuat error template gak sobat???
pengen pasang tapi takut klo nambah error template sobat...
wah soabt punya trick hebat ya -_-" tapi akunya masih bingung sob :(
@Andre Eka
Sorry Sob..paling sulit nulis ya nulis tutorial...haha. Thanks
@Asis Sugianto
Jangan Sob...template tambah error. Saya aja nambah 3 error...thanks
@Muhammad Rahman Arif
Coba baca sumbernya Sob..kali aja lebih tidak membingungkan ...hehe. Thanks
tetep nggak biasa om, nyerah deh.. HTC sudah saya kunjugi dan coba ikuti, tapi tetep di cek ada error..
@agusbg
ini Sob permasalahannya..terbaca di rich snippet link authornya ternyata masih blogger. Gue akui, banyak sekali kekurangan dari penulisan tutor yang ada disini. Jgn putus asa dulu. coba alihkan profil blogger menjadi profil G+. Aku liat juga ada kesalahan penulisan link g+ di meta. coba liat lagi. kurang koma aja dikit jadi error..dicoba Sob dan lanjutkan diskusinya...thanks
ok om dah bisa, saya tulis ulang di authorya.. saya lupa salahnya dimana abisnya saya ganti ganti teksnya.. makasih banyak om iska..
saya telah menerapkan gan,,
kerennnnnnn miz mw nyobaaaaaaaaaa hahahahahhaha
ada masalah mas Letakan kode berikut tepat dibawah kode body template. kode tersebut nggk ada d blog aq....jadi harus gmn
sip bang ane berhasil....
ternyata buat referensi mah mungkin rujukan bagi pemula mungkin lebih simple dengn cara yang ini bang...
makasih gan, nice share!!
Ane berhasil :)
sudah mas muncul ranting bintang nya cuma ada error seperti ini Warning: Missing required field "name (fn)". mohon pencerahan dari suhu karena saya cek punya iskaruji dot kom tidak ada warning nya? thanks
@Raihan Marie Ramadhan
1. Solusi Warning: Missing required hCard "author". Coba terapkan dulu cara menampilkan author blog di search engine. Walupun punya sobat dah aktif, tapi masih menampilkan merah di tool snippet
2. Warning: Missing required field "updated" Cari kode <span class='post-timestamp'> dan ganti dengan <span class='updated'>
Sementara itu dulu...Thanks
Masih terkait dengan content http://website-download.blogspot.com dan arti kejujuran seorang blogger.setelah lihat posting ini,saya mengerti maksud sobat. Pencantuman sumber tidak mengurangi nilainya adalah benar adanya. Trims sobat.
Bang.. sebenarnya saya ingin coba nih nampilin rating bintang di search engine. tapi blog saya pake wordpress gimana caranya nih bang?
@Mitospedia
Beribu maaf Sob...nilai PhP gue 0 besar..sudilah tuk mencari referensi lain...thanks
Thanks neh udah berhasil kayaknya, soalnya ndak error, tapi pake tutorialnya perpaduan antara htc ama disini mas...
Bang kalau untuk masalah ini gimana nih? di snippet tool nya ane ada warning kyk gini
Warning: Missing required field "entry-title".
Warning: Missing required field "updated".
@Mitospedia
setelah saya cek, sepertinya penerapan di blog sobat berbeda dari yang saya terapkan di melalui artikel ini..di tips ini tidak menggunakan rel='me'...thanks
Udah resolved gan... tapi yang blogspot. yang WP blm ane otak atik. :D hehehe
@Mitospedia
lanjutkan Sob...thanks
terimakasih banyak sobat.. tpi kalo di wordpress gimana yah..??
@EKO PRIYANTO
Diluar pemahaman saya Sob...sudilah mencari referensi lain...thanks
INFO MENARIK SOBAT...UDAH SAYA TERAPKAN TAPI gak berhasil...masalahnya sama sperti Raihan Marie Ramadhan...jawaban anda sudah saya terapkan tapi jg belum berhasil...salam blogger.
wah bagus juga nih gan...
Manteb Mas ... makasih
Sudah saya terapkan di save aman,tapi bintangnya gak nongol...
home page sudah ok tapi pas cek pake permalink muncul hcard errors = Missing required field "name (fn)"
udah stuck nih saya masbro ada saran?
@Yudy Ananda
Saya cuma bisa menyarankan tuk deatil mengikuti langkah diatas. Fn biasanya ada dua dalam template. satu tuk web satu tuk mobile. kemungkinan yang ditandai adalah mobile...thanks
Manteb banget sob,, makasih bnyak infonya...
Zessss... berhasil sob.. makasih banyak
Setelah saya melakukan langkah2 di atas, saya coba masukan salah satu link artikel di blog saya di situs http://www.google.com/webmasters/tools/richsnippets dan hasilnya pun seperti screenshot di atas. Tapi pada saat saya coba cek salah satu judul dari artikel saya di pencarian google, kok belum muncul bintangnya ya. Malah di atas kepalaku kurasa muncul bintangnya coz agak pusing otak atik otak kode template blog. Hehehehee
@Agung Talaga
Butuh waktu untuk google meng-crawl semua artikel kita disearch agar nongol bintangnya...seperti blog ini juga butuh waktu awalnya hingga 1 bulan agar bia nongol. Kep on posting nanti lama2 nongol sendiri...thanks
mantap artikelya mas..
langsung di coba...
makasih mas,saya akan coba mudah mudahan sukses ^_^