Google AMP - Validation

Google AMP est un moyen de charger les pages Web plus rapidement sur les appareils. Pour travailler avec amp, nous pouvons utiliser HTML5, CSS et amp-components.

Google Amp offre de nombreuses façons de valider une page d'ampli. Certains des éléments importants dont nous allons discuter dans ce chapitre sont

  • Utilisation de # development = 1

  • Utiliser Amp Validator

  • Utilisation de la ligne de commande

Laissez-nous discuter de chacun d'eux en détail.

Utilisation de #development = 1

Une fois que vous savez que votre page est prête à être validée, ajoutez simplement # development = 1 à la fin de la page-url et testez la même chose dans les outils de développement Chrome.

Vous pouvez ajouter #development=1 à l'url de votre page html à la fin, comme indiqué dans l'exemple ci-dessous -

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

Cliquez sur l'url ci-dessus dans le navigateur et dans la console Google Chrome. Il listera les erreurs qui, selon l'ampli, ne sont pas valides du point de vue des spécifications d'ampli.

Voici les erreurs que nous avons pour test_amp.html.

Vous pouvez corriger les erreurs affichées et une fois toutes les erreurs corrigées, il s'affichera comme suit -

Utiliser Amp Validator

Amp dispose d'un outil de validation dans lequel nous pouvons entrer le contenu HTML et il affiche le statut PASS ou ERROR et affiche également l'erreur sur la page. Le lien est -https://validator.ampproject.org/

L'affichage de l'outil de validation d'ampli est comme indiqué ci-dessous -

L'exemple d'erreur dans le contenu de la page est présenté ci-dessous -

Utilisation de la ligne de commande

Vous pouvez installer le package npm à l'aide de la commande suivante -

npm install -g amphtml-validator

Nous avons créé un dossier amptest / et enregistré le fichier amp_test.html dans ce dossier. Validez amp_test.html à l'aide de la commande suivante dans la ligne de commande.

amphtml-validator youramppage.html

Supprimons certaines balises de la page pour voir si elle affiche l'erreur.

L'erreur affichée peut être corrigée jusqu'à ce que nous obtenions le statut PASS.