Google AMP - Doğrulama

Google AMP, web sayfalarının cihazlara daha hızlı yüklenmesini sağlamanın bir yoludur. Amp ile çalışmak için HTML5, CSS ve amp bileşenlerini kullanabiliriz.

Google Amp, bir amp sayfasını doğrulamak için birçok yol sağlar. Bu bölümde tartışacağımız önemli konulardan bazıları şunlardır:

  • # Development = 1 kullanma

  • Amp Doğrulayıcıyı Kullanma

  • Komut satırını kullanma

Her birini ayrıntılı olarak tartışalım.

#Development = 1 kullanma

Sayfanızın doğrulanmaya hazır olduğunu öğrendikten sonra, page-url'nin sonuna # development = 1 ekleyin ve aynısını chrome geliştirici araçlarında test edin.

Ekleyebilirsin #development=1 aşağıda verilen örnekte gösterildiği gibi sondaki html sayfanızın url'sine -

http://localhost:8080/googleamp/test_amp.html#development=1

Tarayıcıda ve Google Chrome konsolunda yukarıdaki url'ye basın. Amp'in, amp özelliği açısından geçersiz olduğunu düşündüğü hataları listeleyecektir.

İşte test_amp.html için aldığımız hatalar.

Görüntülenen hataları düzeltebilirsiniz ve tüm hatalar giderildikten sonra aşağıdaki gibi görüntülenir -

Amp Doğrulayıcıyı Kullanma

Amp, HTML içeriğini girebileceğimiz bir doğrulama aracına sahiptir ve durumu GEÇTİ veya HATA olarak görüntüler ve ayrıca sayfada hatayı gösterir. Bağlantı -https://validator.ampproject.org/

Amp doğrulayıcı aracı ekranı aşağıda gösterildiği gibidir -

Sayfa içeriğindeki hata örneği aşağıda gösterilmiştir -

Komut Satırını Kullanma

Aşağıdaki komutu kullanarak npm paketini kurabilirsiniz -

npm install -g amphtml-validator

Bir amptest / klasörü oluşturduk ve amp_test.html dosyasını bu klasöre kaydettik. Komut satırında aşağıdaki komutu kullanarak amp_test.html'yi doğrulayalım.

amphtml-validator youramppage.html

Hatayı gösterip göstermediğini görmek için sayfadan bazı etiketleri kaldıralım.

Durumu PASS olarak alana kadar görüntülenen hata düzeltilebilir.