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
<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:
Nah itu dia beberapa cara agar blog blogger anda valid AMP html. Ada yang ingin menambahkan?
<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
- 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?