Comment rendre son site plus mobile-friendly avec les pages AMP

comprendre les pages amp

Vous savez sûrement qu’il est essentiel pour votre blog de mener une veille efficace comme nous l’avions abordé dans l’article Tuto : 5 étapes pour mettre en place sa veille.

En effet, cette étape cruciale permet d’assurer le bon déroulement de votre stratégie d’inbound marketing en proposant de l’information pertinente et utile pour l’utilisateur.

Cependant même si votre contenu est intéressant, qui lira vos articles si votre site internet n’est pas accessible ?
Au travers de cet article, nous allons nous intéresser plus particulièrement à l’accessibilité de votre contenu en parlant des Accelerated Mobile Pages : un format de page utile pour rendre votre site mobile-friendly 😉

Accelerated Mobile Pages : des pages responsives et surtout très légères

Attendre que ça charge, zoomer, cliquer sur un lien sans le faire exprès alors que vous cherchiez simplement à déplacer le contenu de la page pour pouvoir lire la suite.
Naviguer sur un site internet non adapté pour le mobile peut vite devenir désagréable, et même vous inciter à aller voir ailleurs.
Pour optimiser l’expérience utilisateur des mobinautes Google propose depuis 2016 les Accelerated Mobiles Pages (pages AMP). Il s’agit d’un format de page qui, comme son nom l’indique, permet d’accélérer le temps de chargement des pages web en les rendant jusqu’à 90% plus rapides qu’une page web classique.
Ce n’est pas tout, les pages AMP sont également optimisées pour un affichage sur mobile. Fini les doubles tap sur votre écran pour naviguer sur une page web !

Pourquoi utiliser le format de page AMP ?

La raison principale à invoquer est le fait que cela va vous permettre de réduire le taux de rebond de votre site internet. Si vous ne le savez pas, le taux de rebond, ou pogo-sticking en anglais représente le nombre de personne qui quittent votre site internet sans avoir visiter une autre page. Il peut y avoir plusieurs raisons à ce phénomène, comme le fait de pas trouver un élément sur un site internet, un problème d’ergonomie ou bien une page qui met trop de temps à charger. A ce sujet, on considère qu’au delà d’un délais de 4 secondes, un utilisateur revient en arrière et n’attends pas le chargement complet d’une page web, on parle ici plus particulièrement de taux d’abandon. En accélérant le temps de chargement de vos pages web avec les AMP, vous allez booster les performances de votre site internet sur mobile et donc réduire son taux d’abandon. C’est la même chose pour l’ergonomie, en rendant votre site mobile-friendly vous serait susceptible de garder plus longtemps un utilisateur sur votre site internet.
Taux d’abandon, de rebond, durée moyenne par session, c’est à vous de voir si ces KPIS sont importants.

Si comme nous, vous êtes sensibles à ces indicateurs, vous pouvez faire appel à une entreprise de services numériques tel que Numendo pour optimiser les performances de votre site Web.

Comment rendre son site compatible AMP ?

Si vous disposez du CMS WordPress, il vous sera très facile d’utiliser le format de page AMP. Pour ça, il vous suffit d’utiliser le plugin AMP officiel.
Rien de très compliqué sur cette partie, il vous est simplement demandé d’installer et d’activer l’extension. Ensuite vous avez simplement à déterminer si vous souhaitez utiliser le format AMP pour toutes vos pages ou bien seulement pour un type de page spécifique, comme les articles par exemple.

Dans le cas où vous n’utiliserez pas WordPress, il vous faudra songez à mettre en place le langage AMP HTML sur votre site. Pas de soucis à ce niveau, la documentation fournie par l’équipe AMP est complète et interactive.

Techniquement, qu’est-ce que les AMP ont de plus ?

AMP HTML : une variante épurée du HTML

Il n’y a rien de magique dans tout cela. Les Accelerated Mobiles Pages sont des pages web comme les autres, enfin à un détail près : le langage utilisé est une variante épurée du protocol HTML. En effet, pour optimiser les performances de ce format de page, Google a fait le choix d’utiliser son propre langage : le AMP HTML. C’est un langage très simple, similaire au HTML, seulement avec moins de métadonnées.
Par conséquent, moins de données sont appelées et le temps de chargement est plus vif.

Des pages Web pré-chargées par un système de mise en cache

L’optimisation technique ne fait pas tout. Si les pages AMP sont si véloces, c’est grâce au système de mise en cache proposée par Google.
Ce processus repose sur un ensemble de serveurs, aussi appelé CDN (pour Content Delivery Network), qui vont redistribuer le contenu préchargé.
Pour être un petit peu plus claire, voilà ce qu’il se passe étape par étape quand vous publiez une page AMP si votre site internet :

temps de chargement d'une page AMP
Exemple probant du temps de chargement quasi instantané des pages AMP
  1. vous publiez une page sur votre site internet, cette page est hébergée sur le serveur de votre hébergeur (OVH, 1and1, ….)
  2. Google Index votre page
  3. le moteur de recherche détecte le langage AMP présent dans votre code
  4. une version mobile (AMP) est hébergée sur le réseau de serveurs de Google
  5. un internaute tape une requête sur Google
  6. il clique sur le résultat AMP proposé dans la page de résultat du moteur de recherche
  7. la page AMP qui lui est servi est celle hébergée par le réseau de serveurs de Google

Au travers de ce format, Google essaie de donner une solution technique aux détenteurs d’un site internet qui n’auraient pas encore adapter leur site internet aux terminaux mobiles. Cette initiative n’a pas été prise au hasard. Au contraire, c’est parce que l’expérience utilisateur est un critère de plus en plus important dans l’évaluation des sites internets, que Google tends à dynamiser la compatibilité vers le mobile avec son format de page spécifique. Rassurez-vous, nous ne sommes pas en train de dire qu’il est obligé de rendre son site compatible AMP pour être bien positionné dans Google.
Néanmoins, il est important de comprendre les raisons pour lesquelles Google a mis en place ce format pour cerner les exigences techniques de l’algorithme.
Le format AMP se contente d’appliquer quelques optimisations techniques à votre site. Vous pouvez très bien réaliser ces optimisations vous-même sans utiliser les AMP.

Postez votre commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.