Cara Memvalidasi Laman Seluler yang Dipercepat (AMP)
Dalam tutorial AMP terakhir kami, kami telah menunjukkan kepada Anda cara mengadopsi AMP (Laman Seluler yang Dipercepat) untuk mendapatkan peningkatan kecepatan yang signifikan serta paparan yang lebih baik dalam hasil penelusuran seluler Google untuk situs web Anda di lingkungan seluler.
Setelah melihat AMPPotensi, saya anggap Anda mungkin sudah mulai atau memiliki rencana untuk mulai membuat perubahan pada situs web Anda untuk dipatuhi AMP. Ikuti panduan di Documents dengan hati-hati dan susun CSS Anda untuk menata halaman AMP agar sesuai dengan selera visual Anda.
Sekarang, ada satu hal yang harus dilakukan: memvalidasi halaman-halaman itu.
AMP Validators
Ada beberapa cara untuk memvalidasi halaman AMP Anda:
- Tambahkan
# development = 1telusuri di akhir URL halaman AMP. Laporan ini akan diproyeksikan di Menghibur tab di bawah DevTools. - Atau Anda dapat menggunakan validator AMP online.
- Anda juga dapat menggunakan ekstensi AMP Chrome.
Alat-alat ini akan menghasilkan kesalahan atau peringatan daftar laporan dalam halaman. Berdasarkan ini, Anda dapat memilih apa yang harus diperbaiki.
Validasi AMP terutama mengatur penggunaan elemen HTML, itu s, dan deklarasi gaya. Pastikan hal-hal ini di halaman semuanya sesuai dengan AMP, dan tidak ada yang melanggar pedoman AMP yang tersisa di sana. Jika tidak, halaman AMP Anda tidak akan muncul di mana pun.
Struktur data
AMP juga membutuhkan struktur data Skema. Data ini ditata dalam kepala tag halaman dalam format JSON. Ini berisi informasi kontekstual dari halaman termasuk judul, logo dan nama penerbit, tanggal diterbitkan dan dimodifikasi, dll.
Bergantung pada tujuan halaman, data yang dimasukkan dapat bervariasi: Artikel, Ulasan, Resep, Video, dll. Anda dapat merujuk ke Dokumentasi Jenis Data Google untuk perincian tentang tipe data.
Ada beberapa data yang diperlukan yang akan menghasilkan kesalahan jika tidak disediakan; beberapa jenis data lainnya bersifat opsional dan hanya akan menghasilkan peringatan. Namun tipe kesalahan ini tidak akan muncul di validator AMP yang disebutkan di atas.
Sebagai gantinya, mereka akan muncul di Alat Pengujian Data Terstruktur Google serta di akun Google Webmaster Anda.
Konsumen AMP atau klien yang mendukung AMP, seperti Google Search dan Twitter Moments, dapat menggunakan set data ini untuk menyajikan konten AMP di halaman hasil mereka.
Jadi, selain mengikuti pedoman AMP dengan elemen HTML khusus miliknya, data Skema yang diperlukan juga harus ada.
Kesalahan yang Terabaikan
Sebagian besar kesalahan dicatat di Documents secara eksplisit dan dapat dengan mudah diambil dalam sekilas. Namun beberapa kesalahan dikontekstualisasikan dengan variabel yang mungkin gagal kita perhatikan seperti “Nilai atribut tidak valid”, yang mengatakan "Atribut '% 1' dalam tag '% 2' disetel ke nilai tidak valid '% 3'.".
Laporan kesalahan ini tidak menyebutkan atau mendaftar secara tepat nilai yang mana tidak valid . Tapi yang saya tahu adalah kita tidak bisa mengaturnya lebar dan tinggi dari 100% atau mobil. Nilai atribut ini harus berukuran tepat dari gambar untuk mempertahankan rasio gambar.
Ini hanya satu contoh. Ada sejumlah elemen khusus - amp-img, amp-iframe, dan iklan-amp - dengan set mereka sendiri aturan validasi terhadap penggunaan atribut dan nilainya.
Ini bisa menjadikan validasi AMP Page sebagai tugas yang menakutkan, terutama jika kita mengambil ratusan atau (mungkin) ribuan konten lawas yang diterbitkan bertahun-tahun lalu ke dalam akun.
Pemikiran Akhir
AMP masih dalam tahap awal. Itu dalam pengembangan yang sangat aktif dengan upaya komunal dari Google dan komunitas pengembangan web. Tapi AMP pasti akan berkembang. Mirip dengan HTML5, mungkin ada elemen, atribut, dan beberapa praktik yang akan usang di masa depan. Begitu pastikan bahwa halaman AMP Anda terus divalidasi dari waktu ke waktu berdasarkan perubahan terbaru pada pedoman.
