TutorialMixs - Pada kesempatan ini aku akan membahas mengenai Bagaimana Cara Memperbaiki Structure Data Hatom Error pada blogger [Cara Update]. karena aku merasa ini adalah hal yang salah satunya paling penting dan harus di perhatikan dalam pembuatan blog. Terlabih jika kita baru saja mengganti Template blog kita. Penerapan structure data hatom ini mempunyai andil besar dalam susunan dan hasil index kita (crawl fix). Jadi sekali lagi jangan abaikan masalah ini.
Walaupun untuk saat ini sudah banyak penyedia template tak berbayar yang memberi hasil terbaik dari structure ini. tapi ingat structurenya juga kadang tidak menjamin kualitas seo yang baik dengan memberikan dampak yang baik pula, terlebih jika kita menggunakan template gratisan alias free, jadi prinsipnya, mereka (penyedia template gratisan) yang di share otomatis tak mau memberikan structure yang benar-benar fix sesuai dengan standard google dengan kualitas seo dan meta terbaiknya. Jadi ini tugas kita untuk memperbaiki sususan meta seo ataupun sususan strucrure di data hatomnya.
Oke untuk singkat kata agar topik inti ini tidak panjang lebar, silahkan anda cek terlebih dahulu sususan structure template kita di Structure Data Testing Tool (jika anda masih melihat error dengan tanda tulisan merah, berarti ini tugas kita untuk memperbaiki structure yang error ini)
untuk tahapan demi tahapannya, berikut tutorialnya:
Cara memperbaiki hCard error
1. Masuk saja ke Blogger > Template
2. Backup template (untuk pemula seperti saya)
3. Click "Edit HTML"
4. Silahkan cari kode berikut
<span class='post-author vcard' >5. langkah selanjutnya silahkan ganti kode di atas dengan kode berikut ini: (batas awal dan akhirnya aku kasihkan warna orange)
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn author'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span itemprop='name'><data:post.author/></span></span>
</b:if>
</b:if>
</span>
sebenernya langkah yang kedua mempunyai susunan hampir sama, yang saya kasih warna biru muda itulah yang membedakan dari susunan sebelumnya.
6. Langkah selanjutnya silahkan simpan saja template sobat
7. Test lagi di sini Rich Snippet Testing Tool
jika strukturanya sperti image di bawah ini, insysAllah settingannya sudah menjurus benar he,e.
Cara memperbaiki Update Error
Jika ada pesan dalam Testing Snippets Error Missing:updated error, berikut ini adalah cara memperbaikinya cari tulisan atau kode script
<data:post.timestamp/>
lalu ganti kode di atas dengan kode script berikut ini:
<span class='updated'><data:post.timestamp/></span>
untuk langkah memperbaiki update errornya sudah cukup di sini, lalau simpan saja Save
Cara Memperbaiki entry-title error
Masih dalam template sobat, silahkan cari kode script berikut:
<b:if cond='data:post.title'> <h3 class='post-title'>
untuk kasus terbanyak susunannya akan seperti ini (template lama)
<h2 class='post-title'>
Jadi silahkan ganti kode script di atas dengan kode script di bawah ini:
<b:if cond='data:post.title'> <h3 class='post-title entry-title'>untuk langkah selanjutnya silahkan simpan template anda..
soo,,, cukup sudah bagaimana cara memperbaiki structure error data hatom ini, semoga bermanfaat buat anda..
salam blogger
3 komentar
Write komentarsangat membantu gan,
Replyterima kasih banyak atas ilmunya...
terimakasih kembali mbak..
Replyhappy blogger
terimakasih sudah berbagi ilmu
Replysolder uap
EmoticonEmoticon