Warning: At Least One Field Hcard | Memperbaiki Struktur Data Rich Snippet - D-Copy Blog | Hai sobat blogger, pada tutorial sebelumnya bagaimana membuat rich snippet di blogger, namun pada kesempatan ini saya akan memberitahukan bagaimana memperbaiki strukstur data rich snippet yang error.
Mulai dari memperbaiki :
- Warning: Missing required field "updated"
- Warning: Missing required field "name (fn)"
- Warning: Missing required hCard "author"
Langkah Memperbaiki Missing required field "updated" :
- Backup dahulu template Anda
- Cari kode yang mirip dengan kode dibawah ini
<b:if cond='data:post.hasJumpLink'>3. Pastekan kode dibawah ini diatas pada kode diatas :
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<a class='updated' href=' http://URL_Blog.blogspot.com/ ' rel='bookmark'> Nama_Lengkap_Blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>4. Dan hasilnya akan seperti ini :
<a class='updated' href=' http://URL_Blog.blogspot.com/ ' rel='bookmark'> Nama_Lengkap_Blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>5. Save template Anda
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Langkah Memperbaiki Warning: Missing required field "name (fn)" :
hcard errors = Missing required field "name (fn)" biasanya terjadi dikarenakan kita membuat Komentar Reply pada blog kita di postingan dan bukannya pada kolom komentar yang seharusnya berbeda.Solusi pertama adalah dengan mengganti Kode Komentar Reply yang bukan bawaan Blogger dengan Kode komentar bawaan Blogger, search aja di Google banyak sekali tutorialnya.
Solusi kedua adalah dengan menambahkan kode berikut :
<div class='vcard' id='hcard- NAMA ANDA'>Tepat di bawah kode
<span class='fn n'>
<span class='given-name'>Posted by: NAMA ANDA</span>
</span>
</div>
<a class='updated' href=' http://SITUS ANDA.blogspot.com/ ' rel='bookmark'> TITLE SITUS ANDA, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>Dan coba test di Rich Snippets Testing Tool, Apakah masih error..???
Langkah Memperbaiki Missing required hCard "author" :
- Pada langkah 3 diatas, pastekan kode dibawah ini :
<div class='vcard' id='hcard- Nama_Anda'>2. Pastekan kode diatas pada kode dibawa ini :
<span class='fn n'>
<span class='given-name'>Posted by: Nama_Anda</span>
</span>
</div>
<b:if cond='data:post.hasJumpLink'>3. Save template Anda
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Jika anda sudah memasang Cara mengatasi Warning: Missing required field "updated" pada blogspot blogger maka code di atas tadi simpan di atasnya atau hasil lengkapnya akan seperti ini
<!-- dibawah adalah code untuk megatasi Hcard -->Sekian beberapa tips dan trik yang telah saya gunakan dan terbukti berhasil.
<div class='vcard' id='hcard- Nama_Anda'>
<span class='fn n'>
<span class='given-name'>Posted by: Nama_Anda</span>
</span>
</div>
<!-- dan yang di bawah ini code mengatasi field update -->
<a class='updated' href=' http://Nama_Blog.blogspot.com/ ' rel='bookmark'> Nama_Blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Artikel Bagus mas .. :D
ReplyDeleteThanks ya..
info yang bagus untuk pemula seperti saya yang masih awam tentang kode html.semoga aku cepat belajar dan cepat ngerti
ReplyDeletesalam kenal dari saya gathot
www.indonesiabeautyful.com
kalo kode (b:if cond=data:post.hasJumpLink)di template tidak ada simpannya dimana?
ReplyDeleteKalau di template saya, tepat dibawah [code]<data:post.body/>[/code]
Deleteterima kasih
ReplyDelete