Kali ini Opic Blog akan membahas tentang header blog yang lebih valid di rich snippet, mungkin postingan yang kemaren tentang kerangka template schema.org / webmaster saya rasa belum sempurna kali ini saya akan menyempurnakan nya biar blog kita lebih ramah di google search engine (SE). gambar di atas adalah bukti hasil penyempurnaan pada bagian header di mata rich snippet. klik gambar untuk memperjalas gambar dan Inilah langkah langkah nya.
sepenggal kode html header di bawah ini sering kita jumpai pada template bawaan blogger maupun template hasi editan perhatikan baik baik html nya:
1234567891011<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<b:include name='title'/>
</a>
</h1>
</div>
<b:include name='description'/>
</div>
Di sini saya hanya menyelipkan sedikit markup itemprop untuk bisa memunculkan di rich snippet tool. bila header blog sobat seperti di atas dan pengen valid di rich senippet silahkan ganti dengan kode html di bawah ini
12345678910<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a class='title' expr:href='data:blog.homepageUrl' itemprop='url'>
<b:include name='title'/></a>
</h1>
</div>
<b:include name='description'/>
</div>
Untuk lebih membuktikan silahkan sebelum penggantian alangkah lebih baik cek dulu di rich snippet tool. biar tahu sebelum dan sesudah penggantian kode html tersebut. Semoga saja dengan blog yang valid, blog kita di sayang sama mbah google.Seperti biasa saya tunggu saran dan kritik nya... terima kasih...
akhirya baru bisa pertamax mas taufik :-d :-d :-d
BalasHapussoal Valid memang harus mas thanks for sharing mas ftaufik :-d
sama sama mas :-d
HapusPerlu dicek juga nih blog saya :) makasih sharingnya...
BalasHapussilahkan mas, terima kasih :)
Hapusterima kasih mas, saya hanya pengen yang simpel2 aja :-d
BalasHapusmaksud nya kalimat yang mana ya? :p :(
BalasHapustak kasih gocap,,, kasih tau ya... :D
BalasHapusPertama-tama Saya Ucapkan Terimah Kasih Banyak Kepada Mas Opic Telah Meminjamkan Logonya,Sekarang Mas Sudah Bisa Menggunakan Kembali Logo Tersebut :D :-d
BalasHapussebelum dan sesudah nya saya ucapkan terima kasih mas heakal :D :-d
Hapusmaaf mas kalau punya saya kaya gini, biar valid di rich senippet, gimana apa perlu di ubah atau ditambah :
BalasHapuscoba mas alex ganti dulu dengan kode html yang di atas, kalau masih belum valid coba ganti dengan yang di bawah ini
BalasHapus
wah keren nih sudah lama tak oprek template :D makasih gan
BalasHapussaya juga terima kasih atas kunjungan nya
Hapusalhamdulillah milik ane dah valid Mas :-d
BalasHapussyukur dah kalo gitu :-bd
Hapustapi kang, kalo di html5 gak valid "The itemprop attribute was specified, but the element is not a property of any item."
BalasHapusIni sampel schema header yang valid:
Hapusterima kasih mas taufik sudah ikut membantu saya dalam menjawab pertanyaan :-d
Hapuskurang paham tp berusaha tuk memahami.., salam kenal *smile
BalasHapussalam kenal kembali mas rohis
Hapuskasih tau ga ya.... :D
BalasHapussilahkan mas :)
BalasHapushehehe
murid yang baik pasti di kunjungin oleh gurunya ^_^ hehehe
BalasHapusperlu di coba nih.. makasih mas Karim :)
BalasHapusmas...saya dapet masalah nih... setiap kali saya mau bagikan postingan di google +, malah keluar pesan "Post anda tidak dibagikan. Coba lagi." itu setiap kali mau saya bagikan tidak bisa sama sekali malah keluar pesan gitu, saya coba lagi, sama saja gk bisa saya bagikan, tolong kasi solusinya mas !!!!
BalasHapusscreentshotnya kyk gini mas :
https://lh3.googleusercontent.com/-8SQvzOjx3tw/UqM-uy2IOTI/AAAAAAAACL4/cdRoe-8683M/s613/Untitled.jpg
pengaturan ini sudah belum?
Hapushttp://3.bp.blogspot.com/-cBnN019_Y90/UqW_GfwhLqI/AAAAAAAAAvA/ggTNjTTW_CQ/s1600/komentar.jpg
di dalam pengaturan tersebut ada 3 pilihan