À mesure que vous créez des versions
Accelerated Mobile Pages 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 pourront être affichées 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 les pages contiennent des avertissements. Ces derniers sont contraires aux bonnes pratiques et finissent par devenir des erreurs.
La
Search Console Google est un service gratuit 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 de validation, quelques outils pratiques peuvent vous aider à vérifier plus facilement les détails des erreurs en question.
1. Outils pour les développeurs dans les navigateurs
Pour valider vos pages à l'aide des outils pour les développeurs, procédez comme suit :
- Ouvrez votre page AMP dans votre navigateur.
- Ajoutez "#development=1" à l'URL, par exemple:
http://localhost:8000/released.amp.html#development=1.
- Ouvrez la console Chrome DevTools et vérifiez les erreurs de validation.
Les erreurs dans la Developers Console sont présentées de la façon suivante :
2. Extensions de navigateur AMP
Les extensions de navigateur AMP (disponibles pour
Chrome et
Opera) vous permettent d'identifier et de débuguer rapidement les pages AMP non valides. Lorsque vous parcourez votre site, elles évaluent chaque page AMP consultée et indiquent sa validité.
Si la page AMP comporte des erreurs, l'icône de l'extension concernée s'affiche en rouge et le nombre
d'erreurs trouvées s'affiche.
Si la page AMP ne comporte pas d'erreur, l'icône s'affiche en vert et le nombre
d'avertissements s'affiche, le cas échéant.
Si une version AMP d'une page non-AMP 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.
3. Outil de validation Web AMP
L'outil de validation Web AMP, disponible à l'adresse
validator.ampproject.org vous propose 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, ce qui déclenche une nouvelle validation pour vous indiquer si les ajustements apportés ont permis de résoudre le problème.
Faites-nous part de vos commentaires sur ces différentes méthodes de vérification de l'état de vos pages AMP dans la section ci-dessous ou sur notre
page Google+ pour les webmasters (en anglais). Comme toujours, si vous avez des questions ou si vous avez besoin d'aide, n'hésitez pas à publier un message sur notre
Forum d'aide pour les webmasters.
Ecrit par Tom Taylor, Community Manager AMP
