Tuesday, November 7, 2017

Mengetahui Apakah Blog Valid AMP Atau Tidak, dan Cara Mengatasinya

Cara Mengetahui Blog Valid AMP atau Tidak, dan Cara Mengatasi Error Pada Halaman AMP

Seperti yang kita ketahui, bahasa-bahasa HTML pada halaman AMP_ sedikit berbeda dengan HTML basic biasanya. Seperti penggunaan kode <img> yang harus diganti dengan kode amp-img.

Bukan hanya itu, masih banyak lagi kode-kode lainnya yang harus kita ubah ke pedoman amp project. Salah satu kode rusak atau tidak sesuai pedoman amp dasar, maka dipastikan blog atau website anda tidak akan dianggap valid amp oleh Google. Kekurangan amp inilah yang harus anda pahami. 
Lalu, bagaimana cara mengetahui apakah blog kita valid AMP atau tidak? Caranya sangatlah mudah.

AMP Project telah menyediakan sebuah ekstensi untuk Google Chrome dan Mozilla Firefox bernama AMP Validator untuk mengetahui apakah halaman web kita valid amp ataupun tidak. Dengan ekstensi tersebut, anda bisa mengetahui bagian mana saja yang error. 

Ada 3 jenis indikator warna yang muncul pada ekstensi AMP Validator.

  • Warna Merah : Jika ada error dalam halaman AMP, ikon ekstensi akan muncul dalam warna merah dan menampilkan jumlah error yang ditemukan.
  • Warna Hijau : Menunjukan bahwa halaman web valid AMP.
  • Warna Biru :  Jika halaman bukan merupakan AMP namun menunjukkan bahwa versi AMP tersedia, ikon akan muncul dalam warna biru dengan ikon link, dan mengklik ekstensi akan mengalihkan browser ke versi AMP.

Selain itu, anda juga akan menemukan icon berwarna Hijau dengan sebuah angka berwarna kuning, yang berarti halaman valid AMP namun ada JS AMP yang tidak perlu dipanggil karena tidak digunakan dalam halaman web anda.

Lalu, Bagaimana Cara Mengatasi error tersebut? Dan bagian mana yang error?
Sangatlah mudah. Jika icon AMP validator berwarna merah, maka tinggal klik saja dan anda akan mengetahui bagian mana saja yang error. Untuk mengetahui detailnya, silahkan klik DEBUG
Maka anda akan masuk ke halaman web AMP Validator, dan akan mengetahui di collum mana bahasa html yang error. Pastikan anda mengeditnya sesuai dengan pedoman amp project.

Jika anda menggunakan platform blogger, gunakan template valid AMP yang bisa di download secara gratis.

Image source: Kinsta

Disqus Comments