Comment configurer correctement Google AMP sur votre site WordPress

Tout le monde veut un site web plus rapide pour mieux se classer dans les résultats de recherche. Cependant, Google AMP n’est pas toujours la solution miracle que les gens pensent.

Nous avons testé d’innombrables stratégies de performance chez WPBeginner. D’après notre expérience, se précipiter dans AMP sans plan peut en fait casser la conception de votre site.

Si vous décidez que cette technologie vous convient, nous pouvons vous aider à démarrer en toute sécurité.

Dans ce guide, nous vous montrerons comment configurer correctement Google AMP sur votre site WordPress.

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.

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, cliquez simplement sur le lien en haut de la page Plugins pour ouvrir l'assistant d'intégration.

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èle. Nous recommandons de choisir l'option Transitionnelle.

Ce paramètre garantit que votre site de bureau conserve sa conception et sa marque d'origine, tout en créant une version AMP séparée et à chargement rapide spécifiquement pour les utilisateurs mobiles.

Ensuite, cliquez sur le bouton « Suivant ». Vous verrez maintenant un aperçu de l'apparence de votre site au format AMP.

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

Si vous avez choisi le mode Transitionnel ou Lecteur, vous pouvez visiter n'importe quel article sur votre site web et ajouter /amp/ à la fin de l'URL pour voir la version AMP.

https://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.

Foire aux questions sur Google AMP

Voici quelques-unes des questions les plus courantes que nos lecteurs posent sur la configuration de Google AMP sur WordPress.

1. Google AMP est-il toujours nécessaire pour WordPress ?

Non, ce n'est pas strictement nécessaire. Dans le passé, Google exigeait AMP pour certaines fonctionnalités de recherche mobile comme le carrousel des meilleures histoires. Ce n'est plus le cas.

Aujourd'hui, la plupart des thèmes WordPress réactifs modernes sont suffisamment rapides par eux-mêmes. Nous vous recommandons de vous concentrer sur la réussite des Core Web Vitals au lieu de maintenir une version AMP séparée de votre site.

2. L'installation d'AMP nuira-t-elle au SEO de mon site ?

L'installer correctement aide généralement à la vitesse mobile, ce qui est un facteur de classement. Cependant, une mauvaise configuration peut nuire à votre SEO. Si vos pages AMP manquent de liens internes importants ou de menus de navigation, les signaux d'engagement des utilisateurs pourraient chuter. Cela peut avoir un impact négatif sur vos classements au fil du temps.

3. AMP fonctionne-t-il avec des plugins comme WPForms ou OptinMonster ?

Oui, mais il y a des limitations. Comme AMP restreint JavaScript, les formulaires et popups standard cessent souvent de fonctionner. Vous devez utiliser les intégrations AMP spécifiques fournies par des outils comme WPForms et OptinMonster. Sans ces paramètres spécifiques, vos outils de génération de prospects peuvent ne pas apparaître sur les appareils mobiles.

4. Puis-je facilement supprimer AMP si je n'aime pas ça ?

Vous pouvez le supprimer, mais vous devez faire attention. Si vous désactivez simplement le plugin, Google peut toujours essayer d'envoyer les visiteurs vers les versions AMP de vos pages, ce qui entraînera des erreurs 404.

Pour résoudre ce problème, vous devrez configurer des redirections appropriées pour renvoyer le trafic mobile vers votre site mobile standard. Nous recommandons d'utiliser le Gestionnaire de Redirections dans All in One SEO (AIOSEO) pour gérer cela facilement.

5. Quelle est la différence entre mobile-friendly et AMP ?

Un site mobile-friendly est la conception de votre site web habituel qui ajuste sa mise en page pour s'adapter aux petits écrans. Il conserve toute votre image de marque, vos styles et vos scripts. AMP est une version complètement séparée de votre page. Il supprime la plupart du code lourd pour se charger instantanément, sacrifiant souvent vos éléments de conception spécifiques dans le processus.

Ressources supplémentaires 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.