Google AMP - Convalida

Google AMP è un modo per caricare più velocemente le pagine web sui dispositivi. Per lavorare con amp possiamo usare HTML5, CSS e componenti amp.

Google Amp offre molti modi per convalidare una pagina di amp. Alcuni degli aspetti importanti di cui parleremo in questo capitolo sono:

  • Utilizzando # development = 1

  • Utilizzo di Amp Validator

  • Utilizzando la riga di comando

Cerchiamo di discutere ciascuno di essi in dettaglio.

Utilizzando #development = 1

Una volta che sai che la tua pagina è pronta per essere convalidata, aggiungi semplicemente # development = 1 alla fine dell'URL della pagina e prova lo stesso negli strumenti per sviluppatori di Chrome.

Puoi aggiungere #development=1 all'URL della tua pagina html alla fine, come mostrato nell'esempio riportato di seguito -

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

Premi l'URL sopra nel browser e nella console di Google Chrome. Elencherà gli errori che amp ritiene non validi dal punto di vista delle specifiche dell'amplificatore.

Ecco gli errori che abbiamo per test_amp.html.

È possibile correggere gli errori visualizzati e una volta che tutti gli errori sono stati corretti, verrà visualizzato come segue:

Utilizzo di Amp Validator

Amp ha uno strumento di convalida in cui possiamo inserire il contenuto HTML e mostra lo stato come PASS o ERRORE e mostra anche l'errore sulla pagina. Il collegamento è -https://validator.ampproject.org/

Il display per lo strumento di convalida dell'amplificatore è come mostrato di seguito:

Di seguito è riportato l'esempio di errore nel contenuto della pagina:

Utilizzando la riga di comando

È possibile installare il pacchetto npm utilizzando il seguente comando:

npm install -g amphtml-validator

Abbiamo creato una cartella amptest / e salvato il file amp_test.html in quella cartella. Convalidiamo amp_test.html utilizzando il seguente comando nella riga di comando.

amphtml-validator youramppage.html

Cerchiamo di rimuovere alcuni tag dalla pagina per vedere se viene visualizzato l'errore.

L'errore visualizzato può essere corretto fino a ottenere lo stato PASS.