Comment configurer correctement Google AMP sur votre site WordPress ?

Grâce à notre expérience en matière d’optimisation de sites web, nous avons vu que des améliorations, même mineures, de la vitesse de chargement des pages peuvent faire la différence entre des utilisateurs/utilisatrices qui restent sur votre site WordPress et d’autres qui l’abandonnent. C’est là que Google AMP peut s’avérer utile.

Google AMP, qui signifie Accelerated Mobile Pages, est conçu pour améliorer l’expérience de navigation sur mobile en augmentant la vitesse de chargement des pages. Les utilisateurs/utilisatrices mobiles représentent désormais une grande partie du trafic en ligne, c’est pourquoi l’optimisation de votre site pour les performances mobiles peut améliorer le trafic.

Dans cet article, nous vous montrerons comment configurer Google AMP dans WordPress afin d’optimiser votre site pour des performances mobiles plus rapides, améliorant ainsi l’efficacité globale de votre site et la satisfaction des utilisateurs.

Qu’est-ce que Google AMP ?

Google AMP (Accelerated Mobile Pages) est une initiative open-source annoncée en octobre 2015. Elle vise à accélérer le chargement des contenus web pour les utilisateurs mobiles.

La lecture des pages web sur les appareils mobiles peut être lente, car les pages riches en contenu peuvent mettre plusieurs secondes à se charger, malgré tous les efforts déployés par les propriétaires de sites pour accélérer leurs sites.

Google AMP utilise un minimum de HTML et un nombre limité de JavaScript et stocke le contenu sur Google AMP Cache. Google peut alors servir cette version en cache aux utilisateurs instantanément lorsqu’ils cliquent sur votre lien.

Cette démarche est similaire à celle des Instant Articles de Facebook. Mais alors que les Instant Articles sont limités aux applications mobiles de Facebook, Google AMP est agnostique en termes de plateforme et peut être utilisé par n’importe quel navigateur.

Cependant, l’utilisation de Google AMP est en baisse, et les premiers utilisateurs comme Twitter, LinkedIn et Reddit ne l’utilisent plus. De plus, les sites utilisant AMP ne sont plus prioritaires sur les pages de résultats de recherche.

Le site WPBeginner n’a jamais utilisé Google AMP, et nous recommandons à la plupart des sites d’optimiser plutôt les pages pour Core Web Vitals.

Cependant, l’extension AMP officielle est toujours disponible, et vous pouvez apprendre à configurer Accelerated Mobile Pages dans WordPress étape par étape.

Réglages des pages mobiles accélérées ou AMP dans WordPress

La première chose à faire est d’installer et d’activer l’extension AMP. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Lors de l’activation, vous ouvrez l’assistant d’onboarding du plugin en cliquant sur le lien en haut de la page Plugins.

La première page vous donne un aperçu de ce que fait l’extension. Une fois que vous l’avez lue, vous pouvez cliquer sur le bouton “Suivant” pour continuer.

La deuxième page de l’assistant vous permet de choisir votre formation technique.

Les utilisateurs avancés qui comprennent le code PHP, JavaScript, HTML et CSS peuvent cliquer sur la première option. Cependant, nous recommandons à la plupart des utilisateurs de choisir la deuxième option “non technique”, car elle simplifie grandement la configuration de Google AMP.

Une fois que vous avez choisi une formation technique, cliquez sur le bouton “Suivant” pour continuer.

Le plugin va maintenant analyser votre site à la recherche de problèmes de compatibilité avec votre thème actif et vos extensions. Une fois l’analyse terminée, vous serez informé des problèmes éventuels.

Dans l’étape suivante de l’assistant d’onboarding, vous devez choisir un mode de modèles. Si aucun problème n’a été détecté lors de l’analyse du site, vous devez choisir l’option Standard.

Dans le cas contraire, vous devez lire le texte dans les sections Transition et Lecteur et choisir l’option recommandée.

Félicitations, lorsque vous cliquez sur le bouton ” Suivant “, l’assistant sera terminé et vous verrez plusieurs aperçus AMP mobiles de votre site.

Veillez à cliquer sur le bouton “Terminer” pour stocker vos paramètres.

Vous pouvez désormais consulter n’importe quelle publication sur votre site et ajouter /amp/ à la fin de l’URL comme ceci pour voir une version AMP dépouillée de la publication.

http://example.com/my-blog-post/amp/

Celle-ci s’affichera automatiquement sur les appareils mobiles.

Obtenir des statistiques précises sur les pages AMP

L’un des principaux problèmes de l’AMP est qu’il peut fausser vos données Google Analytics. Les internautes qui consultent vos pages AMP ne sont pas suivis avec précision et peuvent même être comptabilisés deux fois.

Pour obtenir les statistiques les plus précises, nous vous recommandons d’utiliser MonsterInsights. C’est la meilleure extension Google Analytics pour WordPress.

L’addon AMP MonsterInsights corrigera automatiquement votre suivi afin que vous obteniez les statistiques réelles sur vos internautes.

Vous pouvez apprendre à configurer MonsterInsights dans notre guide pour débutants sur l’installation de Google Analytics dans WordPress.

Guides d’experts sur les performances de WordPress

Google AMP est un moyen d’améliorer les performances du site sur mobile. Vous pouvez consulter des articles sur nos méthodes préférées pour accélérer votre site WordPress.

• Le guide ultime pour améliorer la vitesse et les performances de WordPress
• Comment accélérer votre site de commerce électronique (Conseils éprouvés)
• Pourquoi avez-vous besoin d’un CDN pour votre blog WordPress ? [Infographie]
• Comment optimiser Core Web Vitals pour WordPress (Guide ultime)
• Qu’est-ce que le score INP de Google et comment l’améliorer sur WordPress ?
• Comment optimiser les images pour la performance Web sans perdre en qualité
• Comment utiliser l’extension GTmetrix pour améliorer les performances d’un site WordPress
• Comment nous améliorons la vitesse de chargement des pages sur WPBeginner
• Comment effectuer correctement un test de vitesse de site web (Meilleurs outils)

Nous espérons que cet article vous a aidé à apprendre comment configurer les pages mobiles accélérées (AMP) dans WordPress. Vous pouvez également consulter notre guide sur la façon d’améliorer la santé de votre site WordPress ou nos choix d’experts sur l’hébergement WordPress le plus rapide.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.