Portrait Olivier Duffez

Olivier Duffez

Créateur de WebRankInfo,
consultant en référencement

Les meilleurs outils pour valider le bon format de vos pages AMP

Vous avez créé des pages AMP et souhaitez vérifier qu'elles sont bien faites ? Utilisez les outils de validation AMP listés dans ce dossier,  y compris le validateur officiel et l'extension Chrome.

Article mis à jour le 22/06/2016, publié initialement le 23/03/2016

Validateurs AMP
Validateurs AMP : les meilleurs outils

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).

Pour en savoir plus, ne manquez pas mon guide des pages AMP

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/ :

Validateur officiel AMP
L'outil officiel de validation du bon format de vos pages AMP

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 :

  1. affichez la console Javascript dans votre navigateur
  2. 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 :

Validation AMP OK dans console Javascript

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.

Extension Chrome AMP validator
Extension Chrome pour valider le format des pages AMP

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 :

Validateur AMP maxxeight
Validateur de code AMP HTML par maxxeight.com

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 :

Rapport AMP Search Console
Exemple de graphique du rapport des pages mobiles accélérées dans Google Search Console

Voilà à quoi ça ressemble si vous avez des pages AMP détectées par Google :

AMP Search Console aucune page
Voilà le message affiché dans Search Console quand Google n'a détecté aucune page AMP
Pour les détails : rapport AMP dans Search Console

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 :

Outil de validation AMP
Exemple de résultats du validateur AMP technicalseo.info

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 !

Cet article vous a-t-il plu ?

Note : 2.7 (3 votes)
Cliquez pour voter !

Laisser un commentaire

Remarques :

  • Si vous souhaitez poser une question ou détailler un problème technique, il ne faut pas utiliser le formulaire ci-dessous qui est réservé aux avis. Posez votre question directement dans le forum Gmail de WebRankInfo. L'inscription est gratuite et immédiate.

  • En postant un avis, vous acceptez les CGU du site WebRankInfo. Si votre avis ne respecte pas ces règles, il pourra être refusé. Si vous indiquez votre adresse email, vous serez informé dès que votre avis aura été validé (ou refusé...) ; votre adresse ne sera pas utilisée pour vous envoyer des mailings et ne sera pas revendue ou cédée à des tiers.

4 commentaires

Phytoman

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 ?

Répondre
Olivier Duffez

Tous les sites peuvent utiliser AMP, mais c'est vrai que c'est surtout adapté aux sites d'actualité.

Répondre
alain

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

Répondre