Vous savez que le Marketing Digital est en perpétuelle évolution !

C’est normal puisque nos comportements changent et la technologie évolue très vite aussi.

Par exemple, nous sommes de plus en plus rivés sur nos smartphones. En conséquence, par exemple, le site Web de votre entreprise doit être compatible mobile. Ce n’est plus une option, c’est le standard !

En plus, Laurent ne cesse de répéter :

Le Mobile et le Marketing vont de pair !

Alors, lorsqu’en octobre 2015, Google a annoncé le projet Accelerated Mobile Pages (AMP), un nouveau format pour accélérer les pages Web sur mobile, je l’ai mis en place dans la foulée sur #audreytips.

Je vous présente aujourd’hui mon retour d’expérience sur Google AMP :

  • Qu’est-ce que Google AMP ?
  • 2 mots sur la technologie AMP
  • Comment rendre votre site WordPress compatible ?
  • Les incidences de Google AMP sur le Référencement Naturel ?

Qu’est-ce que Google AMP ?

Qu’est-ce que Google AMP ?

Google AMP est un protocole conçu par Google qui le présente ainsi :

Le projet AMP est une initiative open source visant à améliorer le web pour tous. Le projet permet la création de sites Web et d’annonces beaucoup plus rapides, magnifiques et performants quelS que soiENt les appareils et les plateformes de distribution.

En d’autres termes, Google, en collaboration avec Pinterest, WordPress, Twitter et LinkedIn, cherche à rendre le Web encore plus rapide.

Et a priori, il ne fait pas confiance aux propriétaires de sites Web pour :

  • Accélérer efficacement les pages de leur site Web,
  • Ni le faire dans un délai raisonnable.

Même si cela n’est pas clair dans ces propos, l’objectif ultime du projet AMP est surtout d’accélérer la vitesse des sites Web sur mobile.

En effet, comme je vous l’ai déjà maintes fois dit, le site Web de votre entreprise perd plus de la moitié de ses visiteurs si les pages ne parviennent pas à se charger en moins de 3 secondes (source visibleo).

Ceci étant dit, l’initiative “Accelerated Mobile Pages” de Google est aussi une réponse aux Instant Articles de Facebook, qui permettent aussi à vos contenus de se charger plus rapidement dans l’application mobile de Facebook.

La technologie derrière Google AMP

La technologie derrière Google AMP

Les pages sous AMP sont une variante des pages Web que vous publiez avec votre CMS – WordPress, par exemple.

Et Google propose cette variante de page dès qu’un internaute fait une recherche sur son mobile.

Pour prendre une analogie, le projet AMP élimine tout le “gras” qui se trouve dans votre code source d’origine pour ainsi accélérer le temps de chargement des pages tout en conservant une bonne expérience utilisateur.

Parlons rapidement de techno

Je sais qu’en tant qu’entrepreneur? vous n’êtes pas forcément un technicien du Web.

Mais je pense qu’il est important de toujours connaître les bases. Je vais tâcher de faire simple.

Concrètement, AMP est une version simplifiée de HTML et de JavaScript.

AMP ne garde uniquement que ce qui est nécessaire pour afficher les informations à un utilisateur sur son smartphone ou sa tablette.

De cette façon, la taille de vos pages Web est réduite au minimum, jusqu’à 10 fois moins de données que sur une page Web traditionnelle.

Juste pour comprendre comment ça marche techniquement :

  • Le HTML AMP est une version simplifiée du HTML normal. Si vous lisez un peu le code HTML, vous voyez que certaines balises HTML sont remplacées ou modifiées pour améliorer les performances.
  • Le JavaScript AMP est aussi issu d’une bibliothèque optimisée. Les appels externes sont chargés de manière asynchrone. Les styles CSS lents sont désactivés et certains scripts ne sont plus chargés par défaut.

En plus, pour encore plus accélérer, Google met à disposition de quoi mettre en cache sur ces serveurs vos pages au format AMP.

Et pour couronner le tout, les versions mises en cache sont diffusées via leur réseau de distribution de contenu (CDN). Voilà de quoi « speeder » un max !

Note : même si les “Accelerated Mobile Pages” sont une version simplifiée des pages affichées sur PC, elles conservent les images, les vidéos, l’audio et les boutons CTA et/ou de partage social qui se trouvent dans vos pages Web.

Bon, assez de blabla technique !

Comment rendre le site Web de votre entreprise compatible AMP ?

Malgré les apparences, rendre son site compatible AMP est super facile.

Les propriétaires de site Web peuvent soit :

Voici les 2 extensions gratuites les plus populaires.

1. L’extension WordPress AMP

L’extension WordPress AMP 

Sous WordPress, vous pouvez utiliser l’extension gratuite AMP développée par Google et Automattic, le concepteur de WordPress.

