Annonces Google

Vous êtes ici : Dossiers référencement > Référencement mobile

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

Par , le 22 juin 2016

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 !

A propos de l'auteur : Olivier Duffez Olivier Duffez sur Google+ Olivier Duffez sur Twitter Olivier Duffez sur Facebook Olivier Duffez sur Pinterest Olivier Duffez sur LinkedIn

Consultant en référencement, Olivier Duffez a travaillé pour les plus grands sites (Doctissimo, FNAC,...). Il édite le site WebRankInfo qu'il a créé en 2002, devenu la + grande communauté francophone sur le SEO (+300.000 membres, 1,5 million de posts). Il est aussi cofondateur de Ranking Metrics, leader des formations webmarketing en France (SEO, AdWords, Analytics, réseaux sociaux) et éditrice de la plateforme MyRankingMetrics (crawler et audit SEO en ligne).

Article (Les meilleurs outils de validation de pages AMP) publié par WebRankInfo dans la rubrique Référencement mobile. Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

2 commentaires

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Annonces Google

Catégories des dossiers

Consultez les dossiers par thématiques :

Annonces Google

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google AdWords et Analytics ainsi qu'aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (Dossier possible OPCA, DIF...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation).

Hébergement web

Hébergement web mutualisé et dédié

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit by Nerim, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo.

A partir de 3€ HT/mois.