Définition publiée le 21/07/2023.

Les Accelerated Mobile Pages (AMP), ou "Pages Mobiles Accélérées", sont une initiative mise en place en 2015 par Google pour optimiser les performances des pages web sur les appareils mobiles. 

AMP : la définition

Les Accelerated Mobile Pages (AMP) sont un ensemble de technologies ouvertes et libres d'utilisation, développées par Google en partenariat avec d'autres acteurs du web, visant à accélérer le chargement des pages web sur les smartphones et les tablettes. 

L'objectif principal de la technologie AMP est d'optimiser les performances des sites web pour une navigation plus rapide et plus fluide sur les petits écrans des smartphones et tablettes. Ces pages sont spécialement conçues pour répondre à cet objectif, en garantissant des pages mobiles qui se chargent instantanément, offrant ainsi une expérience utilisateur améliorée et un engagement accru.

Comment fonctionne le format AMP ?

Pour comprendre comment fonctionnent les AMP, il est essentiel de connaître les principes fondamentaux qui les sous-tendent. Ces pages utilisent une version simplifiée du HTML (HyperText Markup Language), du CSS (Cascading Style Sheets) et du JavaScript

Ces langages sont optimisés pour réduire la taille des fichiers et minimiser les temps de chargement. De plus, AMP utilise une mise en cache intelligente, qui permet de stocker les versions préchargées des pages sur des serveurs distribués à travers le monde, garantissant ainsi un accès quasi instantané aux utilisateurs, peu importe leur emplacement géographique.

Quels sont les avantages des AMP ?

  • Amélioration significative de la vitesse de chargement des pages mobiles, réduisant les temps d'attente et offrant une UX plus fluide.
  • Réduction de l'abandon de page sur les smartphones : les visiteurs sont plus susceptibles de rester engagés avec du contenu qui se charge rapidement.
  • Augmentation de la visibilité et de l'exposition dans les résultats de recherche grâce à la mise en avant des pages AMP dans les carrousels d'actualités et les résultats enrichis sur Google.
  • Amélioration de la performance SEO globale en raison de la vitesse accrue des pages et de la compatibilité avec les bonnes pratiques de référencement.
  • Augmentation du temps de visite et de l'engagement des internautes grâce à une expérience fluide et rapide, favorisant une exploration plus profonde du contenu.
  • Optimisation pour les fonctionnalités spécifiques des smartphones, telles que l'intégration des fonctionnalités de géolocalisation, de caméra ou de notifications push.

Comment intégrer les AMP sur le web ?

Pour intégrer le format Accelerated Mobile Pages sur un site web, il est nécessaire de suivre quelques étapes. 

  1. Créez une version AMP des pages existantes. Identifiez les pages clés de votre site web que vous souhaitez optimiser avec AMP. Créez une version AMP pour chaque page en ajoutant le code HTML spécifique. Veillez à conserver les mêmes fonctionnalités et le contenu essentiel de chaque page.
  2. Utilisez les balises spécifiques à AMP. Utilisez les balises AMP pour définir les éléments de chaque page, tels que le contenu, les images, les vidéos, etc. Les balises AMP ont des attributs spéciaux qui garantissent la compatibilité et l'optimisation pour les smartphones.
  3. Vérifiez la validité du code AMP. Utilisez l'outil de validation AMP pour vérifier la validité du code AMP de vos pages. Cet outil vous indiquera les éventuelles erreurs et vous aidera à les corriger pour vous assurer que vos pages AMP sont correctement structurées et optimisées.
  4. Intégrez des balises de liaison. Ajoutez les balises de liaison spécifiques AMP dans les pages non-AMP de votre site pour indiquer la présence de cette version. Ces balises de liaison permettent aux moteurs de recherche et aux navigateurs de savoir qu'il existe une version AMP de la page.
  5. Testez. Effectuez des tests approfondis sur différents appareils et navigateurs pour vous assurer que tout fonctionne correctement. Mesurez les performances, la vitesse de chargement et l'expérience utilisateur des pages AMP pour évaluer leur impact sur votre site.
  6. Publiez les pages. Une fois que vous êtes satisfait des résultats des tests, publiez les pages AMP sur votre site. Assurez-vous que les balises de liaison et les redirections appropriées sont en place pour rediriger les utilisateurs vers les versions AMP lorsqu'ils accèdent à votre site à partir d'un smartphone ou d’une tablette.

N'oubliez pas de sauvegarder régulièrement vos fichiers et de garder une sauvegarde des versions non-AMP de vos pages au cas où des ajustements ultérieurs seraient nécessaires.

Cette intégration nécessite des connaissances en développement web. Si vous n'êtes pas familier avec la mise en œuvre technique, il est recommandé de faire appel à un développeur web pour vous assister dans ce processus.

La spécificité des AMP stories

Les AMP Stories sont une fonctionnalité de l'écosystème AMP, lancée par Google en 2018. Elles permettent aux éditeurs de créer du contenu visuel riche, similaire à ce que l'on peut trouver sur des plateformes comme Instagram ou Snapchat, mais directement sur le web.

Chaque AMP Story est composée de pages individuelles, qui peuvent inclure des images, du texte, des vidéos et diverses animations. Elles sont conçues pour être facilement navigables, avec des utilisateurs qui peuvent balayer de droite à gauche pour passer d'une page à une autre. C'est un moyen attrayant de présenter un article et de raconter une histoire.

L'avantage majeur des AMP Stories est qu'elles chargent rapidement, même sur des connexions lentes, grâce à l'optimisation AMP. Ce format, même s’il a été d’abord conçu pour une utilisation sur smartphone, est également disponible sur desktop. 

Créer une AMP Story nécessite certaines compétences techniques, car il faut manipuler un peu de code HTML. Mais il existe plusieurs outils qui peuvent faciliter le processus, comme le plugin AMP pour WordPress, qui permet de créer des AMP Stories via une interface visuelle simple.

FAQ Accelerated Mobile pages

  • image/svg+xmlimage/svg+xml

    Peut-on utiliser le format AMP sur tous types de sites ?

    Oui, le format AMP peut être utilisé sur presque tous les types de sites. Il est particulièrement populaire pour les sites de presse, les blogs, les sites d'actualités, les sites e-commerce et tout autre site qui souhaite accélérer le chargement de ses pages sur mobile. En revanche, la technologie AMP n'est pas adaptée aux sites très interactifs type jeux en ligne ou aux sites qui utilisent beaucoup de fonctionnalités JavaScript.

  • image/svg+xmlimage/svg+xml

    Comment utiliser la technologie AMP avec Google Ads ?

    Google Ads offre une intégration avec AMP pour améliorer la performance des publicités. Vous pouvez l'utiliser de 2 façons : 

    1. AMPHTML Ads : ces publicités sont créées en utilisant le format AMPHTML. Elles chargent plus rapidement et sont plus sécurisées que les publicités traditionnelles. Vous pouvez les créer en utilisant l'éditeur Google Web Designer ou tout autre outil qui supporte ce format.
    2. Pages de destination AMP : Lorsque vous créez une nouvelle annonce dans Google Ads, vous pouvez choisir d'utiliser une URL de page de destination AMP. Ces pages de destination chargent beaucoup plus rapidement que les pages non-AMP, ce qui peut améliorer l'expérience utilisateur et augmenter le taux de conversion.
  • image/svg+xmlimage/svg+xml

    Qu'est-ce que AMP for emails ?

    L'AMP pour les emails est une technologie qui permet d'intégrer des éléments interactifs directement dans les emails. Contrairement aux emails traditionnels qui sont statiques, les emails AMP peuvent inclure des carrousels d'images, des sondages, des formulaires et d'autres types de formats interactifs. Cependant, cette technologie requiert une connaissance du format AMP et n'est pas prise en charge par tous les clients de messagerie. Les emails AMP offrent une opportunité intéressante d'améliorer l'engagement des internautes et l'efficacité des campagnes d'email marketing.

Mathilde Grattepanche

Responsable éditoriale & Rédactrice web

Avec sa plume affûtée et son expertise en rédaction web, Mathilde a acquis une solide expérience avant de rejoindre l’équipe en tant que responsable éditoriale d’Abondance. Quand elle est au clavier, réactivité et qualité sont toujours au rendez-vous !