Cari File Download Firmware Gratis

Fix Error Template AMP ‘html comments’, which is disallowed.

Artikel ini dibuat saat blog ABIHP masih baru sehingga masih banyak menyesuaikan baik itu dari widget, iklan, sampai template pun masih sering di edit bahkan ditukar. Waktu pertama kali dibuat dan didaftarkan adsense sehingga diterima menggunakan Template Kompi Fleksible v7.00 , tetapi seperti yang saya sebutkan tadi mumpung masih baru maka masih eksperimen mana yang lebih pas lagi.

Sekarang menggunakan template AMP untuk tampilan mobile-nya berhubung dilihat dari blog satunya banyak pengunjung memang dari Android, lebih dari 80% dari browser hp. Tetapi karena pengetahuan edit template sangat minim, maka banyak sekali error yang tidak valid pada awalnya.

Akibat Tidak Valid AMP

Sebenarnya walaupun masih ada error tidak valid AMP tinggal 1 atau 2 buah saja kecepatan loading blog tetap tinggi tetapi tidak akan disimpan di cache nya google, sehingga kalau di test menggunakan Google Insight masih ada banyak sara untuk dilakukan agar lebih cepat lagi untuk tampilan mobile.
Tetapi kalau sudah benar-benar valid sehingga ekstension Validator AMP berwarna hijau, maka halaman kita akan disimpan di cache google yang menyebabkan kecepatan yang timbul saat pembaca masuk ke artikel kita benar-benar sudah standar yang diinginkan oleh Google itu sendiri.

Error ‘html comments’, which is disallowed.

Error ini pertama kali saya lihat saat edit halaman statis seperti halaman Daftar Isi, setelah mengganti scrip daftar isi menggunakan scrip yang valid AMP ternyata pas dicek di validator ternyata masih ada 1 error lagi berwarna merah, sedangkan untuk halaman artikel sudah fix semua berwarna hijau.
Akhirnya didiamkan terlebih dahulu, karena anggapan kalau scripnya masih ada yang tidak valid, nanti saja setelah semua valid baru kembali ke halaman daftar isi.
Nah pas edit salah satu artikel posting ternyata setelah edit muncul error yang sama, yaitu “The text inside tag ‘script type=application/ld+json’ contains ‘html comments’, which is disallowed.
The text inside tag 'script type=application/ld+json' contains 'html comments', which is disallowed.

Penyebab Eror ini

Ternyata dari postingan itulah baru ketahuan penyebabnya, yaitu lupa menambahkan kode Thumbnail untuk postingan. Itu fungsinya untuk thumbnail yang akan ditampilkan seperti di related pos, recent pos, homepage, bahkan untuk di halaman pencarian google.
Nah berhubung tidak dipasang kode itu maka error ini muncul, dan tentu saja kalau di halaman statis seperti Daftar Isi dan lainnya tidak kepikiran untuk memasang kode Thumbnail karena biasanya tidak perlu.

  1. Buka Validatornya pilih Debug
    Cara melihat error amp yang terjadi.
  2. Kelihatan error di scrip Microformat NewsArticle
    Cara melihat error amp yang terjadi.
  3. Cek seluruh isi scrip tersebut, dan kelihatan url untuk gambar thumbnailnya tidak ada
    Cara menampilkan gambar utama biar valid AMP.
  4. Nah sudah jelas penyebabnya

Solusi

  1. Silahkan pasang kode untuk menampilkan  Thumbnail pada setiap halaman yang ada error sama seperti ini, ganti URL-GAMBAR dan ALT-GAMBAR dengan url  dan alt gambar yang akan jadi thumbnail artikel itu.
    <div class="thumb-post">
    <noscript>
    <img src="URL-GAMBAR" width="650" height="350" alt="ALT-GAMBAR"/>
    </noscript>
    </div>
    
  2. Silahkan edit halaman yang error, pilih HTML, lalu masukkan kode tersebut dan jangan lupa ubah url dan alt sesuai dengan gambar yang ingin dijadikan thumbnail sesuai dengan artikel tersebut (mudahnya pakai gambar pertama pada artikel), lalu perbarui
    Paasng kode thumbnail tersebut pada halaman.
  3. Sekarang halaman tersebut sudah warna hijau berarti sudah valid amp
    Cek valid amp pada suatu halaman dengan amp validator.
  4. Selesai
Demikianlah solusi untuk error halaman amp dengan peringatan “The text inside tag ‘script type=application/ld+json’ contains ‘html comments’, which is disallowed.” semoga bermanfaat.

Share Yuk

Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *