Breadcrumb Valid Tapi Tidak Terbaca Google? Ini Kesalahan Umum dan Solusi Nyatanya!
Kamu sudah menambahkan breadcrumb JSON-LD di template Blogger dan Google bilang "Valid" di Search Console? Tapi... kenapa tidak muncul juga di hasil penelusuran?
Jawabannya bisa mengejutkan: valid secara struktur bukan berarti terbaca oleh Google.
Masalah Umum: Tag Tidak Tersubstitusi
Sering kali template menggunakan tag seperti:
<script type="application/ld+json">
{
"name": "<data:post.title/>",
"item": {
"@id": "<data:post.url/>"
}
}
</script>
Kelihatannya bagus, tapi pada banyak template Blogger:
- Tag
<data:post.title/>dan<data:post.url/>tidak bisa diproses saat berada di bagian<head>. - Akibatnya, yang tampil di HTML hanyalah placeholder kosong atau komentar error.
- Google tidak bisa membaca nama postingan, sehingga breadcrumb tidak muncul.
Solusi: Tempatkan Setelah <data:post.body/> atau Sebelum </body>
Untuk memastikan semua data postingan sudah tersedia dan bisa disisipkan ke dalam JSON, letakkan kode berikut setelah tag <data:post.body/> atau tepat sebelum </body>.
<b:if cond='data:blog.pageType == "item"'>
<script>
var breadcrumbJson = {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Beranda",
"item": {
"@type": "Thing",
"@id": "<data:blog.homepageUrl/>"
}
},
{
"@type": "ListItem",
"position": 2,
"name": "<data:post.title/>",
"item": {
"@type": "Thing",
"@id": "<data:post.url/>"
}
}
]
};
var script = document.createElement('script');
script.type = 'application/ld+json';
script.text = JSON.stringify(breadcrumbJson);
document.head.appendChild(script);
</script>
</b:if>
Dengan cara ini, Google akan benar-benar membaca isi name dan @id dari breadcrumb kamu dengan akurat.
Kesimpulan
- Meletakkan breadcrumb JSON-LD di
<head>memang valid, tapi sering gagal membaca data Blogger. - Solusi paling efektif adalah meletakkannya setelah
<data:post.body/>, di mana semua data postingan sudah tersedia. - Gunakan JavaScript untuk menyisipkan JSON ke
<head>secara dinamis.
Dengan trik ini, akhirnya breadcrumb kamu akan benar-benar terbaca Google dan muncul di hasil penelusuran seperti seharusnya. Selamat mencoba! 👨💻✨
Comments
Post a Comment