Cette extension va vous faire gagner un temps incroyable sur ces aspects techniques.

Pour l’installer, rendez-vous dans la colonne de gauche de votre console WordPress dans la rubrique :

Extensions > Ajouter

L’extension WordPress AMP 

Rechercher “AMP”, installez l’extension puis activez-la.

L’extension WordPress AMP 

Et c’est fait, 2 minutes chrono ! Vous disposez de variantes super rapides des pages de votre site, proposées par Google aux internautes depuis les mobiles.

Note : votre version ordinateur reste inchangée.

Bon, le design est assez très basique.

Alors pour adapter vos pages AMP aux couleurs de votre charte graphique, installez l’extension “Glue for Yoast SEO & AMP”.

installez l’extension “Glue for Yoast SEO & AMP”.

Pour la configurer, rendez-vous depuis la colonne de gauche de la console WordPress, dans la rubrique :

SEO > AMP

installez l’extension “Glue for Yoast SEO & AMP”.

L’extension Glue for Yoast SEO & AMP est toute simple avec juste 3 onglets, qui se renseignent en 5 minutes :

  • Type de pages,
  • Design,
  • Analytics.
1. L’onglet “Type de pages” de Glue for Yoast SEO & AMP

Configurez Glue for Yoast SEO & AMP - type de pages

Dans cet onglet, choisissez d’activer ou non le format AMP pour vos articles.

Note : contrairement aux articles, cette extension ne prend en compte les pages de votre site WordPress, ce qui n’est pas forcément rédhibitoire. Voici encore une nouvelle différence entre les pages et les articles sous WordPress.

2. L’onglet “Design”

Configurez Glue for Yoast SEO & AMP - Design

Depuis le deuxième onglet, choisissez la couleur de vos titres, texte, liens, ….

3. L’onglet “Analytics”

Configurez Glue for Yoast SEO & AMP - Analytics

Le troisième onglet sert à copier le code de « tracking » pour Google Analytics.

Une fois copié, vous avez ensuite accès à toutes les statistiques de vos pages AMP sur Google Analytics.

Vous pouvez suivre le nombre de :

  • Pages vues,
  • Clics sur les différentes parties de vos pages de destination,
  • Interactions sociales.
Et voilà le résultat

Google AMP Améliore-t-il Votre SEO ?

2. L’extension AMP for WP pour une configuration plus complète

Sur #audreytips, j’utilise aujourd’hui une autre extension gratuite AMP for WP qui est beaucoup plus complète.

Avec plus de 100.000 installations actives et une note de 4,5 sur 5 étoiles, vous pouvez la télécharger en toute confiance. AMP for WP permet de personnaliser encore mieux votre configuration AMP. En particulier, elle est prend en compte aussi les pages WordPress.

Je vous renvoie vers l’article de Kinsta qui décrit pas à pas les écrans de configuration de « AMP for WP ».

Note : un autre avantage de « AMP for WP » est son catalogue d’extensions additionnelles (payantes) pour combler des lacunes intrinsèques au format AMP. Nous en parlons ci-dessous.

Validation de vos contenus au format AMP

Quelle que soit l’extension utilisée, je vous conseille de tester le résultat obtenu.

En effet, si le code n’est pas valide, Google ne va pas afficher pas la version AMP dans ses résultats de recherche.

Mais comme Google veut vraiment accélérer le Web, il vous aide à tester votre code avec un outil en ligne.

Vous saisissez une adresse URL et quelques instants plus tard vous avez le résultat.

Google AMP : un impact positif sur le référencement de vos pages ?

OUI – Google met en avant les pages au format AMP

Google met en avant les pages au format AMP

Vous remarquez sur cette page de résultats sur mobile les “petites” icônes en forme d’éclair ?

La mise en avant des résultats au format AMP dans les pages de recherches est de plus en plus fréquente.

De plus en plus d’utilisateurs de Google connaissent la signification de cette petit icône indiquant que les pages se chargent beaucoup plus rapidement sur leur mobile.

En conséquence, le taux de clic sur les résultats AMP des pages de recherche augmente, ce qui est bénéfique pour votre Référencement Naturel.

Oui – encore mieux : les Stories AMP dans les résultats de Google

Le format AMP connaît des mises à jour régulièrement.

La dernière mise à jour majeure en date sont les stories. Ce format vertical offre une navigation plus immersive et engageante directement dans les pages de résultats de Google.

Pour soumettre une story à Google, je vous conseille de bien lire leur tutoriel et/ou d’installer l’extension complémentaire de WP for WP : AMP Stories for WordPress.

OUI – Les grands du Web ont pour la plupart adopté le format Google AMP

Les partenaires de Google comme Twitter, Pinterest, LinkedIn redirigent vers les pages AMP lorsque vous êtes sur mobile et que vous cliquez pour afficher une page qui a été promue sur ces plateformes.

