Comment configurer correctement Google AMP sur votre site WordPress

Au fil des ans, nous avons vu d'innombrables propriétaires de sites WordPress s'enthousiasmer pour Google AMP, pensant que c'est le secret des pages mobiles ultra-rapides et de meilleurs classements de recherche.

Bien que la technologie ait certainement ses mérites, nous avons appris que se précipiter dans AMP sans comprendre ses implications peut en fait nuire aux performances de votre site Web.

Le paysage a considérablement changé depuis les débuts d'AMP. Google met désormais l'accent sur les signaux d'expérience de page et les Core Web Vitals plutôt que sur l'implémentation d'AMP, ce qui signifie que l'optimisation de vos pages existantes offre souvent un meilleur retour sur investissement que la création de versions AMP distinctes.

Néanmoins, il existe des scénarios où AMP peut être précieux pour certains types de sites WordPress.

Si vous avez décidé qu'AMP convient à votre site Web WordPress, ce guide vous montrera comment l'implémenter correctement du début à la fin. Nous vous guiderons tout au long du processus de configuration et vous aiderons à éviter les pièges courants qui peuvent impacter les performances et l'expérience utilisateur de votre site.

Qu'est-ce que Google AMP ?

Google AMP (Accelerated Mobile Pages) est un framework open-source lancé par Google en octobre 2015 pour résoudre les problèmes de lenteur de chargement des pages Web mobiles. La technologie crée des versions simplifiées des pages Web qui se chargent presque instantanément sur les appareils mobiles.

Voici comment cela fonctionne : AMP utilise une version simplifiée de HTML (appelée AMP HTML), restreint l'utilisation de JavaScript et stocke votre contenu sur le réseau de cache mondial de Google.

Lorsqu'une personne clique sur votre lien AMP à partir des résultats de recherche, Google sert la version mise en cache directement depuis ses serveurs, éliminant ainsi les délais de chargement habituels.

Pensez-y comme les Articles Instantanés Facebook, mais avec une portée plus large. Alors que les Articles Instantanés ne fonctionnent que dans l'application mobile de Facebook, les pages AMP peuvent être accessibles depuis n'importe quel navigateur ou plateforme qui prend en charge la technologie.

La réalité aujourd'hui : L'adoption de l'AMP a considérablement diminué depuis son pic de popularité. Des plateformes majeures comme Twitter, LinkedIn et Reddit ont toutes abandonné leurs implémentations AMP.

Plus important encore, Google ne donne plus de traitement préférentiel aux pages AMP dans les classements de recherche, ce qui était l'une des principales raisons pour lesquelles les sites Web l'ont adopté initialement.

D'après notre expérience avec WPBeginner, nous n'avons jamais implémenté l'AMP sur notre propre site. Au lieu de cela, nous recommandons de concentrer vos efforts d'optimisation sur l'amélioration des Core Web Vitals, ce qui offre de meilleurs résultats à long terme pour l'expérience utilisateur et les performances de recherche.

Cela dit, si vous avez décidé que l'AMP correspond à vos objectifs commerciaux et à vos exigences techniques, le plugin AMP officiel reste disponible et fonctionnel. Ce guide vous guidera tout au long du processus de configuration complet afin que vous puissiez l'implémenter correctement.

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

La première chose à faire est d'installer et d'activer le plugin AMP. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Lors de l'activation, vous ouvrez l'assistant d'intégration 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 le plugin. Une fois que vous avez lu ceci, vous pouvez cliquer sur le bouton « Suivant » pour continuer.

La deuxième page de l'assistant vous permet de choisir votre profil 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 un arrière-plan technique, cliquez sur le bouton « Suivant » pour continuer.

Le plugin va maintenant analyser votre site pour détecter les problèmes de compatibilité avec votre thème et vos plugins actifs. Une fois l'analyse terminée, vous serez informé de tout problème.

Dans la prochaine étape de l'assistant d'intégration, vous devez choisir un mode de modèles. S'il n'y a eu aucun problème détecté lors de l'analyse du site, vous devriez choisir l'option Standard.

Sinon, vous devriez lire le texte dans les sections Transitionnel et Lecteur et choisir l'option recommandée.

Félicitations, lorsque vous cliquerez sur le bouton « Suivant », l'assistant sera terminé et vous verrez plusieurs aperçus AMP mobiles de votre site Web.

Assurez-vous de cliquer sur le bouton « Terminer » pour enregistrer vos paramètres.

Vous pouvez maintenant visiter n'importe quel article de votre site Web et ajouter /amp/ à la fin de l'URL comme ceci pour voir une version AMP simplifiée de l'article.

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

Ceci sera automatiquement affiché sur les appareils mobiles.

Obtenir des analyses précises sur les pages AMP

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

Pour des analyses plus précises, nous vous recommandons d'utiliser MonsterInsights. C'est le meilleur plugin Google Analytics pour WordPress.

Le module complémentaire AMP de MonsterInsights corrigera automatiquement votre suivi afin que vous obteniez les véritables statistiques de vos visiteurs.

Vous pouvez apprendre comment configurer MonsterInsights dans notre guide pour débutants sur comment installer Google Analytics dans WordPress.

Guides d'experts sur les performances de WordPress

Google AMP est un moyen d'améliorer les performances des sites Web sur mobile. Vous pourriez aimer consulter certains articles sur nos méthodes préférées pour accélérer votre site Web WordPress.

• Le guide ultime pour améliorer la vitesse et les performances de WordPress
• Comment accélérer votre site Web de commerce électronique (conseils éprouvés)
• Pourquoi avez-vous besoin d'un CDN pour votre blog WordPress ? [Infographie]
• Comment optimiser les Core Web Vitals pour WordPress (Guide ultime)
• Qu'est-ce que le score INP de Google et comment l'améliorer dans WordPress
• Comment optimiser les images pour les performances web sans perdre en qualité
• Comment utiliser le plugin GTmetrix pour améliorer les performances de votre site WordPress
• Comment nous avons augmenté 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 Accelerated Mobile Pages (AMP) dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment améliorer la santé de votre site WordPress ou nos sélections d'experts sur l'hébergement WordPress le plus rapide.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.