Faire passer son site WordPress avec des pages AMP

Par Xavier Deloffre

Dans un article récent, nous évoquions la nécessité de faire passer ses sites, WordPress ou pas, dans des versions de pages Google AMP. Avec WordPress, c’est extrêmement facile si vous utilisez les extensions de WP. Les principaux besoins concernant AMP tournent autour de la modification du code de votre site. Le plugin développé par Automattic vous propose de le faire automatiquement. C’est un bon point de départ avant d’envisager des configurations plus avancées que nous abordons dans d’autres articles.

Comment installer AMP sur les pages WordPress ?

L’installation d’AMP sur WordPress se fait aujourd’hui principalement via l’extension officielle AMP for WordPress*, développée par Automattic (l’équipe derrière WordPress.com). Cette extension prend en charge la création de pages AMP automatiquement, sans avoir besoin de modifier votre code manuellement. Une fois le plugin activé, celui-ci génère automatiquement une version AMP de vos articles (et éventuellement de vos pages, si vous l’activez), accessible via une URL spécifique, souvent du type /amp/ ou /?amp=1 selon la configuration du site. Le lien vers cette version AMP est ajouté dans le code source HTML de votre page standard, grâce à la balise suivante :

<link rel="amphtml" href="https://votre-site.fr/nom-de-l-article/amp/" />

Cette balise permet à Google (et d’autres moteurs compatibles AMP) de détecter qu’il existe une version optimisée AMP de votre page, ce qui peut accélérer son affichage dans les résultats mobiles.

Notez qu’il est impératif de placer également une balise rel= »canonical » dans la version AMP de la page, afin d’éviter un problème de contenu dupliqué. Cela indique aux moteurs que la version principale référencée reste la version HTML classique.

<link rel="canonical" href="https://votre-site.fr/nom-de-l-article/" />

Cette balise canonical, insérée dans la version AMP, garantit que Google attribue le crédit SEO au contenu source, et non à la page AMP considérée comme dérivée.

Les différents modes du plugin AMP

Depuis ses dernières évolutions, le plugin AMP pour WordPress propose trois modes d’intégration, afin de s’adapter au mieux à la structure et aux objectifs de votre site. Ces modes influencent directement la manière dont les pages AMP sont générées et servies à vos visiteurs :

Mode AMP Description et impact SEO
Mode standard Dans ce mode, l’ensemble du site est servi en version AMP uniquement, sans version HTML classique. Cela garantit une performance maximale sur mobile (chargement ultra-rapide, amélioration potentielle des Core Web Vitals) et une expérience utilisateur fluide. Idéal pour les sites simples, bien codés, avec peu de scripts tiers. Côté SEO, ce mode peut être bénéfique en réduisant le taux de rebond et en accélérant l’indexation mobile, mais il nécessite une compatibilité AMP totale de votre thème et de vos plugins.
Mode de transition Le mode le plus courant. Le site conserve sa version HTML classique, mais propose une version AMP parallèle pour chaque article ou page, accessible via une URL dédiée (/amp/ ou /?amp=1). Le lien est intégré via la balise <link rel="amphtml">. Ce mode optimise l’expérience mobile sans sacrifier la version desktop. Sur le plan SEO, il permet d’améliorer la visibilité sur mobile tout en préservant les personnalisations visuelles classiques. Il est recommandé pour les sites d’actualité, les blogs ou les magazines en ligne.
Mode lecteur (Reader Mode) Ce mode génère une version AMP simplifiée uniquement pour les articles (posts). Il utilise un thème AMP minimal, sans mise en page complexe ni widgets. C’est la solution la plus basique, adaptée aux blogs personnels ou aux sites très épurés. Côté SEO, bien qu’il fournisse une version AMP rapide, il peut nuire à la présentation de la marque ou à la conversion si trop dépouillé. Peu adapté aux sites professionnels ou à forte exigence d’identité visuelle.

Compatibilité et extensions tierces

Le plugin AMP officiel est compatible avec une majorité de thèmes WordPress récents, notamment ceux qui respectent les bonnes pratiques du codage sémantique. Il est également conçu pour fonctionner avec des extensions populaires telles que Yoast SEO, Jetpack, WooCommerce (avec certaines limitations), et plus encore.

