Que sont les pages mobiles accélérées (AMP) ?
Accelerated Mobile Pages (AMP) est un framework HTML open-source créé par Google pour créer des versions simplifiées et à chargement rapide de pages web optimisées pour les appareils mobiles. Comme l'indique Google, AMP n'est pas un facteur de classement.
Comment fonctionne AMP
AMP fonctionne en utilisant une version simplifiée et rationalisée de HTML, CSS et JavaScript, spécialement conçue pour des performances plus rapides. Voici comment AMP atteint sa vitesse :
- HTML simplifié Le HTML AMP est une version restreinte du HTML standard, qui élimine certaines balises et fonctionnalités susceptibles de ralentir le chargement des pages.
- JavaScript limité Seul le JavaScript asynchrone est autorisé dans les pages AMP, ce qui empêche tout JavaScript de bloquer le rendu de la page.
- CSS optimisé AMP exige des feuilles de style CSS en ligne, dont la taille doit être inférieure à 50 Ko. Cela permet de s'assurer que les feuilles de style ne retardent pas le rendu de la page.
Le cache AMP
Un aspect unique d'AMP concerne la mise en cache, en particulier le cache AMP. Les principales plateformes qui utilisent AMP, comme Google, Bing et Twitter, utilisent un cache AMP - un réseau de diffusion de contenu (CDN) basé sur un proxy qui met en cache les documents AMP et les charge plus rapidement. Lorsque ces plateformes renvoient à une page AMP, elles renvoient souvent à la version qui se trouve dans le cache AMP.
Avantages du cache AMP
- Temps de chargement plus rapides En servant des versions en cache des pages AMP, le cache AMP réduit considérablement les temps de chargement, améliorant ainsi l'expérience de l'utilisateur.
- Amélioration des performances Les pages mises en cache sont pré-rendues et fournies par des serveurs plus proches de l'utilisateur, ce qui améliore les performances globales.
Avantages de l'utilisation d'AMP
- Amélioration de l'expérience utilisateur Des temps de chargement plus rapides permettent de réduire les taux de rebond et d'augmenter l'engagement sur les appareils mobiles.
- Amélioration du référencement mobile Bien que l'AMP ne soit pas un facteur de classement direct, le chargement plus rapide des pages et l'amélioration de l'expérience utilisateur peuvent avoir une incidence positive sur votre classement dans les moteurs de recherche mobiles.
- Meilleures performances publicitaires Les pages AMP affichent souvent de meilleurs taux de visualisation des publicités grâce à des temps de chargement plus rapides et à une diffusion optimisée du contenu.
Mise en œuvre de la PGA
Pour mettre en œuvre AMP, vous devez créer une version AMP distincte de vos pages web. Voici les étapes de base :
- Créer AMP HTML Utilisez la spécification AMP HTML pour créer une version simplifiée de votre HTML existant.
- Ajouter des composants AMP Remplacer les balises HTML standard par des composants AMP optimisés pour les performances.
- Validez vos pages AMP Utilisez le validateur AMP pour vous assurer que vos pages répondent aux normes AMP.
- Publier et tester Publiez vos pages AMP et testez-les à l'aide d'outils tels que Google Search Console pour contrôler leurs performances et leur indexation.
Pour obtenir des informations plus détaillées sur AMP et sur la manière de le mettre en œuvre, consultez des sources faisant autorité telles que le projet AMP et le guide AMP de Google.
En comprenant et en mettant en œuvre AMP, vous pouvez améliorer de manière significative les performances de vos pages web mobiles, en offrant une meilleure expérience à vos utilisateurs et en améliorant potentiellement votre classement dans les moteurs de recherche.
