Hızlandırılmış Mobil Sayfaları (AMP) Doğrulama
Son AMP eğitimimizde, Google'ın mobil ortamda web siteniz için mobil arama sonuçlarında daha iyi pozlamanın yanı sıra önemli bir hız artışı sağlamak için AMP'yi (Hızlandırılmış Mobil Sayfalar) nasıl kullanacağınızı gösterdik.
Gördüm AMP'nin potansiyeli, web sitelerinizde uyum sağlamak için değişiklikler yapmaya başladığınızı veya başlamayı planladığınızı varsayıyorum. AMP. Dokümanlardaki yönergeleri dikkatlice izleyin ve AMP sayfalarını görsel iştahınıza göre şekillendirmek için CSS'nizi oluşturun.
Şimdi, yapılacak son bir şey var: bu sayfaları doğrulamak.
AMP Doğrulayıcılar
AMP sayfalarınızı doğrulamanın birkaç yolu vardır:
- Ekle
# Gelişimi = 1AMP sayfa URL’sinin sonundaki iz. Rapor projede yansıtılacaktır. konsol DevTools altındaki sekme. - Alternatif olarak, çevrimiçi AMP doğrulayıcısını kullanabilirsiniz.
- Chrome AMP uzantısını da kullanabilirsiniz.
Bu araçlar, sayfalardaki hataları veya uyarıları listeleyen bir rapor üretecektir. Buna göre, neyin düzeltileceğini seçebilirsiniz.
AMP doğrulaması öncelikle yönetir HTML elemanlarının kullanımı, s, ve stil bildirimleri. Sayfadaki bu şeylerin hepsinin AMP uyumlu olduğundan ve AMP kurallarını ihlal eden hiçbir şeyin orada kalmadığından emin olun. Aksi takdirde, AMP sayfanız hiçbir yerde görünmez.
Veri yapısı
AMP ayrıca Schema veri yapısını gerektirir. Bu veriler içinde düzenlenmiştir. kafa JSON biçiminde sayfanın etiketi. Başlığı, yayıncının logosunu ve adını, yayınlanma ve değiştirilme tarihini, vb. İçeren sayfanın bağlamsal bilgisini içerir..
Sayfanın amacına bağlı olarak, dahil edilecek veriler değişebilir: Makaleler, İncelemeler, Tarifler, Videolar, vb. Veri türüyle ilgili ayrıntılar için Google Veri Türleri Dokümanlarına bakabilirsiniz..
Sağlanmadığı takdirde hataya neden olacak bazı veriler vardır; diğer birkaç veri türü isteğe bağlıdır ve yalnızca uyarılar üretecektir. Ancak bu tür hatalar, yukarıda belirtilen AMP onaylayıcılarında görünmeyecektir..
Bunun yerine, Google Yapısal Veri Test Aracı'nda ve Google Webmaster hesabınızda görüneceklerdir..
AMP müşterileri veya Google Arama ve Twitter Momentleri gibi AMP'yi destekleyen bir müşteri, AMP içeriğini sonuç sayfasında sunmak için bu veri kümesini kullanabilir..
Bu nedenle, AMP kurallarını kendi özel HTML öğeleriyle birlikte takip etmenin yanı sıra, gerekli Şema verilerinin de mevcut olması gerekir..
Gözden Kaçan Hatalar
Hataların çoğu, Dokümanlar'da açıkça belirtilmiştir ve bir bakışta kolayca alınabilir. Bununla birlikte birkaç hata, aşağıdaki gibi fark edemediğimiz değişkenlerle bağlamsallaştırılmıştır. “Geçersiz özellik değeri”, hangi diyor "'% 2' etiketindeki '% 1' özelliği '% 3' geçersiz değerine ayarlanmış.".
Bu hata raporu tam olarak bahsetmiyor veya listelemiyor hangi değer geçersizdir . Ama bildiğim şey şu ki ... Genişlik ve yükseklik arasında 100% veya Oto. Bu özellik değerlerinin, görüntü oranını korumak için görüntünün tam boyutu olması gerekir.
Bu sadece bir örnek. Çok sayıda özel eleman var - amper-img, amper-iframe, ve amp-reklamlar - özniteliğin kullanımına ve değerine karşı kendi geçerlilik kuralları kümeleriyle birlikte.
Bu, özellikle yıllar önce yayınlanan yüzlerce veya belki de binlerce eski içeriği dikkate alırsak AMP Sayfasını göz korkutucu bir görev haline getirebilir.
Son düşünce
AMP hala erken aşamasındadır. Google ve web geliştirme topluluğunun ortak çabalarıyla çok aktif bir gelişme içinde. Fakat AMP kesinlikle gelişecek. HTML5'e benzer şekilde, gelecekte kullanımdan kaldırılacak öğeler, özellikler ve bazı uygulamalar olabilir. Yani AMP sayfalarınızın zaman zaman sürekli doğrulandığından emin olun Rehberdeki son değişikliklere dayanarak.
