Cara Mengesahkan Laman Mudah Alih Dipercepat (AMP)
Dalam tutorial AMP yang terakhir, kami telah menunjukkan kepada anda cara mengguna pakai AMP (Pages Mobile Accelerated) untuk mendapatkan peningkatan kelajuan yang signifikan serta pendedahan yang lebih baik dalam hasil carian mudah alih Google untuk laman web anda dalam persekitaran mudah alih.
Setelah melihat AMPPotensi, saya menganggap anda mungkin telah memulakan atau mempunyai rancangan untuk mula membuat perubahan ke laman web anda untuk mematuhi AMP. Berhati-hati mengikut garis panduan pada Dokumen dan sertakan CSS anda untuk menyusun halaman AMP untuk memenuhi selera visual anda.
Sekarang, ada satu perkara yang perlu dilakukan: mengesahkan halaman tersebut.
Pengesah AMP
Terdapat beberapa cara untuk mengesahkan halaman AMP anda:
- Tambah dalam
# pembangunan = 1jejak di hujung URL halaman AMP. Laporan itu akan dijangka di Konsol tab di bawah DevTools. - Sebagai alternatif, anda boleh menggunakan validator AMP dalam talian.
- Anda juga boleh menggunakan pelanjutan AMP Chrome.
Alat ini akan menghasilkan kesilapan penyenaraian laporan atau amaran dalam halaman. Berdasarkan ini, anda boleh memilih apa yang perlu diperbaiki.
Pengesahan AMP terutamanya mengawal penggunaan elemen HTML, yang s, dan juga pengisytiharan gaya. Pastikan bahawa perkara-perkara ini dalam halaman adalah semua mematuhi AMP, dan tidak ada yang melanggar garis panduan AMP yang tinggal di sana. Jika tidak, halaman AMP anda tidak akan muncul di mana-mana sahaja.
Struktur Data
AMP juga memerlukan struktur data Skema. Data ini dibentangkan di dalam kepala tag halaman dalam format JSON. Ia mengandungi maklumat kontekstual mengenai halaman termasuk tajuk, logo dan nama penerbit, tarikh ia diterbitkan dan diubah suai, dll..
Bergantung pada tujuan halaman, data yang disertakan mungkin berbeza-beza: Artikel, Ulasan, Resipi, Video, dll. Anda boleh merujuk kepada Jenis Data Google Dokumentasi untuk butiran mengenai jenis data.
Terdapat beberapa data yang diperlukan yang akan menghasilkan kesilapan jika tidak dibekalkan; beberapa jenis data lain adalah pilihan dan hanya akan menghasilkan amaran. Kesilapan jenis ini bagaimanapun tidak akan muncul dalam validator AMP yang dinyatakan di atas.
Sebaliknya, mereka akan muncul dalam Alat Pengujian Data Berstruktur Google serta dalam akaun Google Webmaster anda.
Pengguna AMP atau pelanggan yang menyokong AMP, seperti Google Search dan Twitter Moments, boleh menggunakan set data ini untuk membentangkan kandungan AMP dalam halaman hasilnya.
Oleh itu, selain daripada garis panduan AMP dengan elemen HTML adat mereka, data Skema yang diperlukan perlu dibuat juga.
Kesalahan yang diabaikan
Kebanyakan kesilapan dicatatkan dalam Dokumen secara jelas dan mudah dijemput dengan sekilas. Namun, beberapa kesilapan dikontraktualisasikan dengan pembolehubah yang kita mungkin tidak dapat melihat seperti “Nilai atribut tidak sah”, yang mengatakan "Atribut '% 1' dalam tag '% 2' ditetapkan pada nilai tidak sah '% 3'.".
Laporan ralat ini tidak menyebut atau senarai tepat yang bernilai tidak sah . Tetapi apa yang saya tahu ialah kita tidak dapat menetapkannya lebar dan juga ketinggian daripada 100% atau auto. Nilai atribut ini mestilah saiz imej yang tepat untuk mengekalkan nisbah imej.
Ini hanya satu contoh. Terdapat beberapa elemen tersuai - amp-img, amp-iframe, dan amp-iklan - dengan set peraturan pengesahan mereka sendiri terhadap penggunaan atribut dan nilainya.
Ini boleh membuat pengesahan AMP Page menjadi tugas yang menakutkan, terutamanya jika kita mengambil beratus-ratus atau (mungkin) beribu-ribu kandungan legasi yang diterbitkan bertahun-tahun yang lalu kepada akaun.
Pemikiran Akhir
AMP masih dalam peringkat awal. Ia adalah dalam pembangunan yang sangat aktif dengan usaha komunal dari Google dan komuniti pembangunan web. Tetapi AMP pasti akan berubah. Sama seperti HTML5, mungkin terdapat elemen, atribut, dan beberapa amalan yang akan ditolak pada masa akan datang. Jadi pastikan halaman AMP anda sentiasa disahkan dari semasa ke semasa berdasarkan perubahan terkini kepada garis panduan.