Yoast SEO, par exemple, ajoute automatiquement les balises rel="canonical", gère les données structurées (JSON-LD), et assure une bonne cohérence entre la version AMP et la version classique de vos pages. Le plugin AMP intègre aussi une console de validation interne et des options pour désactiver AMP sur certains types de contenu si besoin.

Il est fortement conseillé de tester le rendu de vos pages AMP à l’aide de l’outil Test AMP de Google ou via la section dédiée dans votre Google Search Console, où les erreurs d’indexation, de contenu ou de balisage vous seront signalées.

Si vous souhaitez aller plus loin dans la personnalisation du design de vos pages AMP (ajout de logo, menus, typographies, couleurs de thème, etc.), vous pouvez utiliser un plugin complémentaire tel que AMP for WP – Accelerated Mobile Pages. Ce plugin propose des options graphiques étendues, mais attention : il est plus lourd, potentiellement moins stable, et peut entrer en conflit avec le plugin AMP officiel si mal configuré.

Doit-on laisser AMP sur toutes les pages et articles ?

Lorsque Google a lancé le projet AMP en 2016, il visait principalement les éditeurs de contenus, afin d’accélérer la diffusion des articles d’actualité sur mobile. Depuis, le projet a évolué, et bien que Google n’impose plus AMP pour accéder à certaines fonctionnalités (comme les Top Stories), ce format reste intéressant pour améliorer l’expérience utilisateur mobile et gagner en vitesse de chargement. Il peut donc être pertinent d’activer AMP sur l’ensemble de vos articles et pages éditoriales, surtout si vous générez beaucoup de contenu ou si votre audience est majoritairement mobile. En revanche, pour les pages complexes (e-commerce, formulaires interactifs, builders, etc.), il convient d’être plus prudent et de tester la compatibilité AMP page par page. Le plugin AMP gère aussi les sites où les permaliens sont mal configurés. Si nécessaire, vous pouvez accéder manuellement à la version AMP d’un contenu via /?amp=1 en fin d’URL.

Par défaut, le plugin crée un ensemble de fichiers templates spécifiques pour afficher les versions AMP de vos contenus :

  • single.php : structure des articles
  • meta-taxonomy.php : affichage des catégories et étiquettes
  • header-bar.php : en-tête mobile simplifiée
  • meta-author.php : nom de l’auteur
  • meta-time.php : date de publication

Ces fichiers permettent de conserver un minimum de structure éditoriale (titre, auteur, date, catégorie) tout en respectant les contraintes de performance d’AMP.

Quels autres points doit-on observer avec ce plugin AMP ?

Une fois le plugin AMP installé et activé, il ne suffit pas de s’arrêter là. Bien que la mise en place initiale soit relativement simple, plusieurs éléments méritent une attention particulière pour garantir un bon fonctionnement et une réelle utilité SEO.

D’abord, sachez que l’apparence par défaut des pages AMP générées est volontairement minimaliste. L’objectif étant la vitesse, l’interface est épurée, avec un style visuel très basique. Si vous souhaitez conserver une certaine identité graphique ou intégrer des éléments de branding, il vous faudra personnaliser les templates AMP. Pour cela, vous pouvez suivre notre article dédié à la personnalisation AMP avec Yoast ou utiliser un plugin complémentaire tel que AMP for WP, avec prudence pour éviter les conflits.

Nous recommandons également de vérifier régulièrement le rendu et la validité des pages AMP générées. Utilisez pour cela :

  • Le test AMP officiel de Google pour diagnostiquer erreurs et problèmes de compatibilité ;
  • La Search Console, où une section spécifique aux pages AMP vous indiquera les erreurs critiques (balisage manquant, ressources non chargées, éléments non autorisés, etc.) ;
  • Les outils de suivi comme PageSpeed Insights pour évaluer les performances globales AMP et non-AMP.

Il est aussi important de noter que les extensions tierces comme Yoast SEO évoluent continuellement pour améliorer leur compatibilité avec AMP. Elles ajoutent notamment des balises JSON-LD adaptées, gèrent automatiquement les balises canonical, et assurent une cohérence sémantique entre les versions HTML et AMP.

