Senin, 04 Februari 2013

Warning: At Least One Field Hcard | Memperbaiki Struktur Data

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.




Google Strucsure Data Testing Tools


Mulai dari memperbaiki :
  1. Warning: Missing required field "updated"
  2. Warning: Missing required field "name (fn)"
  3. Warning: Missing required hCard "author"

Langkah Memperbaiki Missing required field "updated" :

  1. Backup dahulu template Anda
  2. Cari kode yang mirip dengan kode dibawah ini
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if> 
     3.  Pastekan kode dibawah ini diatas pada kode diatas :
<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>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if> 
     5.  Save template Anda

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'>
<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>
Tepat di bawah kode
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Dan coba test di Rich Snippets Testing Tool, Apakah masih error..???

Langkah Memperbaiki Missing required hCard "author" :

  1. Pada langkah 3 diatas, pastekan kode dibawah ini :
<div class='vcard' id='hcard- Nama_Anda'>
<span class='fn n'>
<span class='given-name'>Posted by: Nama_Anda</span>
</span>
</div>
     2. Pastekan kode diatas pada kode dibawa ini :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if> 
     3.  Save template Anda


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 -->
<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 + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Sekian  beberapa tips dan trik yang telah saya gunakan dan terbukti berhasil.

0 komentar:

Posting Komentar