Cara Agar Valid AMP untuk Blog Blogspot

Bagaimana Agar Blog CMS Blogger valid AMP?

Seperti yang sudah saya bahas di artikel sebelumnya, memang agak sulit untuk membuat halaman berbasis xml seperti blogger untuk valid AMP. Namun tidak ada yang tidak mungkin di internet, asal berusaha dan sabar. Yuk langsung saja kita bahas satu bagaimana agar halaman blogger kita valid amp.

Menggunakan Template Valid AMP

Cara membedakan template yang menggunakan bahasa HTML khusus AMP sebenarnya tidak terlalu sulit. Template blogger yang menggunakan AMP sudah ditandai dari awal bahasa HTML. Jika sebuah halaman blog blogge rmenggunakan bahasa amp, maka tag pembuka bahasa HTML akan seperti di bawah ini:

<HTML amp='amp' lang='id'>

Saya tidak terlalu expert dalam membuat template blogger. Jadi agar mempersingkat kerja anda, anda tinggal mencari dan mendownload template blogger yang valid amp. Setelah anda download, coba backup terlebih dahulu template blog anda saat ini, dan ganti dengan template khusus blogger amp.

Note: Gunakan Ekstensi AMP Validator pada Google Chrome atau Mozila, agar anda tahu mana bagian yang error.

Mengubah Artikel Agar Valid AMP

Memang kita butuh banyak kesabaran dan keuletan agar semua halaman blog cms blogger. Bahkan meskipun template blog anda valid AMP, namun tidak akan semua halaman postingan kamu valid AMP. Anda harus mengubah artikel anda secara manual satu persatu agar valid amp.

Yang paling sering terjadi adalah error amp pada gambar. Hal ini dikarenakan bahasa hmtl untuk penempatan gambar berbeda dengan bahasa hmtl AMP.

Jika bahasa html dasar untuk gambar adalah <img> maka anda harus mengubahnya satu persatu menjadi <amp-img>. Selain itu anda juga harus memastikan bahwa kode width dan height terpasang di gambar tersebut.

Selain itu, anda tidak boleh menggunakan kode style, border, script, span, dan lainnya. Saya masih bingung, bagaimana caranya? Kami sudah bahas secara lengkap di artikel: Cara Agar Postingan Blogger Valid AMP.

Menghapus Widget yang Membuat Template Tidak Valid AMP

Ada beberapa kode pada widget yang membuat template anda tidak valid. Salah satunya adalah kode OnClick yang membuat error semua halaman. Jika memang terjadi error, anda cukup menghapus code dibawah ini pada setiap content widget:

<b:include name='quickedit'/>

Kode tersebut terletak pada setiap widget yang anda tambahkan. Silahkan cari kode tersebut pada template editor di blogger anda dan hapus.

Ikuti Pedoman Dasar AMP Project

Berikut pedoman dasar agar blog anda tetap valid AMP:

Tidak Menggunakan Javascript Apapun

Harap pastikan bahwa template anda tidak menggunakan javascript apapun agar tidak terjadi error. Penggunaan custom CSS pun hanya diperbolehkan di diantara kode amp-custom saja.

Tidak menggunakan Kode HTML dasar yang tidak diperbolehkan AMP

Code-code itu antara lain:

<iframe>* | <style> | OnClick | <img>* | dan masih banyak lagi

Nah itu dia beberapa cara agar blog blogger anda valid AMP html. Ada yang ingin menambahkan?