Assalamu'alaikum..
Semangat pagi..
Membuat postingan valid AMP di template AMP memang tak semudah membuat postingan di blog Non AMP, postingan blog Non AMP pada platform Blogger.com cukup menggunakan metode tampilan menulis seperti layaknya menulis tanpa harus memasukkan beberapa kode yang khusus untuk postingan AMP.
Berbeda lagi ketika menulis di postingan blog AMP di template AMP, metode menulis harus menggunakan tampilan html , dan wajib meletakkan kode tertentu agar terdeteksi valid AMP saat melakukan pengujian halaman AMP.
Untuk menghindari tidak validnya halaman AMP , hapus penggunaan kode javascript termasuk script onclick di template AMP , karena Google AMP mengharamkan penggunaan kode javascript di template AMP. 😅
Hindari penggunaan <div=style"text-align:justify;"></div> di postingan.
Jangan menggunakan style <img alt= , ganti menjadi <amp-img alt= agar tidak terjadi error validasi AMP .
Buatlah setidaknya sebuah catatan tersendiri untuk membuat postingan agar valid AMP yang berisikan :
Contoh :
Gambar valid AMP :
<amp-img src="URL-GAMBAR"
width="1080"
height="610"
layout="responsive"
alt="NAMA GAMBAR" ></amp-img>
atau menggunakan
<amp-img alt='NAMA GAMBAR'
height='640'
layout='responsive'
src='URL-GAMBAR'
width='800'>
</amp-img>
Video YouTube valid AMP :
<amp-youtube width="480" height="270" layout="responsive" data-videoid="ID VIDEO"> </amp-youtube>
Tentukan lebar dan tinggi gambar sesuai tampilan yang anda inginkan.
Lakukan tinjauan hasil postingan sebelum anda publikasikan.
Selamat berkreasi..
Semoga bermanfaat..
Semangat berbagi..