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:
<!--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
<!--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 :)
Hapuspenjelasannya sangat lengkap.. thanks mas :-d :-d
BalasHapusterima kasih mas, saya hanya pengen yang simpel2 aja :-d
HapusApakah dari maksud ini?
BalasHapusSepertinya saya harus lebih banyak belajar dari mas taufik :)
maksud nya kalimat yang mana ya? :p :(
HapusKasih tau engga ya? :D
Hapustak kasih gocap,,, kasih tau ya... :D
HapusPertama-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 :
BalasHapus<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
coba mas alex ganti dulu dengan kode html yang di atas, kalau masih belum valid coba ganti dengan yang di bawah ini
BalasHapus<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<a class='title' expr:href='data:blog.homepageUrl' itemprop='url'>
<b:include name='title'/></a>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
Sekarang sudah diganti headernya :D
BalasHapuskasih tau ga ya.... :D
Hapuswah 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:
Hapus<header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<h1>
<a href='#' itemprop='url'>
<span itemprop='name'>Nama/Judul Web</span>
</a>
</h1>
<p itemprop='description'>Deskripsi/slogan web.</p>
</header>
terima 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
Hapusnyimak dulu Mas :)
BalasHapushehehe
silahkan mas :)
Hapushehehe
wah mantap nih, master design ada disini :)
Hapusmurid yang baik pasti di kunjungin oleh gurunya ^_^ hehehe
Hapusperlu 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