Référencement AMP : un guide pour les éditeurs

La lenteur du chargement des sites est l'un des principaux obstacles aux ambitions des éditeurs en matière d'acquisition d'audience.

^du étude de Deloitte (téléchargement PDF) qu'améliorer la vitesse de chargement d'un site de seulement 0,1 seconde peut accroître les taux de conversion jusqu'à 10 % .¹

Le projet Google AMP a été annoncé en 2015 comme un moyen d'aider les éditeurs à améliorer l'expérience utilisateur en accélérant le chargement des sites mobiles.² ^Cependant , sa pertinence pour les éditeurs est de plus en plus remise en question depuis que Google a supprimé AMP de ses critères de classement en ^2021.³

Dans cet article, nous expliquons ce qu'est Google AMP et si les éditeurs doivent encore l'inclure dans leur stratégie d'optimisation pour les moteurs de recherche (SEO).

Qu'est-ce que l'AMP ?

Accelerated Mobile Pages (AMP) est un framework HTML open source initialement créé par Google et désormais géré par le projet AMP Open Source. Il permet de créer des pages web légères et rapides à charger, sans nécessiter la prise en charge complète de JavaScript, HTML et CSS.

La vitesse et l'expérience de navigation ont pris une importance croissante en tant que facteurs de classement pour Google et les autres moteurs de recherche. L'évolution mondiale des habitudes de navigation — le trafic mobile ayant dépassé le trafic sur ordinateur ^accorder une importance accrue à la vitesse lorsqu'ils évaluent l'expérience utilisateur optimale.

AMP est une mesure supplémentaire prise par Google pour garantir un accès aussi rapide que possible à l'information. La version AMP d'une page est une version allégée, ne conservant que l'essentiel :

• AMP HTML est un sous-ensemble de HTML. Il réduit le nombre d'éléments utilisables tout en en ajoutant de nouveaux.
• AMP JS est un framework JavaScript dédié à la gestion et au chargement des ressources. Aucune autre bibliothèque JavaScript n'est autorisée dans AMP.
• AMP Content Delivery Network est un élément optionnel qui vous permet de diffuser votre contenu encore plus rapidement grâce à son cache.
• Le CSS est également limité à certains éléments.

Quels sont les avantages d'AMP pour les éditeurs ?

Le principal avantage de Google AMP réside dans la réduction significative des temps de chargement. AMP offre une différence notable en termes de temps de chargement par rapport aux pages HTML classiques.

C’est important car Google a annoncé en juillet 2018 que la vitesse serait un facteur de classement dans les résultats de recherche mobile, comme c’était le cas pour les recherches sur ordinateur depuis 2010. ⁵

Dans le monde numérique actuel, la vitesse est souvent considérée comme primordiale. Bien qu'AMP ait perdu de son influence dans les résultats de recherche depuis que Google a uniformisé les conditions entre AMP et les pages classiques, il reste un élément essentiel pour améliorer les temps de chargement des pages web mobiles ^.

Bien que les pages à chargement rapide présentent des avantages évidents, la mise en œuvre d'AMP comporte un certain nombre d'inconvénients sérieux, que nous allons explorer ci-dessous.

Inconvénients de l'AMP

L'un des principaux inconvénients de la technologie AMP est qu'elle privilégie la vitesse, limitant ainsi l'expérience utilisateur ainsi que les options de développement et de suivi de l'éditeur.

L'accent mis par AMP sur la vitesse empêche les éditeurs d'implémenter certains types de formats publicitaires. Google indique que les types d'annonces suivants ne sont pas disponibles dans Ad Manager : ⁷

• Interstitiels
• Extensible
• Non-HTTPS
• Contenu multimédia riche qui s'adapte à la taille

Google, de son côté, a reconnu que Google Analytics a des capacités limitées en matière de suivi des pages AMP par rapport aux pages standard ^.

La gestion de l'expérience utilisateur AMP peut également s'avérer complexe sur le plan technique. Les pages AMP peuvent être servies à la fois par un cache AMP dédié sur un serveur Google et par le serveur de l'éditeur.

Les pages AMP sont servies depuis un cache AMP lorsque les visiteurs cliquent sur une page de résultats de recherche Google (SERP), mais peuvent être servies depuis le serveur de l'éditeur lorsqu'un visiteur accède au site web de cet éditeur. Cela peut impacter la vitesse de chargement des pages, sauf si l'éditeur a optimisé ^ses pages AMP hébergées .

Les éditeurs qui choisissent d'héberger leurs pages AMP le font par crainte que les visiteurs ne restent sur les serveurs de Google. Le géant de la recherche a tenté de remédier à ce problème en annonçant la prise en charge des échanges signés ^compatible qu'avec Chrome.

Les développeurs doivent également assumer un travail de développement supplémentaire pour maintenir deux ensembles de pages Web, tout en veillant à ce que les pages AMP restent conformes à la norme AMP.

Supprimer des éléments de design au profit de la vitesse comporte également le risque que les pages AMP de différents éditeurs se ressemblent quelque peu. 

Alternatives à AMP

Bien que la technologie AMP charge généralement les pages plus rapidement que le HTML standard, cela ne signifie pas qu'une page non-AMP à chargement rapide soit impossible.

Par exemple, limiter le nombre de connexions tierces et intégrer le chargement différé peuvent contribuer à améliorer la vitesse de chargement des pages.

La décision de Google de supprimer le favoritisme envers les pages AMP signifie que les pages non-AMP à chargement rapide peuvent désormais concourir pour le carrousel des actualités principales . <sup>¹¹ Cela implique également que le référencement naturel de Google Actualités a dû évoluer pour rester pertinent. ^¹²

Études de cas AMP

Condé Nast a été l'un des premiers éditeurs à mettre en œuvre AMP. ¹³ Un an après la mise en œuvre d'AMP sur Vanity Fair, le CTR sur les résultats de recherche est passé de 5,9 % à 10,3 % et la position moyenne dans les SERP est passée de 5,9 à 1,7.

Près de 80 % de leur trafic de recherche mobile provenait de pages AMP. Parallèlement, Condé Nast a mis à profit les enseignements tirés du projet pilote mené avec Vanity Fair pour déployer des pages AMP auprès de 14 autres marques.

Le site web d'AMP propose de nombreuses études de cas sur la mise en œuvre d'AMP qui mettent en évidence les avantages pour les éditeurs. ¹⁴

L'un de ces témoignages provient du Washington Post, l'un des premiers collaborateurs du projet AMP. Après la mise en œuvre d'AMP, les temps de chargement ont été réduits de 88 %. L'effet d'entraînement de cette amélioration de la vitesse s'est traduit par une augmentation du taux de retour des utilisateurs mobiles, qui est passé de 51 % à 63 %.

Asahi Shimbun est le deuxième plus grand quotidien du Japon. Une grande partie de son trafic provient des appareils mobiles ; il a donc décidé de tirer parti des gains de vitesse offerts par AMP pour améliorer son positionnement dans les résultats de recherche et l’expérience utilisateur.

L'article a également mis en œuvre des modules publicitaires inclus dans la spécification AMP pour monétiser ses pages AMP, ce qui a permis non seulement d'améliorer de 240 % le nombre de pages vues, mais aussi d'augmenter de 344 % les revenus publicitaires.

Grupo Expansión est le plus grand éditeur de médias en ligne au Mexique. Son contenu AMP se charge 80 % plus rapidement qu'auparavant et le temps passé sur le site a doublé. Cela a eu un impact visible sur ses revenus publicitaires, le taux de clics sur les publicités étant 150 % supérieur à celui des pages non AMP.

Cela dit, tous les éditeurs n'ont pas choisi de rester fidèles à AMP, beaucoup exprimant leur frustration face aux limitations du format.

Un succès mitigé

En février 2022, Future plc Inc a annoncé avoir désactivé AMP sur 80 à 90 % de ses pages web. L'entreprise a alors indiqué qu'AMP limitait sa capacité à monétiser les impressions et que, non seulement le trafic n'avait pas diminué, mais que ses revenus avaient même progressé.

Vox, BuzzFeed et BDG ont également examiné la possibilité de continuer avec AMP, a rapporté le Wall Street Journal en février 2022. ¹⁵ Le journal a cité des sources selon lesquelles les éditeurs souhaitaient un plus grand contrôle sur l'apparence du site Web et les emplacements publicitaires.

Matt Prohaska, PDG de Prohaska Consulting, a déclaré que les avantages d'AMP ne valaient pas « la peine » en raison de la façon dont Google classe désormais les articles non-AMP. ¹⁶

Le pire, cependant, c'est qu'AMP est au cœur d'une action en justice intentée par un État américain contre Google pour abus présumé de sa « position de monopole ».

Accusations gênantes

un juge new-yorkais (téléchargement PDF) relatifs ^pénalisé les performances des pages non-AMP afin de forcer les éditeurs à adopter ce format.

Selon la plainte, cette mesure visait à générer davantage de revenus pour les plateformes publicitaires de Google. Google est même accusé de vouloir supprimer le header bidding. Ces accusations, bien que virulentes, ont trouvé un écho auprès de certains acteurs du secteur de l'édition. 

Monétisation AMP

Le framework AMP a évolué au fil des ans pour offrir une plus grande flexibilité aux éditeurs dans la monétisation de leur contenu.

AMP prend désormais en charge un large éventail de formats et de technologies publicitaires, et plus de 100 réseaux publicitaires sont compatibles avec son intégration. ^plus , AMP gère les paywalls et offre un cadre accessible pour réguler l'accès au contenu pour les abonnés, les utilisateurs à consommation limitée et les utilisateurs anonymes.

Mais les limitations techniques imposées par AMP pour améliorer la vitesse de chargement impliquent que le nombre de réseaux publicitaires pouvant recevoir des espaces publicitaires est limité.

AMP supprime le code JavaScript superflu des pages pour améliorer leur vitesse de chargement. Le problème est que la plupart des balises publicitaires numériques modernes utilisent du code JavaScript. ^plus , le header bidding repose également sur ces balises JavaScript.

Pour contourner ce problème, le projet AMP a développé une solution technique native AMP appelée Real-Time Config (RTC) . ^RTC n'autorise que cinq appels à des fournisseurs externes par unité publicitaire, y compris les plateformes de gestion de données (DMP) ainsi que les fournisseurs de suivi de la visibilité et de l'audience.

Si un éditeur doit faire appel à des régies publicitaires externes, il recevra moins de cinq offres par emplacement publicitaire. En revanche, les éditeurs n'utilisant pas AMP peuvent recevoir entre 7 et 10 offres, optimisant ainsi leur coût pour mille impressions (CPM).

Pour pallier cet inconvénient, il est possible d'utiliser RTC pour se connecter à un wrapper de header bidding, ouvrant ainsi la voie à une technique de publicité programmatique permettant à l'éditeur de proposer son inventaire à plusieurs régies publicitaires avant d'interroger leurs serveurs publicitaires. ^header bidding utilise l'une des requêtes externes autorisées par RTC pour gérer l'ensemble des opérations au sein d'un wrapper de header bidding.

Pour améliorer la monétisation des publicités AMP, Google a intégré la fonctionnalité Fast Fetch en 2017. Fast Fetch demande les annonces plus tôt et ne les affiche que lorsqu'elles sont susceptibles d'être vues par l'utilisateur. Ainsi, par exemple, une annonce en bas de page ne s'affichera que si l'utilisateur commence à faire défiler la page. Cela permet des temps de chargement beaucoup plus rapides.

AMP permet la mise en œuvre de publicités vidéo, à la fois instream (au sein de contenu vidéo organique) et outstream (une publicité vidéo autonome dans du contenu Web classique), ainsi que de publicités rich media.

Le projet AMP recommande ce qui suit lors de l'intégration de publicités sur les pages AMP : ²²

• Utilisez le même nombre de publicités sur les pages AMP et non-AMP pour maximiser vos revenus.
• La première publicité devrait se trouver en dessous de la ligne de flottaison afin d'améliorer l'expérience utilisateur.
• Évitez les publicités et les interstitiels trop lourds pour éviter les changements de contenu.
• Utilisez de nouveaux formats tels que les publicités autocollantes et les publicités « tapis volant » pour les annonces vendues directement.
• Utilisez des publicités dans des carrousels ²³ ou des boîtes lumineuses ²⁴ pour générer plus de revenus.
• Les publicités peuvent également être des pages AMP, et le projet AMP les recommande pour leurs avantages en termes de performance et de sécurité des utilisateurs.
• Activez les demandes d'annonces multi-formats sur votre inventaire AMP. ²⁵

Publicités AMP

L'utilisation d'AMP HTML pour la création de publicités présente deux avantages majeurs. Premièrement, la rapidité : selon le projet AMP, les publicités se chargent jusqu'à six fois plus vite que les publicités classiques sur une page AMP. ^{Deuxièmement} , AMP offre à l'éditeur un contrôle total sur le site web et les publicités, garantissant ainsi leur absence de logiciels malveillants.

Les formats publicitaires AMP incluent les carrousels, les lightboxes et les vidéos à effet de parallaxe. Les publicités AMP ne sont pas uniquement destinées aux éditeurs pour la vente directe ; un nombre croissant de plateformes côté offre (SSP) et de places de marché publicitaires commencent également à prendre en charge AMP. ²⁷

AMP pour les e-mails et les articles Web

AMP ne se limite pas à l'affichage ultra-rapide d'articles et de publicités. En tant que sous-ensemble de HTML, il permet de développer tout type de site web, y compris un site e-commerce.

Par ailleurs, le projet AMP a lancé deux autres formats spécifiques à utiliser avec AMP.

Courriels AMP

L'utilisation d'AMP dans les e-mails, bien que limitée à certains cas, permet de créer des e-mails interactifs et dynamiques. Parmi les exemples d'utilisation, citons l'affichage des prix mis à jour, l'enregistrement d'articles dans un compte ou la réponse à une invitation à un événement. Tout cela directement depuis l'e-mail, sans avoir à consulter un autre site web.

Alors que plus de 30 plateformes et fournisseurs de services de messagerie (ESP) prennent en charge AMP, ce format n'est supporté que par quatre clients de messagerie : ²⁸

• Gmail
• Mail.ru
• FairEmail
• yahoo Mail

Histoires Web (anciennement AMP Stories)

Depuis que Snapchat a lancé ce format en 2013, les stories interactives sont devenues quasi omniprésentes dans l'univers mobile. AMP offre aux éditeurs la possibilité de créer des récits visuels captivants.

Le Google Web Stories permet aux éditeurs d'utiliser des images, des vidéos, des GIF, de l'audio et du texte. Ces éléments peuvent être animés et les utilisateurs peuvent interagir avec eux. ²⁹

Google mettrait également en avant sa fonctionnalité Visual Stories , qui inclut Web Stories, sur les pages de résultats mobiles aux États-Unis. ^Cette initiative crée un nouveau champ de bataille SEO pour les éditeurs cherchant à prendre l'avantage sur leurs concurrents.

Des éditeurs tels que Wired, The Atlantic, le San Francisco Chronicle et la BBC utilisent cette fonctionnalité dans leurs publications.

Les Web Stories peuvent être monétisées grâce à des publicités créées dans le même format que les stories.

Comment implémenter AMP

WordPress

La méthode la plus simple pour implémenter AMP sur un site WordPress consiste à utiliser l' extension AMP pour WordPress . ^format AMP lorsque cela est possible et facilite la conversion du reste, reproduisant ainsi les fonctionnalités du contenu HTML standard.

Ce plugin permet de convertir un site entier en AMP, de sélectionner des articles ou des pages spécifiques qui n'utiliseront pas AMP, ou de choisir un modèle transitoire pour diffuser simultanément du contenu AMP et non-AMP.

Il offre également des options pour ajouter des fonctionnalités supplémentaires telles que des analyses ou certaines interactivité comme les menus hamburger, généralement fournis via Javascript, qui est exclu d'AMP.

Le plugin inclut également la possibilité de créer des Web Stories.

Autres sites

Pour les sites n'utilisant pas WordPress, le projet AMP propose une série d'outils permettant d'implémenter et de valider du contenu AMP. Il existe un framework React capable de générer des pages AMP et une boîte à outils AMP pour publier et héberger ces pages.

Erreurs courantes

L'erreur la plus courante lors de la mise en œuvre d'AMP consiste à utiliser des balises HTML, des attributs et des propriétés CSS non autorisés.

Une autre erreur fréquente consiste à ne pas configurer correctement les outils d'analyse. Par exemple, si la fusion de sessions n'est pas implémentée, les visiteurs accédant au contenu AMP mis en cache d'un site seront considérés comme provenant d'une page référente externe s'ils y accèdent depuis une page non-AMP de ce même site.

Google Analytics propose des instructions spécifiques sur la manière d'implémenter ses balises d'analyse dans les pages AMP.7 Google fournit des informations complémentaires sur la gestion de la fusion de sessions dans ses guides :

• Unification des sessions³²
• Mesure interdomaines³³

Par ailleurs, le fait de ne pas reproduire correctement les fonctionnalités de base sur les pages AMP — par exemple, une mauvaise implémentation des menus, des appels à l'action (CTA) et autres éléments de navigation — pourrait avoir un impact négatif sur l'expérience utilisateur ainsi que sur les indicateurs.

Données structurées

L'intégration de données structurées est essentielle pour améliorer la visibilité du contenu AMP. ^Sans une implémentation correcte des métadonnées, les pages AMP n'apparaîtront pas dans les extraits enrichis des fonctionnalités SERP telles que les carrousels, les articles à la une ou les articles visuels.

Google recommande d'utiliser le même balisage de données structurées pour la page canonique et la page AMP associée. ^{référencement} sémantique que la page canonique, mais aussi d'éviter l'envoi de signaux contradictoires concernant son contenu.

Le projet AMP recommande d'inclure les données structurées suivantes dans les pages AMP :

• Type de contenu spécifique (par exemple, article de presse)
• Titre
• Date de publication
• Date de modification
• Auteur
• Image/Multimédia
• Contenu payant (si le contenu est sur abonnement)
• Éditeur/organisation 

D'autres plateformes, comme Twitter, utiliseront également les balises de métadonnées Open Graph.

Il existe deux outils de validation : l’un permet de s’assurer que des résultats enrichis Google peuvent être générés pour une page, et l’autre effectue une validation de schéma générique. ³⁶

Mise en œuvre des tests

La validation du contenu AMP est nécessaire pour garantir sa validité pour la recherche Google.

Selon la manière dont AMP a été implémenté, les éditeurs peuvent déjà avoir accès à des outils de validation, comme c'est le cas avec le plugin WordPress.

Si ce n'est pas le cas, Google propose plusieurs outils de validation, et les erreurs du site apparaîtront également dans la Google Search Console (GSC).

Suppression de l'AMP

Si les pages AMP ne donnent pas les résultats escomptés, il existe deux façons de les supprimer. Bien que Google affirme ^qu'il existe trois options , deux de ces méthodes consistent en réalité à demander au système de gestion de contenu (CMS) de supprimer le contenu.

Lorsqu'ils utilisent le CMS, les éditeurs peuvent lui demander de supprimer rapidement le contenu, ce qui supprimera toutefois à la fois la version AMP et la version HTML de la page.

Cette approche exige que l'utilisateur suive les étapes suivantes.

1. Supprimez les deux versions de la page du serveur ou du CMS.
2. À l’aide de l’ Supprimer le contenu obsolète , saisissez les URL AMP et non-AMP de la page à supprimer. ³⁸
3. Mettez à jour le cache Google AMP. 
4. Utilisez Google Search pour vérifier que la page AMP a bien été supprimée.

Il est également possible de désactiver complètement l'option AMP pour empêcher la diffusion de contenu AMP dans le CMS. Attention : cette action supprimera toutes les pages AMP du site.

À vrai dire, ces deux options sont des solutions plutôt peu élégantes. Pour une approche plus ciblée, les éditeurs peuvent supprimer une page AMP associée à une page non-AMP en supprimant le lien rel="amphtml" du code source de la page non-AMP.

Les éditeurs doivent ensuite suivre les étapes suivantes :

1. Configurez le serveur pour qu'il renvoie une redirection 301 ou 302 pour la page AMP supprimée.
2. Rediriger vers la page canonique non-AMP.

Bien que ces étapes suffisent à supprimer la page de la recherche Google, la suppression des pages AMP des plateformes autres que Google nécessite les étapes supplémentaires suivantes :

1. Configurez le serveur pour qu'il envoie une erreur 404, empêchant ainsi le cache Google AMP de diffuser le contenu.
2. Mettez à jour le cache Google AMP pour vous assurer que le contenu a été entièrement supprimé.
3. Utilisez les résultats de recherche Google pour vérifier la suppression d'une seule page AMP. Utilisez le rapport d'état AMP de Google Search Console pour vérifier la suppression d'un grand nombre de pages.

Il convient également de noter que les liens permanents vers la page AMP supprimée peuvent être maintenus actifs en configurant des redirections 301 vers la page canonique non-AMP.

Analyse des résultats AMP

Lors de l'évaluation d'une implémentation AMP, trois aspects différents doivent être pris en compte.

Tout d'abord, les améliorations de performance nécessitent une évaluation. Google propose deux outils de test de vitesse : PageSpeed ​​Insights ^et Lighthouse . ^est important de noter qu'aucun de ces outils ne prend en compte les gains de performance obtenus grâce à la mise en cache et au prérendu. Par conséquent, les gains de performance réels sont probablement supérieurs à ceux mesurés par ces outils.

Deuxièmement, il est important de mesurer l'impact des améliorations de vitesse et d'expérience utilisateur sur le référencement. Des outils comme Semrush ou Ahrefs permettent de suivre les performances SEO des pages AMP et d'en évaluer l'influence. Ces outils affichent la position de chaque page dans les SERP, les taux de clics (CTR) et sa présence dans les extraits enrichis.

Enfin, évaluez l'impact d'AMP sur votre activité. Les outils d'analyse permettent de mesurer la performance du contenu AMP en termes de temps passé sur le site, de taux de retour, de taux de clics sur les publicités et de revenus.

Réflexions finales

Le fait qu'une part croissante du trafic provienne d'appareils mobiles rend la vitesse de chargement et une expérience utilisateur optimale essentielles au succès. Les pages mobiles accélérées (AMP) résolvent ces deux problèmes simultanément.

La conversion de contenu au format AMP, si elle est correctement mise en œuvre, peut améliorer l'expérience utilisateur, le référencement naturel et la visibilité dans les extraits enrichis. Ces actions devraient avoir un impact clair et mesurable sur les performances publicitaires et les revenus.

Alors que certains éditeurs ont pleinement adopté AMP, d'autres ont commencé à se détourner de ce format, arguant qu'il ne répond pas aux attentes de Google. 

Au final, il appartient aux éditeurs d'expérimenter par eux-mêmes afin d'en déterminer la valeur relative. La faisabilité financière de cette démarche sera un facteur déterminant dans leur prise de décision. Après tout, les éditeurs, comme toute entreprise, ont des budgets à gérer.