Article mis à jour le 22/06/2016, publié initialement le 23/03/2016
Rappel : les pages AMP sont des pages dans un format AMP-HTML dérivé de HTML5, prévues pour s'afficher très rapidement sur mobiles (smartphones).
Dans ce dossier, je m'intéresse spécialement aux validateurs pour les Accelerated Mobiles Pages.
Le validateur AMP officiel
Le plus simple est d'utiliser le validateur proposé par AmpProject.org sur https://validator.ampproject.org/ :
L'outil utilisera le user agent suivant, veillez à lui autoriser l'accès à vos pages :
AppEngine-Google; (+http://code.google.com/appengine; appid: s~amp-validator)
AMP Project explique aussi que pour vérifier la bonne implémentation de vos pages, vous pouvez tout simplement suivre ces étapes :
- affichez la console Javascript dans votre navigateur
- ajoutez
#development=1
à la fin de l'URL de votre page AMP et validez pour la recharger
Astuce : pour afficher la console Javascript dans Chrome, utilisez un raccourci-clavier :
- Sur Mac : ⌘ + Option + J
- Sur Windows et Linux : Ctrl + Maj + J, puis cliquez sur Console
Vous devriez voir la liste des erreurs de validation AMP, ou bien le message "AMP validation successful" si tout est OK :
Extension Chrome
Pour gagner du temps, installez l'extension officielle Chrome "AMP Validator". Une fois installée dans Chrome, elle facilite le test de validation du format AMP de la page courante. En cas d'erreurs trouvées, vous y avez accès un 1 clic.
On discute de cette extension AMP dans le forum.
Validateur de code AMP HTML
J'ai trouvé un outil sur maxxeight.com qui permet de tester du code AMP HTML. Vous pouvez soit indiquer l'URL d'une page AMP, soit copier-coller du code AMP-HTML.
Voici le résultat pour une de mes pages :
Valider les données structurées schema.org pour AMP
Vous devriez aussi valider que les données structurées sont bien incluses. Pour cela, utilisez l'outil de test des données structurées de Google.
Astuce pour gagner du temps : ajoutez cet outil à vos bookmarklets
Comment valider plein de pages d'un coup ?
Il y a 2 cas de figure
Utiliser le rapport AMP dans Search Console
Dans votre compte Google Search Console, consultez le rapport "Accelerated Mobile Pages" situé dans la rubrique "Apparence dans les résultats de recherche".
Voici à quoi cela ressemble au lancement du support de AMP en février 2016 :
Voilà à quoi ça ressemble si vous avez des pages AMP détectées par Google :
Utiliser des outils de validation AMP
Je vous propose par exemple de tester celui de technicalseo.info qui permet d'indiquer plusieurs URL de pages AMP dans un formulaire.
Vous pouvez choisir de tester avec un User Agent de type Googlebot ou bien le vôtre (un navigateur web).
Vous pouvez vérifier l'implémentation concernant les URL (présence des balises rel=canonical et rel=amphtml).
Voici ce que ça donne pour 2 de mes articles :
Une fois que les résultats s'affichent, vous pouvez les exporter au format Excel. Vous aurez alors plusieurs tableaux (pages sans AMP détecté, pages avec AMP détecté avec ou sans erreur). Dans le cas des pages AMP, voici les informations fournies :
- URL de la page testée
- type schema.org détecté (par exemple NewsArticle)
- URL canonique
- URL AMP déclarée dans l'URL canonique
- Implémentation correcte (oui/non)
des Valid AMP URLs schema.org? Canonical rel="ampthtml" (from canonical) Correct Implementation?
Si vous connaissez d'autres outils, merci de les indiquer en commentaires !
Bonjour Olivier
Comme toujours, un excellent article :-)
J'avais en tête que l'AMP serait principalement important pour les sites d'actualités.
Confirmes-tu que tous les sites pourraient être impactés ?
Tous les sites peuvent utiliser AMP, mais c'est vrai que c'est surtout adapté aux sites d'actualité.
Quelle est le délai pour voir ses pages apparaître dans les résultats de google sur mobile ?
Les miennes sont valides depuis 1-2 semaines et elles sont pas affichées. Mes stats indiquent 0 hormis mes accès
J'ai des erreurs vraiment étranges si jamais vous voulez m'aider à les résoudre :) https://www.webrankinfo.com/forum/t/amp-css-syntax-error-in-tag-style-amp-custom-invalid-declaration.185903/