Si vous êtes très actif sur les réseaux sociaux, cela peut être un point positif.

Note 2 : Bing, le moteur de recherche de Microsoft et de Yahoo, a adopté aussi l’AMP. Les « Accelerated Mobile Pages » sont désormais privilégiées sur mobile depuis Bing (source Blog du Modérateur).

OUI – La vitesse et la lisibilité sur mobile sont des critères pris en compte par Google

A priori, AMP n’est pas un des 200 critères de l’algorithme de Google.

Mais, indirectement cela joue sur votre SEO puisque les pages AMP :

  • Se chargent plus rapidement, ce qui est un critère important,
  • Sont compatibles de facto sur mobile ce qui est aussi un critère important.

En conséquence, avoir des pages au format Google AMP joue indirectement un rôle sur le référencement naturel de votre site Internet.

OUI – Les pages AMP sont affichées plus haut dans les pages de résultats sur Google

Par construction de la page des résultats sur mobile, les pages AMP sont placées plus haut dans les résultats de recherche.

De cette manière, les pages AMP les mieux classées ont une très bonne visibilité.

En plus, pour éviter d’avoir à faire défiler verticalement la page de recherche, certaines pages AMP sont présentées en haut de la page dans un carrousel horizontal.

Néanmoins, ce carrousel d’informations n’apparaît aujourd’hui presque exclusivement que pour les grands sites d’édition.

Quoiqu’il en soit, voilà une manière très efficace de se retrouver en haut des pages de recherches. N’est-ce pas ce que nous recherchons tous avec nos nombreux efforts sur le SEO ?

OUI – Votre taux de rebond sur mobile va diminuer

La plupart des gens lisent réellement le contenu des pages AMP.

Cela peut se comprendre. Votre contenu épuré est parfaitement lisible sur mobile et toutes les “distractions” issues du design ont disparu.

En conséquence, les internautes sont plus susceptibles de s’engager avec le contenu au format AMP.

Et comme Google aime satisfaire ses internautes, avoir un taux de rebond faible est bénéfique pour votre classement issu du SEO. CQFD.

ATTENTION – Les pages AMP ne génèrent pas de prospects

Au moment où je vous écris, AMP ne prend pas en compte les formulaires d’enregistrement.

Donc, les pages au format AMP ne vous permettent pas de générer des prospects.

Si c’est votre objectif principal, je vous conseille d’installer une extension payante compatible avec votre gestionnaire de formulaire. Voici de quoi acheter ces extensions en fonction de votre gestionnaire de formulaires :

ATTENTION – Le format AMP n’est pas la panacée pour obtenir des backlinks

Pour pouvoir être diffusé par le CDN de Google, l’URL de vos pages AMP est rattachée au nom de domaine “google.com” ou “google.fr”.

Lorsque vous cliquez sur un résultat de recherche au format AMP, l’url de la page accélérée est :

https://www.google.fr/amp/s/example.com/URL/amp

Si quelqu’un copie cette URL dans son contenu, alors l’effet du backlink est pour google.fr et non pour vous ! Dommage.

Comme le nombre de backlinks joue un rôle majeur dans le référencement naturel du site Web de votre entreprise, ceci est fâcheux.

Précision : sur Chrome à partir de la version 71, Google arrive à faire la conversion l’URL avec votre nom de domaine « example.com/URL/ » et c’est aussi le cas sur iOS, le système sur l’iPhone d’Apple.

Les principaux acteurs sont donc compatibles. Pour ma part, je considère que ce n’est plus un sujet pour ne pas migrer vos pages pour mobile sous le format AMP.

ATTENTION – Aucune erreur n’est tolérée

Google Search Console répertorie les erreurs AMP

Google ne prend en compte vos pages AMP que si elles sont totalement exemptes d’erreurs.

C’est indispensable pour que vos pages AMP soient indexées par Google.

Heureusement, Google Search Console répertorie les erreurs AMP qu’il trouve sous la rubrique :

Améliorations > AMP

Note : comme vous le voyez ci-dessus, de temps en temps des erreurs peuvent remonter. La plupart du temps, il suffit de relancer un process de validation avec l’outil de Google de test des pages AMP et tout rendre dans l’ordre.

Si vous avez des erreurs persistantes, cela peut venir d’une mise à jour d’une extension qui rend vos pages compatibles avec le format AMPou d’un problème plus grave. Dans ce cas, si vous n’êtes pas un développeur Web, je vous conseille d’en embaucher un pour nettoyer toutes les erreurs.

NON – AMP n’est d’aucune utilité pour les sites de e-commerce

AMP est conçu principalement pour afficher du contenu textuel sur mobile.