Ne soyez pas surpris si certaines erreurs signalées par Google mettent du temps à disparaître. Googlebot ne prend pas en compte instantanément toutes vos modifications : plusieurs crawls peuvent être nécessaires pour que les mises à jour soient répercutées dans les résultats de recherche. Dans certains cas, l’erreur reste visible dans la Search Console alors qu’elle n’existe plus réellement sur la page. C’est pourquoi il faut patienter et valider régulièrement la correction manuellement.

Enfin, n’oubliez pas que chaque page AMP est un nouveau point d’entrée potentiel dans les résultats de recherche mobiles. Il est donc essentiel de soigner le contenu, les balises méta et l’ergonomie mobile de ces versions comme vous le feriez pour vos pages classiques. Lien de téléchargement du plugin.

Comment designer les pages AMP avec un plugin complémentaire ?

Par défaut, le plugin AMP officiel pour WordPress génère des pages au design très minimaliste, volontairement épuré afin de garantir des performances optimales sur mobile. Cela suffit sur le plan technique, mais ce rendu peut s’avérer trop basique, voire impersonnel, pour certaines marques ou entreprises souhaitant conserver leur identité visuelle. Pour remédier à cela, il est possible d’utiliser un plugin complémentaire dédié à la personnalisation graphique des pages AMP. Le plus connu est AMP for WP – Accelerated Mobile Pages. Ce plugin offre de nombreuses options de personnalisation : choix du thème AMP, ajout du logo, gestion des couleurs, des polices, des éléments de navigation (menus, header, footer), et même insertion de modules comme des boutons de partage ou des publicités compatibles AMP.

Une fois le plugin installé, vous disposez d’une interface de personnalisation via le menu « Appearance » ou « Design » dédié au format AMP. Vous pouvez y configurer différents aspects du rendu mobile sans avoir à toucher au code. C’est un bon compromis entre performance et branding, notamment pour les blogs professionnels ou les sites médias. Attention cependant : ce type de plugin modifie la structure AMP générée et peut entrer en conflit avec l’extension AMP officielle si vous n’activez pas le bon mode (notamment en cas de coexistence entre les deux). Il est fortement conseillé de tester chaque modification avec l’outil Google AMP Test afin de vérifier que vos pages restent valides. Enfin, sachez que les plugins comme AMP for WP proposent aussi des options avancées : Suivi via Google Analytics, intégration AdSense, mise en cache AMP, affichage conditionnel d’éléments selon le type de contenu… De quoi pousser votre stratégie AMP bien au-delà du simple affichage technique.

Et si l’on souhaite faire le design des pages AMP à la main ?

Pour les développeurs ou intégrateurs WordPress expérimentés, il est tout à fait possible de concevoir le design des pages AMP manuellement, sans passer par des plugins supplémentaires. Cette méthode vous offre un contrôle total sur l’apparence, la structure HTML, les éléments visuels et les comportements spécifiques aux pages AMP. Lorsque vous utilisez le plugin AMP officiel en mode standard ou de transition, vous pouvez surcharger les templates AMP directement depuis votre thème enfant. Il suffit de créer un dossier /amp/ dans votre thème actif et d’y placer vos propres fichiers de mise en page, par exemple : single.php, page.php, header.php, footer.php, etc. Ces fichiers seront automatiquement pris en compte lors du rendu des versions AMP.

Attention toutefois : le HTML des pages AMP doit respecter strictement la spécification AMP HTML. Cela implique :

  • L’utilisation exclusive de balises validées par AMP (<amp-img> au lieu de <img>, <amp-video> pour les vidéos, etc.) ;
  • L’interdiction de certains éléments JavaScript (AMP impose une approche déclarative) ;
  • Le chargement des styles dans une seule balise <style amp-custom> limitée à 75 Ko ;
  • L’ajout obligatoire de balises de script amp-runtime dans le <head> pour valider la page.

En cas d’erreur ou de non-respect des règles, Google refusera d’indexer la page AMP et signalera les problèmes dans la Search Console. Il est donc essentiel de valider vos pages manuellement avec l’outil de validation AMP ou en ajoutant #development=1 à la fin de l’URL dans Chrome (puis en consultant la console développeur). Cette approche manuelle est particulièrement recommandée pour les projets nécessitant un design sur mesure, une compatibilité poussée avec la charte graphique de l’entreprise, ou une optimisation AMP fine sans dépendance à un plugin tiers.

