ONGLET AMP.

AMP : Accelerated Mobile Pages

AMP est l’acronyme d’Accelerated Mobile Pages, une technologie (web component framework) née d’une collaboration entre Google et Twitter pour accélérer le chargement des pages sur mobile. Ce projet, avec l’indexation mobile first, montre à quel point le moteur est tourné vers le mobile.

AMP réduit fortement les temps de chargement par rapport aux pages classiques, pour une expérience utilisateur transformée qui peut se traduire par moins d’abandons, plus de conversions et de leads, en plus de meilleures performances, l’un des signaux de classement les plus importants.

AMP est surtout utilisé par les sites d’actualité. Depuis 2021, il n’est plus requis pour apparaître dans les Top Stories de Google : beaucoup de sites l’abandonnent au profit de pages standard rapides.

Les pages AMP sont des alternatives aux pages classiques, mais elles suivent des règles de syntaxe et de balisage spécifiques qui les distinguent des pages canoniques.

Pour signaler au moteur l’existence de ces pages AMP, on utilise des balises link qui relient la page canonique et la version AMP :

<!-- Balise link sur la page canonique, qui indique la version AMP -->
<link rel="amphtml" href="https://www.domaine.com/amp/page.html">

<!-- Balise link sur la page AMP, qui indique la version canonique -->
<link rel="canonical" href="https://www.domaine.com/page.html">

Ainsi, quand Google crawle la page canonique (dans l’exemple : https://www.domaine.com/page.html), il découvre aussi la version AMP (https://www.domaine.com/amp/page.html) et, s’il la juge valide, l’ajoute à son CDN.

À retenir : la version allégée ne pénalise pas le budget de crawl du site, car Google en consacre un à part à l’AMP.

Configuration et colonnes

L’onglet AMP contient toutes les Accelerated Mobile Pages (AMP) découvertes pendant le crawl. Elles sont identifiées par la balise HTML AMP et les liens entrants rel="amphtml".

Pour remplir cet onglet, active AMP dans Crawl et dans Store depuis 1Configuration›2Spider›3Crawl.

12

1Spider › CrawlLa section de la configuration.2AMPCoche Crawl et Store.

Les colonnes de l’onglet :

• Address : l’URL crawlée.
• Occurrences : le nombre de balises canonical trouvées (via l’élément link et via HTTP).
• Indexability : si l’URL est indexable ou non indexable.
• Indexability Status : la raison pour laquelle une URL ne peut pas être indexée.
• Title 1 : le premier title de la page.
• Title 1 Length : la longueur du title en caractères.
• Title 1 Pixel Width : la largeur du title en pixels.
• H1-1 : le premier titre H1 de la page.
• H1-Len : le nombre de caractères du H1.
• Size : la taille de la page AMP en octets.
• Word Count : le nombre total de mots dans la balise body, hors balisage HTML.
• Text Ratio : le rapport entre le nombre de caractères de texte (non HTML) du body et le nombre total de caractères de la page HTML, en pourcentage.
• Crawl Depth : la distance de la page AMP par rapport à la page de départ du crawl, en nombre de clics. Dans SEO Spider, les redirections comptent comme un niveau supplémentaire.
• Response Time : le temps nécessaire pour télécharger l’URL, en secondes.

Filtres

L’onglet AMP comprend deux types de filtres : les premiers pour les contrôles SEO purs, les seconds pour les exigences propres aux pages AMP.

12

1Non-200 ResponseLe premier filtre : les URL AMP qui ne répondent pas 200.2Filtres AMPContrôles SEO et exigences de validation AMP.

Filtres SEO

• Non-200 Response : les URL AMP qui ne répondent pas avec un code 200 « OK ». Causes possibles : blocage par le robots.txt, absence de réponse, redirections, erreurs client et serveur.
• Missing Non-AMP Return Link : les URL qui ont une version AMP mais pas de balise link rel="amphtml" de retour vers l’URL AMP.
• Missing Canonical to Non-AMP : les URL AMP sans balise link vers l’URL canonique, ou avec une balise pointant vers une autre ressource AMP.
• Non-Indexable Canonical : les URL AMP dont la canonical est une URL non indexable. Les canonicals devraient normalement être indexables.
• Non Indexable : les URL AMP non indexables parce que correctement canonicalisées vers la version desktop (canonique).
• Indexable : les URL AMP indexables. Les URL AMP qui ont un équivalent desktop devraient toujours être non indexables, car canonicalisées vers celui-ci. Seules les URL AMP sans équivalent desktop devraient être indexables.

Filtres de validation AMP

Voici un exemple de page AMP valide, avec tous les éléments contrôlés par les filtres :

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <title>Hello, AMPs</title>
  <link rel="canonical" href="https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup/">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</head>
<body>
  <h1 id="hello">Hello AMPHTML World!</h1>
</body>
</html>

• Missing HTML AMP Tag : les pages AMP HTML doivent contenir une balise HTML AMP de premier niveau.

<html amp lang="en">

• Missing/Invalid Doctype HTML Tag : les pages AMP doivent commencer par le doctype <!doctype html>.
• Missing Head Tag : les pages AMP HTML doivent contenir la balise head, facultative en HTML classique.
• Missing Body Tag : les documents AMP HTML doivent contenir la balise <body>. Ce filtre affiche les pages où elle manque.
• Missing Canonical : les URL AMP doivent contenir dans le head une balise canonical pointant vers la version HTML classique (non AMP) du document, ou vers elles-mêmes si cette version n’existe pas.
• Missing/Invalid Meta Charset Tag : les pages AMP HTML doivent contenir une balise meta charset="utf-8" juste après la balise <head>, pour encoder la page.
• Missing/Invalid Meta Viewport Tag : les pages AMP HTML doivent contenir la balise meta name="viewport" content="width=device-width,minimum-scale=1" dans leur head. Il est aussi conseillé d’inclure initial-scale=1 pour un viewport responsive.
• Missing/Invalid AMP Script : SEO Spider vérifie que les pages AMP HTML contiennent une balise script async src="https://cdn.ampproject.org/v0.js" dans leur head.
• Missing/Invalid AMP Boilerplate : les pages AMP HTML sans code boilerplate AMP dans le head, ou avec un code invalide. Le boilerplate <style amp-boilerplate>…</style> masque le contenu en réglant l’opacité du body à 0. Une fois AMP chargé, le système calcule la mise en page et règle l’opacité du body à 1 pour afficher le contenu.
• Contains Disallowed HTML : chaque URL AMP contenant du HTML non autorisé en AMP.
• Other Validation Errors : les URL AMP avec d’autres erreurs signalées par le validateur AMP officiel.