Et comme précisé ci-dessus, les formulaires ne sont pas pris en compte par ce format HTML épuré à moins d’installer des extensions complémentaires. Donc en standard, impossible de s’enregistrer, de payer… Bref, c’est totalement contre-productif pour un site de e-commerce !

Une exception : si vous êtes sous Woo Commerce, AMP for WP dispose d’une extension complémentaire pour rendre votre site de e-commerce compatible au format AMP.

À moins que le site Web de votre entreprise ne dispose d’une bibliothèque conséquente de d’articles de blog, il n’y a pas aujourd’hui beaucoup d’utilité à passer sous AMP.

Et le Mobile-First Index ?

Et le Mobile-First Index ?

Google ne jure lui aussi que par le “Mobile First” ce qui veut dire “d’abord le mobile” !

Autrement dit, Google va faire tourner son algorithme de classement d’abord sur le contenu de vos pages mobiles au lieu de privilégier les pages visibles sur Ordinateur.

Les pages conçues pour mobile vont donc avoir priorité sur les pages classiques. C’est peut-être même ces dernières qui influent le plus sur l’autorité de votre site Web en matière de référencement.

Par contre, je ne suis pas dans les secrets des dieux, mais a priori les pages AMP ne sont pas prises en compte pour indexer vos pages dans l’index Mobile First.

Il est donc important de vous assurer que votre site est bien compatible sur mobile en dehors du format AMP.

FAQ – 3 questions fréquentes sur le format AMP

Qu’est-ce que le format Google AMP ?

Introduit par Google en octobre 2015, AMP (pour Accelerated Mobile Pages) est un framework de développement Web open source pour accélérer le temps de chargement des pages Web sur des appareils mobiles. La logique est simple à comprendre : un temps de chargement plus court conduit à un meilleur engagement, ce qui réduit le taux de rebond et améliore le classement des mobiles.

Le format Google AMP est-il bon pour le référencement de votre site Web ?

L’unique avantage du format AMP est la rapidité de chargement de ses pages. Si votre site Web est actuellement très lent pour les utilisateurs disposant d’une connexion mobile 3G, vous allez instantanément voir une amélioration sensible des temps de vitesse de chargement avec le format AMP.

Est-il obligatoire de passer votre site Internet au format AMP ?

Même si une expérience Web mobile plus rapide est préférable pour tout le monde - d’autant plus que la majorité de la navigation sur le Web se fait désormais sur mobile - le coût de la mise en œuvre d’AMP est peut-être trop élevé ou comporte trop de limitations. Si vous avez un site Web en ’responsive design’ bien conçu avec des images et des vidéos optimisées, vous n’avez pas besoin de penser au format AMP, d’autant plus ce format n’est pas utilisé par Google pour indexer vos pages au format mobile.

Conclusion sur l’influence de Google AMP sur le SEO

Pour résumer, la technologie AMP améliore significativement la vitesse de chargement des sites Web et donc l’expérience de leurs visiteurs sur mobile.

Vous n’êtes toujours pas sûr(e) que le passage sous AMP soit une priorité ?

  • Un temps de chargement au-delà de 4 secondes d’une page de votre site Web entraîne un abandon de 25 % des visiteurs (source 1min30.com).
  • Plus de la moitié des recherches Google en France sont effectuées à partir d’appareils mobiles (source Blog du Modérateur).

AMP n’est pas un facteur de classement. Mais la vitesse de la page et la convivialité pour les mobiles sont importantes pour tous les sites. Donc AMP influe indirectement sur le SEO.

Pour ma part, je suis plutôt fan de faire tout mon possible pour attirer le plus possible de trafic vers le contenu d’un site Web afin de générer autant de visites que possible sur vos pages.

Si comme moi :

  • Votre objectif principal est de générer du trafic grâce au contenu de votre blog d’entreprise pour conquérir de nouveaux clients et, finalement, de générer plus de ventes,
  • Le site web de votre entreprise dispose d’un contenu fort et autorisé,

Alors le déploiement d’AMP est un excellent moyen de générer plus de visibilité et de clics sur le site Web de votre entreprise.

Pour résumer, le format Google AMP présente de nombreux points positifs.

La vraie question est de juger si l’investissement nécessaire en vaut la peine surtout si votre CMS est un peu complexe ou ne dispose pas d’extensions rendant cette compatibilité facile et rapide.

Pour les blogs d’entreprise sous WordPress et dans un secteur très concurrentiel, figurer dans le carrousel en haut des résultats de recherche est sans aucun doute un plus.

Toutefois, si l’unique raison est simplement d’augmenter le temps de chargement de vos pages Web, je vous conseille de faire le nécessaire pour optimiser le site Web de votre entreprise et améliorer l’expérience utilisateur globale de vos pages sur mobile et sur ordinateur.

Avez-vous accéléré et travaillé la lisibilité de vos pages sur mobile ? L’avez-vous fait aussi avec le format AMP ?