Comment évaluer au mieux les problèmes liés à vos Accelerated Mobile Pages

Lundi 19 septembre 2016

Au fur et à mesure que vous #AMPlify votre site avec
Accelerated Mobile Pages, il est important de surveiller régulièrement l’état de validation de vos pages, car seules les pages AMP valides peuvent apparaître dans la recherche Google.

Lors de l’implémentation d’AMP, les pages contiennent parfois
des erreurs ce qui les empêche d’être indexées par la recherche Google. Les pages peuvent également contenir des avertissements, c’est-à-dire des éléments qui ne constituent pas les meilleures pratiques ou qui deviendront des erreurs à l’avenir.

Google Search Console est un outil qui vous permet de vérifier lesquelles de vos pages AMP Google a
identifiées comme présentant des erreurs. Une fois que vous savez quelles URL rencontrent des problèmes, il existe quelques outils pratiques qui peuvent faciliter la vérification des détails des erreurs de validation.

Browser Developer Tools

Pour utiliser les outils de développement pour la validation :

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 Chrome DevTools et recherchez les erreurs de validation.

Les erreurs de la console du développeur ressembleront à ceci :

AMP Browser Extensions

Avec les extensions de navigateur AMP (disponibles pour
Chrome et
Opera), vous pouvez rapidement identifier et déboguer les pages AMP non valides. Lorsque vous naviguez sur votre site, l’extension évalue chaque page AMP visitée et indique la validité de la page. Le tableau suivant présente les différentes icônes que les extensions peuvent afficher en fonction de la validité du balisage AMP.

	Lorsqu’il y a des erreurs dans une page AMP, l’icône de l’extension s’affiche en rouge et indique le nombre d’erreurs rencontrées.
	Lorsqu’il n’y a aucune erreur dans une page AMP, l’icône s’affiche en vert et indique le nombre d’avertissements, le cas échéant.
	Lorsque la page n’est pas AMP mais indique qu’une version AMP est disponible, l’icône s’affiche en bleu avec une icône de lien, et un clic sur l’extension redirigera le navigateur vers la version AMP.

L’utilisation des extensions signifie que vous pouvez voir quelles erreurs ou avertissements la page contient en cliquant sur l’icône de l’extension. Chaque problème répertorie la ligne source, la colonne source et un message indiquant ce qui ne va pas. Lorsqu’une description plus détaillée du problème existe, un lien « En savoir plus » vous renvoie vers la page correspondante sur ampproject.org.

AMP Web Validator

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

Pour utiliser l’outil, saisissez une URL AMP ou copiez/collez votre code source, et le validateur Web affiche les messages d’erreur entre les lignes. Vous pouvez effectuer des modifications directement dans le validateur Web, ce qui déclenchera une nouvelle validation et vous indiquera si vos modifications proposées résolvent le problème.

Quelle est votre façon préférée de vérifier l’état de vos pages AMP ? Partagez vos commentaires ci-dessous ou sur notre
Google Webmasters Google+ page. Ou comme d’habitude, si vous avez des questions ou avez besoin d’aide, vous pouvez publier sur notre
Webmasters Help Forum.

Publié par Tomo Taylor, AMP Community Manager