Mengatasi Not Valid AMP Pada Postingan Template Blogger

Gambar Oleh Trikid.me
Assalamu'alaikum Wr. Wb
Beberapa hari yang lalu, saya baru saja membeli template AMP. awal-awal saya pasang di Blog template berjalan baik, dan ketika saya tes di https://search.google.com/test/amp template amp saya berjalan normal. dan google menyatakan template saya valid amp. seperti gambar di bawah ini.

Keterangan Valid AMP dari Google
Namun, setelah saya memposting tulisan baru saya, dan saya cek kevalidan postingan saya, ternyata postingan saya di anggap tidak valid amp. dan google menilai ada kesalahan kode. sehingga template AMP yang saya gunakan menjadi tidak valid. sehingga keluar seperti ini.

Keterangan Google
Ini bertanda ada salah satu kode AMP yang tidak valid. dengan kata lain, kita menggunakan kode biasa saat memposting dengan template AMP, sehingga menimbulkan eror. hal ini terjadi karena struktur template AMP dan Template Biasa itu berbeda. di AMP kita tidak bisa menggunakan kode java script. dan ketika menggunkan Template AMP kita tidak bisa menggunakan sembarang kode. jika kita menggunakan sembarang kode, maka hasilnya seperti gambar di atas.

Seperti yang kita ketahui, template AMP adalah template yang memilki kecepatan load yang sangat cepat, sangat Mobile friendly dan ramah di mesin pencari. selain ramah, template ini juga sangat cocok untuk mendaftar Google adsense. jika kamu sudah sering di tolak adsense, munkin template ini bisa menjadi pilihan.

Nah disini saya akan membahas kode dasar dalam membuat postingan di template AMP, tidak sembarang kita bisa dengan mudah posting di Template AMP. ada beberapa kode khusus yang harus di gunakan.

jika kamu adalah pemula, saya sarankan janganlah menggunakan template ini, karena template ini butuh pengetahuan yang dalam. tapi jika kamu ingin belajar tidak menjadi masalah. 

Nah inilah kode dasar saat kita membuat tulisan di Template AMP.

1. Menyisipkan Gambar Thumbnail/Featured

<noscript><img alt="Accelerated Mobile Pages" width="600" height="350" src="http://url-gambarmu.com/gambar . png" title="Accelerated Mobile Pages" /></noscript>

2. Menyisipkan gambar ke dalam Posting

<amp-img alt="Accelerated Mobile Pages" height="300" layout="responsive" src="http://url-gambarmu.com/gambar .png" width="430"></amp-img>

3. Video Youtube Valid AMP

<amp-youtube data-videoid="i7wveOu5hkQ" height="270" layout="responsive" width="480"></amp-youtube>
Keterangan :

123weweresr = Ganti dengan ID Youtube yang kamu gunakan.
width="430" = Ukuran di sesuaikan.

Nah itulah kode yang seharusnya kamu gunakan ketika kamu menggunakan template AMP, saya rasa jika ini di terapkan dengan baik, maka template AMP kamu tidak akan bermasalah. 

Perlu di ingat juga, ketika menggunakan kode ini pastikan memasukannya pada mode HTML.

Oleh Ttikid.me

Itulah yang bisa trikid bagikan kali ini. jika ada pertanyaan silahkan tanyakan di komentar. semoga bermanfaat. Wassalamu'alaikum Wr. Wb