Solusi untuk Gambar Thumbnail Yang Tidak Muncul di AMP HTML

    Maklum, waktu itu saya baru saja belajar membuat template AMP, sehingga mengalami banyak sekali masalah setelah mengubah dari HTML biasa ke AMP HTML. Salah satu masalah yang saya hadapi dan sempat bingung mencari solusinya ialah gambar thumbnail yang tiba-tiba menjadi hilang setelah mengganti tag img.

    Seperti yang anda ketahui, bila anda ingin menggunakan AMP maka harus mengganti seluruh tag img menjadi valid AMP, yaitu amp-img. Agak repot memang, karena kita harus menggantinya manual dan mengedit postingan satu per satu.

    Nah setelah mengganti tagnya menjadi amp-html, tentu saja gambar thumbnail di template akan menjadi blank/terus loading, karena thumbnail hanya bisa menampilkan gambar dari tag img saja.

    Cara mengatasinya cukup mudah saja, pertama silakan anda edit postingan yang bermasalah tadi, masuk ke mode HTML (sebelahnya mode Compose), lalu masukkan script ini di line paling atas:

    <noscript>
     <img src='../link-gambar.png' alt='gambar' />
    </noscript>

    Sehingga kurang lebih bentuknya menjadi seperti ini:

    Noscript + IMG

    Silakan anda ganti a dengan link dari gambar yang ingin anda tampilkan pada thumbnail, usahakan link yang berakhiran png atau jpg.

    Lalu, tekan perbarui, dan lihat hasilnya.