Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / AMP Tutorial

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 instruksi <img> yang harus diganti dengan instruksi amp-img.

Bukan hanya itu, masih banyak lagi kode-kode lainnya yang harus kita ubah ke anutan amp project. Salah satu instruksi rusak atau tidak sesuai anutan 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 berjulukan AMP Validator untuk mengetahui apakah halaman web kita valid amp ataupun tidak. Dengan ekstensi tersebut, anda dapat mengetahui bab 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 menawarkan 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 dipakai dalam halaman web anda.

Lalu, Bagaimana Cara Mengatasi error tersebut? Dan bab mana yang error?
Sangatlah mudah. Jika icon AMP validator berwarna merah, maka tinggal klik saja dan anda akan mengetahui bab 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 memakai platform blogger, gunakan template valid AMP yang dapat di download secara gratis.

Image source: Kinsta