Que faire pour les plugins et thèmes non adaptés à ce plugin AMP officiel ?

L’une des difficultés courantes rencontrées lors de l’intégration d’AMP sur un site WordPress est la compatibilité partielle ou inexistante de certains plugins et thèmes avec le format AMP. Contrairement au HTML classique, AMP impose une série de restrictions strictes sur le JavaScript, les balises HTML autorisées, les éléments interactifs, ainsi que sur la manière dont les ressources sont chargées. Cela signifie que de nombreuses fonctionnalités fournies par des plugins standards (sliders, carrousels, scripts de formulaire, widgets dynamiques, etc.) peuvent simplement ne pas fonctionner ou provoquer des erreurs de validation AMP. Le plugin AMP officiel de WordPress inclut un système de gestion des erreurs AMP intégré, qui peut vous aider à identifier les conflits. Dans l’administration WordPress, un rapport de compatibilité liste les erreurs critiques et les extensions problématiques. Vous pouvez alors soit désactiver le contenu AMP pour ces pages spécifiques, soit chercher des alternatives compatibles AMP aux extensions concernées. Pour les plugins essentiels à votre activité (comme WooCommerce, des formulaires avancés ou des constructeurs de pages), la première étape consiste à vérifier si une compatibilité AMP est prévue par l’éditeur. Certains développent désormais des modules AMP-friendly, avec une version allégée de leurs scripts, des styles dédiés ou des composants AMP natifs (comme <amp-form>, <amp-carousel>, etc.).

Si le plugin tiers n’est pas compatible et que vous souhaitez malgré tout conserver AMP, vous avez plusieurs options techniques :

  • Désactiver AMP sur certaines pages via le plugin officiel (dans les réglages avancés), pour éviter des erreurs sur les sections complexes comme les fiches produits ou les pages construites avec un builder ;
  • Créer des gabarits AMP spécifiques dans un thème enfant et injecter manuellement des composants AMP alternatifs là où les plugins échouent. Cela nécessite des connaissances en développement, mais permet un rendu AMP propre sans tout sacrifier ;
  • Utiliser le filtre amp_skip_post() dans votre code PHP pour exclure automatiquement certains types de contenu du rendu AMP si vous détectez des extensions problématiques.

Concernant les thèmes non compatibles AMP (souvent les plus visuels ou chargés en scripts), il est recommandé d’activer AMP en mode de transition, et de bâtir une version AMP séparée avec un thème enfant personnalisé, contenant uniquement les éléments compatibles. Vous pouvez même créer une structure de base AMP dédiée à partir de zéro, dans le dossier /amp/ de votre thème.

Enfin, gardez en tête que Google ne pénalise pas un site qui ne propose pas AMP sur toutes ses pages. L’objectif est de proposer une alternative rapide aux utilisateurs mobiles lorsque cela est pertinent, pas d’imposer AMP à l’intégralité du site à tout prix. Il est donc acceptable d’adopter une stratégie hybride, en activant AMP uniquement sur les articles, les pages de contenu informatif ou les sections à fort trafic organique mobile. Un plugin ou thème non AMP-ready n’est  surtout pas une impasse : Avec un peu de méthode, des exclusions ciblées, des alternatives techniques et une personnalisation via thème enfant, vous pouvez continuer à bénéficier d’AMP sur les parties de votre site les plus importantes, sans renoncer à vos fonctionnalités clés sur le reste.

Xavier Deloffre

Xavier Deloffre

Fondateur de Facem Web, agence implantée à Arras et à Lille (Hauts-de-France), je suis spécialiste du Web Marketing, formateur expérimenté, et blogueur reconnu dans le domaine du Growth Hacking. Passionné par le référencement naturel (SEO) que j'ai découvert en 2009, j'imagine et développe des outils web innovants afin d'optimiser la visibilité de mes clients dans les SERPs. Mon objectif principal : renforcer leur notoriété en ligne par des stratégies digitales efficaces et créatives.

0 commentaires

Besoin de visibilité ?

☑️ Experts du référencement

☑️ + de 12 ans d’éxpérience

☑️ + 500 clients satisfaits

☑️ Création de sites

☑️ Audit SEO

☑️ Conseil SEO

☑️ Référencement de sites

☑️ Devis gratuit