Cara Mengubah Postingan Non-AMP Menjadi Valid AMP Menggunakan AMP Converter Blogger

Cara Mengubah Postingan Non-AMP Menjadi Valid AMP Menggunakan AMP Converter Blogger

Cara Mengubah Postingan Non-AMP Menjadi Valid AMP Menggunakan AMP Converter Blogger
Cara Mengubah Postingan Non-AMP Menjadi Valid AMP Menggunakan AMP Converter Blogger. Menggunakan template AMP bukanlah hal yang mudah bagi saya, apalagi harus mengubah beberapa kode agar blog ataupun postingan blog bisa valid atau lolos amp saat di tes. 

Namun ada ketertarikan saya untuk mengubah template blog ini menjadi template yang valid AMP, meski ada beberapa teman-teman blogger yang menyarankan kepada saya untuk mempertahankan template non AMP ini. Katanya sih mengubah template non AMP menjadi AMP cukup ribet dan  banyak aturan-aturan yang tidak boleh sembarangan. 

A. APA ITU AMP ?

AMP kependekan dari Accelerated Mobile Pages yang merupakan halaman web yang didesain khusus bagi pengguna mobile/HP. dengan tujuan agar akses ke situs web bisa jauh lebih cepat meskipun dalam keadaan internet atau jaringan yang lambat. 
Mengapa perubahan itu ribet? Karena untuk platform blogger, perubahan itu dilakukan secara total. Jadi tidak hanya sebatas template blog saja, tapi juga untuk postingan blog yang tidak boleh sembarangan serta ada aturan tertentu khususnya untuk artikel blog agar bisa lolos atau valid AMP. 

Berbeda dengan wordpress, untuk perubahaan menjadi template serta postingan yang valid AMP wordpress diberikan kemudahaan. Karena di wordpress sendiri ada banyak sekali plugin yang bisa mengkonversi artikel non amp ke artikel amp secara otomatis, sehingga perubahaannya tidak seribet di blogspot. 

Contoh saja saat ingin menambahkan gambar di artikel blogspot, ada beberapa perubahan yang dilakukan agar gambar tersebut bisa lolos atau valid AMP. 
- Penggunaan Tag Kode Gambar Non AMP
<img alt="NAMA-GAMBAR" height="300"src="URL-GAMBAR"/>
- Penggunaan Tag Kode Gambar AMP  <amp-img alt="NAMA-GAMBAR" height="300" layout="responsive" src="URL-GAMBAR" width="430"></amp-img>
Jika dilihat secara sekilas memang sudah jelas ada perbedaan antara gambar untuk blog non amp dan gambar untuk blog yang valid amp. Jika postingan blog masih sedikit mungkin tidak akan membuat banyak perubahan, tapi bagaimana jika postingan blog sudah banyak serta setiap postingan blog memiliki banyak gambar?

Hal ini tentu akan membuat banyak perubahan yang tidak hanya satu dua gambar saja, tapi untuk keseluruhan gambar yang ada di postingan atau blog tersebut.

B. TOOLS - AMP CONVERTER BLOGGER

Alat ini masih dalam tahap pengembangan , jika terdapat kesalahan (tidak valid AMP) silahkan hubungi kami dengan menyertakan pesan errornya sehingga bisa segera kami perbaiki.

Cara Menggunakan AMP CONVERTER BLOGGER

  1. Buka dashboard blogger, masuk bagian "Postingan", pilih dan edit postingan yang akan di convert
  2. Pilih mode "HTML", dan copy semua htmlnya
  3. Pastekan di AMP Converter bagian "Kode HTML Postingan", dan isikan juga bagian "Judul postingan", lalu klik tombol "Convert"
  4. Kode HTML telah di convert menjadi Valid AMP, copy bagian isi "Valid AMP"
  5. Hapus semua HTML postingan blogger, dan paste kan disitu
  6. Selesai, dan Publikasikan.

post written by: