Google AMP,Qu’est-ce que c’est ? A quoi ça sert ?

Sommaire

Qu’est-ce que Google AMP et es-ce que j’en ai besoin pour le référencement SEO ?

Selon une étude de 2020, le trafic mobile a augmenté de 504 % dans la consommation quotidienne de médias depuis 2011. Comme de plus en plus de consommateurs utilisent leur téléphone mobile pour accéder au contenu, il est plus important que jamais d’optimiser l’expérience mobile – non seulement pour vos lecteurs, mais aussi pour votre référencement ; Google peut détecter les pages qui se chargent lentement ou qui ont un taux de rebond élevé, et classera ces pages plus bas dans les résultats de recherche.

Nous savons que l’optimisation mobile est importante pour votre stratégie de contenu et le référencement, et Google AMP est une technologie conçue pour aider à cela, mais si Google AMP est le meilleur outil pour le faire pour votre site Web d’entreprise, en particulier, dépend de votre industrie, de la taille de l’entreprise, du modèle d’entreprise, de la stratégie de contenu, et plus encore. Donc, dans ce post, je vais couvrir :

  • Ce qu’est Google AMP, à qui il convient et comment il fonctionne.
  • Les avantages et les inconvénients de Google AMP.
  • Comment mettre en œuvre AMP sur votre site, si cela vous convient.

Que Google AMP vous convienne ou non, cet article vous permettra d’acquérir les connaissances en matière de référencement dont vous avez besoin pour vous sentir en confiance en ce qui concerne le référencement et les performances mobiles de votre site.

Qu’est-ce que Google AMP ?

En 2016, Google a annoncé le lancement d’Accelerated Mobile Pages – une solution web open-source conçue pour révolutionner la consommation de contenu mobile. Il s’agissait d’une réponse directe à la plateforme de publication in-app de Facebook à l’époque (Instant Articles), et à la plateforme d’agrégation et de découverte des actualités d’Apple iOS 9 (Apple News).

La version AMP d’une page produit, d’un article de blog ou d’une page de renvoi est censée se charger instantanément sur le mobile. Elle peut également apparaître différemment ou sous forme de carte dans la SERP mobile. Le symbole de l’éclair AMP associé à un résultat permet aux utilisateurs de savoir que cette page particulière se chargera plus rapidement que les autres pages non AMP qui l’entourent.

Selon une première étude, les pages Google AMP se chargent quatre fois plus vite et utilisent huit fois moins de données que les pages traditionnelles optimisées pour les mobiles. L’idée initiale était de fournir un cadre open-source qui rendrait l’expérience mobile non seulement meilleure, mais aussi plus rapide.

L’idée initiale était de fournir un cadre open-source qui rendrait l’expérience mobile non seulement meilleure, mais aussi plus rapide.

L’AMP est-il essentiel ?

Avant d’aborder les avantages et les inconvénients de Google AMP, il est important de noter que si AMP peut aider votre référencement, il n’est pas nécessairement essentiel pour le référencement dans certains cas, et les avantages sont plus applicables à certaines entreprises que d’autres. Nous allons ensuite approfondir les avantages et les inconvénients d’AMP, mais commençons par fournir quelques points clés qui peuvent vous aider à vous orienter vers AMP en ce qui concerne votre entreprise :

  • AMP est largement adopté par les sites d’éditeurs qui ont un volume important d’articles d’actualité ou de billets de blog. Si la majorité des pages de votre site Web ne sont pas des articles, alors AMP n’est peut-être pas nécessaire pour votre entreprise.
  • Si vous publiez un volume élevé d’articles mais que vous utilisez déjà un CDN (content delivery network), ces plateformes sont souvent dotées de fonctions d’optimisation des performances telles que l’hébergement des images, la mise en cache des fichiers et le chargement paresseux (ce qui signifie que le texte se charge d’abord, avant les images).
  • Les pages AMP sont plus propres et plus simples pour les lecteurs, mais souvent parce que certaines fonctions JavaScript et certains plugins sont dépréciés ou supprimés. Si vous vous appuyez sur des outils tiers pour la capture de prospects et le suivi d’audience, vous voudrez effectuer des tests pour vous assurer que vos pages AMP fonctionnent et capturent les informations de la même manière que vos pages normales.
  • AMP n’est pas en soi un facteur de classement dans Google. Il peut contribuer à améliorer les aspects de vos pages Web qui sont pris en compte dans l’algorithme de Google (notamment avec les Core Web Vitals qui deviendront un facteur de classement en 2021), mais ce n’est pas le seul moyen d’optimiser l’expérience et les performances de votre site.
  • Si vous avez déjà une version mobile de votre site ou des mesures d’optimisation mobile en place (comme un code CSS consolidé ou minifié), AMP peut ne pas être nécessaire et peut même compliquer les performances et les rapports.

Si AMP peut aider votre référencement, il n’est pas nécessairement essentiel pour le référencement, et ses avantages s’appliquent davantage à certaines entreprises qu’à d’autres.

Peii henry

En résumé, l’optimisation de la vitesse des pages et de l’expérience mobile est essentielle pour le référencement, et Google AMP n’est qu’un moyen d’y parvenir. Lisez la suite pour savoir comment il fonctionne et s’il s’agit de la bonne solution pour votre entreprise.

Quels sont les avantages de Google AMP ?

Outre des vitesses de chargement plus rapides et une meilleure expérience pour les consommateurs de contenu, AMP offre plusieurs avantages aux entreprises ayant une stratégie de contenu et de référencement :

Un engagement accru du site Web

Le contenu AMP léger s’adapte bien aux utilisateurs mobiles dont la connexion Internet n’est pas stable. De plus, la diminution du temps de chargement des pages améliore l’expérience utilisateur d’une manière qui augmente les chances que les visiteurs restent plus longtemps sur votre site.

Amélioration du classement et du trafic

Le temps de chargement des pages étant un facteur de classement de Google, les AMP sont prioritaires dans les algorithmes de recherche de Google, ce qui affecte le classement. Essentiellement, si deux sites sont au coude à coude, le plus rapide l’emporte.

Taux de rebond plus faible

Si vos pages se chargent plus rapidement, les visiteurs restent généralement sur place. Une étude de Google a révélé que 53 % des visites de sites Web sont abandonnées si le chargement d’un site mobile prend plus de 23 secondes. En outre, les éditeurs qui mettent en œuvre AMP peuvent potentiellement multiplier par deux le temps passé sur une page. Et plus de temps sur votre site web peut signifier plus de conversions à partir de votre contenu.

Plus de temps passé sur votre site web peut signifier plus de conversions à partir de votre contenu.

PEII HENRY
Taux de conversion contre vitesse de chargement

Augmentation du nombre d’affichages des publicités

Avec AMP, le HTML est codé de manière à améliorer la convivialité globale des bannières et des images. Il en résulte un taux de visualisation des publicités plus élevé, ce qui aide les éditeurs à augmenter les possibilités de monétisation de leur contenu.

Des taux de clics plus élevés

L’un des principaux avantages d’AMP est qu’il est présenté dans la liste des meilleures histoires (ou carrousel) de la SERP mobile de Google, qui apparaît en haut de tous les résultats de recherche. Les lecteurs sont beaucoup plus susceptibles de sélectionner ces pages AMP en premier, ce qui entraîne une augmentation des taux de clics.

Statistiques AMP actuelles

Si de nombreux sites Web populaires utilisent aujourd’hui la technologie AMP, comme Yahoo, CNN, BBC, Reddit, Washington Post, WordPress, Gizmodo, Wired, Independent.co.uk, Pinterest, eBay, et bien d’autres encore, il ne s’agit pas d’une technologie réservée aux grandes marques. La technologie AMP est utilisée par plus de 1,4 million de sites Web. Le graphique ci-dessous montre les secteurs qui utilisent le plus AMP :

  • Les arts et le divertissement représentent près de 11 % de l’utilisation totale de la technologie AMP.
  • L’électronique et la technologie informatique représentent environ 6%.
  • La science et l’éducation suivent de près avec 5,88%.
  • Les jeux représentent environ 5,15% de l’utilisation des technologies du CHA.
  • Les 73% restants sont le total des pourcentages insignifiants de toutes les autres industries.

L’anatomie d’une page Google AMP

Pour comprendre comment Google AMP donne un coup de pouce à votre stratégie de référencement et de marketing de contenu, il vaut mieux d’abord se familiariser avec les trois principaux composants d’une page AMP.

AMP HTML

Le langage AMP HTML diffère du langage HTML ordinaire (ou HTML5) en ce qu’il comporte des propriétés et des balises personnalisées axées sur le mobile. AMP HTML garantit certaines caractéristiques de performance de base, ce qui se traduit par un chargement plus rapide du contenu sur les appareils des utilisateurs. Cela signifie une consommation plus rapide par le lecteur et une meilleure expérience utilisateur globale, ce qui peut avoir un impact sur les taux de conversion et les mesures de référencement/marketing de contenu comme le taux de rebond (mentionné ci-dessus) et le temps passé sur le site. (Une consommation plus rapide signifie que le lecteur peut consommer plus d’articles en moins de temps).

AMP JavaScript

AMP JavaScript permet à la page AMP de fournir plus efficacement au lecteur les principaux avantages de la page normale. La bibliothèque AMP JavaScript utilise les meilleures pratiques d’AMP, comme le CSS en ligne et le déclenchement des polices, qui garantissent un rendu plus rapide de la page AMP pour les lecteurs. Elle permet également d’utiliser des techniques d’amélioration des performances, comme le précalcul de la disposition de chaque élément de la page avant le chargement des ressources, et la désactivation des sélecteurs CSS lents, qui sont tous cruciaux pour l’expérience du lecteur.

AMP Cache

Le cache AMP est conçu pour ne servir que les pages valides et les laisser se précharger de manière sûre et efficace. Cela signifie qu’une page confirmée (sur laquelle nous reviendrons plus tard) est garantie de fonctionner, ce qui élimine la dépendance à des facteurs externes qui pourraient ralentir la page.

Au vu de la répartition ci-dessous, vous pouvez constater qu’en réduisant la gestion des balises du code HTML et en ne chargeant que les éléments de la page qui conviennent aux utilisateurs mobiles, la version AMP d’une page s’affiche plus rapidement. Le diagramme Whiteboard Friday de Will Critchlow fournit un visuel simple à ce sujet :

Comme le note Critchlow, si vous disposez d’une version AMP, dans le code source, vous la désignerez par le lien rel AMP HTML. Par exemple, si vous mettez /amp à la fin de n’importe quel article sur le site Web du Guardian (même sur le bureau), vous verrez le HTML AMP. Il est lié à l’affichage avec le lien AMP HTML dans le code source. Vous pouvez également voir la différence AMP :

Voici une page de nouvelles régulière du Guardian :

Et voici la version AMP de cette même page d’article du Guardian :

C’est-à-dire, après avoir ajouté « /amp » à la fin du lien.

Sans les publicités, le menu de navigation, les lectures recommandées et les autres éléments lourds en ressources, la page se charge plus rapidement et l’expérience du lecteur est plus simple.

Inconvénients et considérations supplémentaires pour l’intégration de Google AMP

Bien qu’AMP puisse contribuer à améliorer votre classement ainsi que l’expérience et les performances de votre contenu pour les lecteurs mobiles, il présente des inconvénients et des réserves dont vous devez tenir compte lorsque vous décidez de mettre en œuvre AMP pour votre site :

  • Pour commencer, l’adoption des pages AMP implique de sacrifier un nombre important d’éléments UX sur votre page Web. En effet, AMP HTML donne la priorité à l’efficacité sur la créativité. Par conséquent, si l’aspect visuel est un élément important de votre expérience Web, ce n’est peut-être pas pour vous.
  • En plus des images limitées sur vos pages AMP, vous n’aurez droit qu’à une seule publicité par page. Ce cadre restrictif ne prend pas non plus en charge les publicités disruptives comme les consommables, tandis que les publicités à vente directe peuvent être difficiles à mettre en œuvre.
  • D’un point de vue marketing, le coût du crawl est doublé pour un seul élément de contenu, ce qui fait partie de la volonté de Google d’assurer la parité. Pour de nombreux éditeurs, il s’est avéré qu’elle générait des impressions mais pas nécessairement des mesures d’engagement. Cela est dû au carrousel de Top Stories qui encourage les utilisateurs à lire d’autres sources.
  • Dans le même ordre d’idées, la visionneuse AMP de Google a tendance à diluer l’identité de la marque car un domaine Google apparaît dans la barre d’adresse. Bien qu’il existe une solution pour afficher le site réel en haut de la page AMP, cela prend un espace précieux au-dessus du pli. Il se peut également que vous n’obteniez pas la même impression de marque avec une page Google AMP qu’avec une page standard, comme le montre l’exemple ci-dessous :
  • En outre, AMP ne fonctionne que si les utilisateurs cliquent sur la version AMP d’une page Web (au lieu de la version canonique). Et si des études ont montré que la bibliothèque AMP peut réduire de 77 % le nombre de requêtes du serveur pour récupérer un document, la version AMP n’est pas toujours servie si elle n’est pas mise en œuvre correctement.
  • Bien qu’AMP existe depuis quatre ans, il n’en est encore qu’à ses débuts.

Voici quelques derniers détails sur Google AMP dont il faut tenir compte avant de décider de l’implémenter sur votre site.

  • Vous devez utiliser une version simplifiée de CSS.
  • Vous n’êtes autorisé à utiliser que la bibliothèque JavaScript fournie par AMP, et comme vous n’avez pas le contrôle, vous risquez de subir un chargement paresseux (peut-être le seul inconvénient d’AMP).
  • Les sites AMP doivent être correctement validés pour pouvoir fonctionner à chaque fois.
  • Les pages du plugin AMP n’autorisent pas les formulaires.
  • Les polices personnalisées doivent être spécialement chargées pour une meilleure expérience.
  • Vous devez déclarer la hauteur et la largeur des images.
  • Vous avez besoin d’extensions approuvées par AMP si vous voulez du contenu vidéo sur vos pages.

Enfin, AMP donne la priorité à la vitesse et à la lisibilité, pas à la partageabilité. Ainsi, comme vos boutons de partage social sont créés à l’aide de JavaScript, ils peuvent ne pas s’afficher correctement.

AMP donne la priorité à la vitesse et à la lisibilité, et non à la partageabilité.

Comment mettre en œuvre AMP pour améliorer votre contenu et votre référencement ?

Bien sûr, si vous avez un site WordPress, la façon la plus simple de commencer à mettre en œuvre AMP est d’utiliser le plugin AMP officiel de WordPress et Google. Si vous cherchez à avoir plus de contrôle sur l’apparence de vos pages AMP ou à recueillir des analyses plus facilement, vous pouvez essayer d’autres plugins gratuits tels que WeeblrAMP ou AMP for WP.

Cependant, toutes les entreprises n’utilisent pas WordPress, et les plugins ont leurs limites. Je vais donc vous guider à travers les étapes que vous pouvez suivre pour mettre en œuvre la technologie AMP dans votre stratégie de marketing de contenu sans plugin.

Étape 1 : Créez votre modèle de page AMP

La première étape que vous devrez suivre pour mettre en œuvre AMP pour vos articles de blog et autres contenus de haute qualité est de créer un modèle de page AMP à partir de zéro. Pour créer un modèle de page AMP, vous devrez commencer votre page HTML AMP avec en haut de votre page, et identifier la page comme un contenu AMP en ajoutant un symbole d’éclair ( ?) dans la balise HTML comme ceci .

Voici un exemple de page HTML AMP simple que vous pouvez utiliser pour votre contenu :

Ce sont les balises à inclure dans vos documents AMP HTML :

Ces balises sont celles que vous pouvez modifier dans le code des pages elles-mêmes :

Maintenant que vous savez comment créer un modèle de page AMP pour votre blog, vous pouvez vous renseigner sur toutes les balises HTML que vous pouvez utiliser pour vos pages AMP.

Malheureusement, il y a certaines balises HTML que vous ne pouvez pas utiliser pour les pages AMP. Il s’agit notamment de :

Étape 2 : Prévisualiser et valider votre page AMP

Pour prévisualiser votre page AMP, vous devrez ouvrir votre page directement dans votre navigateur Web à partir de votre système de fichiers, ou utiliser un serveur Web local, tel qu’Apache 2.

Pour vous assurer que votre page AMP est valide, en revanche, il vous suffit d’ouvrir votre page dans votre navigateur Web, d’ajouter « #development=1 » à l’URL, puis d’ouvrir la console Chrome DevTools pour vérifier les erreurs de validation.

Bruce Day recommande de tester d’abord un ou deux types de pages de votre site Web sur AMP. Idéalement, vous devriez également inclure quelques pages qui se classent afin de voir si Google sert la version AMP dans les résultats de recherche mobile.

Il est important de noter que Google peut prendre quelques jours pour trouver, vérifier et indexer la version AMP d’une page. Aussi, vous devriez laisser le déploiement se dérouler pendant au moins un mois (plus longtemps si vous pouvez vous le permettre). Cela vous permet d’accumuler suffisamment de données pour vous assurer que le déploiement d’AMP sur l’ensemble du site en vaut la peine.

Il faut parfois quelques jours à Google pour trouver, vérifier et indexer la version AMP d’une page, et vous devriez utiliser vos pages AMP pendant au moins un mois afin d’obtenir des données significatives.

Bruce Day

Étape n° 3 : Suivi des performances

Comme pour tout ce qui concerne le marketing numérique, vous devez suivre les performances de vos pages AMP. Pas seulement pour voir comment vous vous situez par rapport à vos concurrents, mais aussi pour voir si vos performances sont en phase avec vos objectifs.

Pour ce faire, vous pouvez utiliser des outils internes, comme Google Analytics, ou l’un des divers outils tiers de B2B. Il existe un certain nombre de fournisseurs d’outils d’analyse qui proposent des fonctions intégrées pour l’analyse AMP.

D’autres choses importantes à noter incluent l’utilisation d’URL canoniques et d’autres variables pour définir ce qui doit être enregistré. Ceci est crucial pour identifier toute fluctuation du trafic causée par AMP.

En outre, l’attribut extraUrlParams de amp-analytics ajoute un paramètre de chaîne de requête à l’URL canonique (tel que « type=amp »). Cela permet de différencier plus facilement les pages AMP des pages Web normales dans les analyses. Vous pouvez ainsi comparer le trafic total des pages avant et après le lancement d’AMP.

Les URL canoniques vous permettent d’isoler le trafic AMP dans Google Analytics pour un meilleur suivi et une meilleure optimisation.

L’AMP vous convient-il ?

Comme vous l’avez appris, AMP est un excellent moyen d’accélérer les pages Web et, en fin de compte, d’améliorer l’expérience utilisateur de votre contenu, en particulier pour les utilisateurs mobiles. Si, sur la base de votre modèle économique et des critères ci-dessus, vous estimez qu’il convient à votre entreprise, veillez à prendre en compte les considérations ci-dessus et à suivre les étapes de mise en œuvre. Cela peut prendre un certain temps, mais un contenu plus performant offre des avantages à long terme.

Le Recyclage de Content, c’est la Vie !

Peii Henry

*GRATUIT*

Bénéficie d’un appel stratégique de 30 minutes où nous allons pouvoir te Coach et faire un audit SEO complet de ton site.

C’est la meilleure solution pour passer à l’étape suivante

CHOISISSEZ VOTRE VOIE

NOS FORMATIONS

Nos Programmes de Formations ;
Lancez votre Business en Ligne avec le SEO, Blogging, Dropshipping, E-Commerce.
Shopify, Dr.Tech, WordPress, WiX. 

AGENCE SEO

Nous Allons Augmenter votre Cashflow.
SEO, Blogging, e-Reputation…
La qualité plutôt que la quantité. La Solutions pour des projets Longs Terme.

COURS GRATUIT

Un plan d’action complet offert pour vous permettre de lancer votre site et de générer des revenus avec le SEO sans dépenser 1 centime c’est 100 % gratuit alors profitez-en !