Évaluer au mieux les problèmes sur vos pages AMP

Lundi 19 septembre 2016

À mesure que vous créez des versions AMP des pages de votre site (#AMPlify), il est important de vérifier régulièrement l'état de validation de vos pages. En effet, seules les pages AMP valides sont autorisées à s'afficher dans la recherche Google.

La mise en œuvre de pages AMP peut entraîner des erreurs qui empêchent que ces pages soient indexées dans la recherche Google. Il se peut aussi que des pages déclenchent des avertissements en raison d'éléments qui ne respectent pas les bonnes pratiques et qui pourraient devenir des erreurs.

La Google Search Console est un outil qui vous indique quelles pages AMP Google a identifié comme comportant des erreurs. Une fois que vous savez quelles URL présentent des problèmes, quelques outils pratiques peuvent vous aider à vérifier plus facilement les détails de l'erreur de validation.

Outils pour les développeurs dans un navigateur

Pour valider vos pages à l'aide des outils pour les développeurs, procédez comme suit :

  1. Ouvrez votre page AMP dans votre navigateur.
  2. Ajoutez #development=1 à l'URL, par exemple https://localhost:8000/released.amp.html#development=1.
  3. Ouvrez la console des outils pour les développeurs Chrome et vérifiez les erreurs de validation.

Les erreurs sont présentées de la façon suivante dans la Developer Console :

Extensions de navigateur AMP

Les extensions de navigateur AMP (disponibles pour Chrome et Opera) vous permettent d'identifier et de déboguer rapidement les pages AMP non valides. Lorsque vous parcourez votre site, elles évaluent chaque page AMP consultée et indiquent sa validité. Le tableau suivant présente les différentes icônes que les extensions peuvent afficher en fonction de la validité du balisage AMP.

Icône AMP rouge indiquant un document AMP incorrect. Si la page AMP comporte des erreurs, l'icône de l'extension concernée s'affiche en rouge et indique le nombre d'erreurs trouvées.
Icône AMP verte indiquant un document AMP valide. Si la page AMP ne comporte pas d'erreur, l'icône s'affiche en vert et, le cas échéant, indique le nombre d'avertissements.
Icône AMP bleue indiquant une variante AMP HTML si l'on clique dessus. Si une version AMP d'une page standard est disponible, l'icône s'affiche en bleu, avec une icône de lien. Il suffit de cliquer sur l'extension pour être redirigé vers la version AMP de la page dans le navigateur.

En cliquant sur l'icône des extensions, vous pouvez consulter directement les erreurs ou les avertissements figurant sur une page. Pour chaque problème trouvé, la ligne et la colonne sources ainsi qu'un message descriptif sont indiqués. Si une description plus détaillée du problème est disponible, un lien "En savoir plus" vous permet d'accéder à la page en question sur ampproject.org.

Programme de validation Web AMP

L'outil de validation Web AMP, disponible sur validator.ampproject.org, fournit une interface Web simple pour tester la validité de vos pages AMP.

Pour utiliser cet outil, saisissez une URL AMP ou copiez/collez votre code source. Les messages d'erreur s'affichent ensuite entre les lignes dans l'outil de validation Web. Vous pouvez effectuer les modifications directement dans l'outil de validation Web, ce qui déclenche une nouvelle validation pour vous indiquer si les ajustements apportés ont permis de résoudre le problème.

Quelle méthode préférez-vous pour vérifier l'état de vos pages AMP ? Faites-nous part de vos commentaires dans la section prévue à cet effet ci-après ou sur notre page Google+ pour les webmasters Google. Comme toujours, n'hésitez pas à poser vos questions ou à nous faire part de vos commentaires sur notre forum d'aide pour les webmasters.