Blog

Qu'est-ce que l'AMP ?

Si vous avez déjà recherché du contenu et interagit avec les résultats sur un appareil mobile, vous avez probablement rencontré des AMP, ou Accelerated Mobile Pages.

L'AMP est un cadre open source développé par Google en collaboration avec Twitter. Les Accelerated Mobile Pages permettent de créer des expériences meilleures et plus rapides sur le web mobile. Au cœur de ce cadre, vous pouvez créer des expériences légères pour le mobile en simplifiant le HTML et en suivant des règles CSS rationalisées.

À l'origine, l'AMP était considéré comme étant développé en réponse aux articles instantanés de Facebook. Toutefois, au fil des ans, elle est devenue une puissante plateforme permettant de diffuser du contenu directement à partir des résultats de recherche à une vitesse presque fulgurante. Au début de l'année, Google a mis un terme à cette pratique en annonçant qu'il allait faire pression pour ajouter le cadre technologique AMP aux standards du web.

Comment fonctionne l'AMP ?

Sous le capot, le cadre de la PGA comporte 3 parties principales.

AMP HTML 

Pensez à AMP HTML comme une version allégée du HTML normal. Le framework AMP a des règles strictes pour les balises HTML que vous pouvez utiliser. Pour assurer un chargement rapide des pages, certains éléments HTML comme les formulaires ne sont pas autorisés sur AMP. Le cadre AMP exige également que vous utilisiez une version simplifiée du CSS. Rien de tout cela ne devrait être nouveau si vous avez l'habitude de construire du contenu web en utilisant du HTML et du CSS modernes.

AMP JS 

Pour assurer un chargement rapide des pages sur les plateformes mobiles, AMP restreint l'utilisation de tout Javascript. La seule exception concerne les scripts AMP, qui sont optimisés en vue d'accélérer le chargement des pages. Ce qu'AMP enlève à JS, c'est une bibliothèque de composants faciles à mettre en œuvre. Vous pouvez créer des animations, charger du contenu dynamiquement, modifier la mise en page, et bien plus encore en utilisant la vaste bibliothèque de composants d'AMP. (Et ne vous inquiétez pas, il y a aussi un composant AMP pour la conformité au GDPR).

AMP CDN 

Communément appelé AMP Cache, un composant essentiel de la plate-forme AMP est son réseau de diffusion de contenu (CDN) basé sur un proxy. Le CDN récupère le contenu AMP et le met en cache pour une diffusion rapide. Par défaut, le CDN AMP met en cache tout le contenu AMP valide et ne fournit pas d'option de retrait. Cependant, vous pouvez continuer à utiliser votre propre fournisseur de CDN en plus du cache AMP pour personnaliser vos configurations de diffusion de contenu.

Les avantages de l’AMP 

Publicité et analyse 

Les HTML sont codés de manière à améliorer la convivialité globale des bannières, les taux de visualisation des publicités sur AMP sont plus élevés.

Temps de chargement réduit 

L'AMP est spécialement développée pour réduire le temps de chargement du contenu. Il permet de charger facilement les pages avec précision. 

Faible taux de rebond

Améliorer la compatibilité avec les téléphones portables et réduire le temps de chargement pour diminuer efficacement le taux de rebond de votre site web

SEO amélioré

Comme il n'est pas nécessaire de personnaliser votre contenu web, les moteurs de recherche peuvent facilement découvrir votre page web. 

Ajustement sur n'importe quel navigateur 

Personnalisation de leurs pages web. Elles peuvent également être moulées dans n'importe quelle page de navigateur.

Convivialité pour les mobiles

Les AMP sont accessibles sur tous les appareils, ce qui en fait une solution de mobilité idéale et facile à référencer.

Consommation de données optimisée 

Permet aux utilisateurs d'installer le site web en tant qu'application sur leur écran d'accueil sans avoir à se rendre dans un magasin d'applications. 

Pas de plan du site nécessaire

Si vous devez créer des pages AMP, il n'est pas nécessaire de créer un plan de site XML pour ces URL que Google choisira lui-même.

AMP

Mais quels sont les inconvénients de l'AMP ?

La raison la plus fréquente pour laquelle certaines marques de sites web numériques ont décidé de ne pas mettre en œuvre l'AMP est le niveau d'effort nécessaire pour AMP-ifier vos ressources web. Il est indéniable que le mobile présente une opportunité, mais il exige également une approche significative et réfléchie. Pour tirer parti des avantages d'une expérience AMP, votre équipe de développement devra créer et maintenir des actifs distincts pour l'AMP.

Étant donné qu'AMP met en cache le contenu sans faire une demande à vos serveurs à chaque fois, vos outils d'analyse et de mesure ne peuvent pas se fier à 100 % aux demandes des serveurs. Vous devrez mettre en place des paramètres de suivi spéciaux pour saisir avec précision les CTR et les mesures d'engagement de la version AMP de votre site web.

Pour faire simple, AMP est du HTML au régime, ce qui signifie que vous ne pouvez pas offrir des expériences utilisateur riches comme des cartes en mouvement, des images en rotation, et plus encore sur AMP. Si certaines parties de votre site web sont fortement dépendantes de l'UX riche, vous pouvez envisager de construire des versions AMP de ces sections web.  

Enfin, les expériences AMP sont murées et restrictives de par leur conception. Il est difficile pour les utilisateurs de faire quoi que ce soit à partir d'une expérience AMP, sauf retourner dans les résultats de recherche Google. Cela crée le risque de perdre l'engagement des utilisateurs mobiles, et une conversion potentielle pour votre marque.