Cara Mengatasi Error <script type='application/ld+json'> di Template AMP Blogger
Buat kamu yang pakai template AMP di Blogger, pasti pernah ngalamin error saat memasang kode structured data JSON-LD. Error ini biasanya muncul di <script type='application/ld+json'> dengan pesan seperti: “Teks di dalam tag 'script type=application/ld+json' berisi HTML comments, dan hal itu tidak diizinkan”. Masalah ini bikin blog gagal valid AMP, bahkan bisa berdampak ke SEO karena Google tidak bisa membaca structured data dengan baik. Nah, artikel ini akan bahas penyebab, solusi, dan tips biar blogmu tetap valid AMP.
Penyebab Error JSON-LD di AMP Blogger
Kenapa error ini bisa terjadi? Jawabannya sederhana. Biasanya kita memasukkan elemen <data:post.snippet/>, <data:post.body/>, atau kode dinamis lain ke dalam JSON-LD. Masalahnya, elemen tersebut sering mengandung HTML tersembunyi seperti komentar (<!-- -->) atau tag HTML kecil yang tidak kompatibel dengan format JSON. Alhasil, validator AMP langsung menolak kode tersebut.
Selain itu, ada juga kasus di mana kita menggunakan tanda kutip ganda yang tidak di-escape dengan benar, sehingga JSON-LD dianggap rusak. Intinya, error ini muncul karena kode yang dimasukkan ke dalam JSON-LD bukan murni teks.
Cara Mengatasi Error JSON-LD agar Valid AMP
1. Gunakan b:eval untuk Membersihkan Output
Salah satu solusi termudah adalah mengganti <data:post.snippet/> dengan <b:eval expr='data:post.snippet'/>. Bedanya, b:eval akan menghasilkan teks polos tanpa menyertakan HTML tersembunyi. Contoh penggunaannya:
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "<data:post.title/>",
"datePublished": "<data:post.timestampISO/>",
"dateModified": "<data:post.lastUpdatedISO/>",
"author": {
"@type": "Person",
"name": "Bikars Creativ"
},
"publisher": {
"@type": "Organization",
"name": "Bikars Creativ"
},
"description": "<b:eval expr='data:post.snippet'/>"
}
</script>
Dengan cara ini, error HTML comments bisa dihindari karena hanya teks bersih yang masuk ke structured data.
2. Hindari Field yang Rawan Error
Kalau setelah pakai b:eval masih gagal, sebaiknya jangan masukkan field yang berisiko, seperti snippet atau body. Gunakan field aman seperti:
- headline → judul artikel
- image → gambar utama
- datePublished → tanggal postingan
- dateModified → tanggal update
- author → nama penulis
- publisher → identitas blog
Dengan begitu, JSON-LD tetap valid meskipun lebih sederhana.
3. Gunakan Microdata sebagai Alternatif
Kalau kamu udah pusing dengan error JSON-LD, tenang. Ada solusi lain, yaitu pakai microdata langsung di HTML. Caranya adalah menambahkan atribut itemprop ke elemen-elemen penting. Contoh:
<div itemscope itemtype="https://schema.org/NewsArticle">
<h1 itemprop="headline">Cara Mengatasi Error JSON-LD di Blogger AMP</h1>
<span itemprop="datePublished">2025-09-20</span>
<span itemprop="author">Bikars Creativ</span>
</div>
Memang sedikit lebih ribet, tapi cara ini lebih stabil dan jarang bikin error di AMP.
Manfaat Memperbaiki Structured Data
Kenapa kita harus repot-repot memperbaiki error ini? Jawabannya karena structured data yang valid bikin blogmu:
- Lebih SEO-friendly: Google bisa menampilkan rich result di SERP.
- Cepat: validasi AMP bersih bikin halaman lebih ringan.
- Terpercaya: pengguna lebih yakin dengan website yang tampil rapi di hasil pencarian.
Bayangin aja kalau artikelmu muncul di Google dengan thumbnail, tanggal, dan nama penulis. Jelas lebih menarik dibanding artikel biasa kan?
Kesimpulan
Error <script type='application/ld+json'> di Blogger AMP memang bikin ribet, tapi bisa diatasi dengan cara sederhana. Gunakan b:eval untuk membersihkan snippet, hindari field berisiko, atau gunakan microdata sebagai alternatif. Dengan structured data yang valid, blog kamu bukan cuma lolos validasi AMP, tapi juga punya peluang lebih besar tampil di Google dengan tampilan rich result.
👉 Baca juga :
💬 Comments Facebook