Annonces Google

Vous êtes ici : Dossiers référencement > Référencement mobile

Plugins AMP pour WordPress, Joomla et Drupal

Par , le 02 mars 2016

Si vous êtes sur WordPress, Joomla ou Drupal, vous pouvez assez facilement proposer une version AMP de vos articles, grâce à un plugin. Voici mon retour d'expérience sur le plugin WordPress officiel...

Article mis à jour le 02/03/2016, publié initialement le 23/02/2016

Plugins AMP (WordpPress)

Intérêt d'un plugin pour AMP

Les pages AMP sont des pages dans un format spécial (du HTML très simplifié) conçu pour s'afficher très rapidement sur mobiles et promu notamment par Google. Pour proposer une version AMP de vos pages, vous pouvez suivre ces consignes ou bien utiliser un plugin qui va faire une partie du boulot.

C'est ce que j'ai fait sur WebRankInfo, dont les ~2000 articles sont désormais disponibles au format AMP.

Pour ma part, je publie mes articles avec WordPress et à l'heure actuelle il existe 2 plugins :

Si vous gérez un site sur un autre CMS, contactez-moi si vous avez ajouté la fonctionnalité AMP sur votre site. Ainsi, je complèterai cet article pour qu'il soit utile au plus grand nombre.

Le plugin AMP de WordPress (Automattic)

Plugin WordPress AMP

Je vais tenter de vous indiquer mon retour d'expérience, en listant les avantages et inconvénients.

Le plugin WordPress "AMP" permet de mettre en place AMP rapidement et automatiquement sur les articles du site. Le contenu de l'article est parsé et remplacé par les balises au standard amp. Il supporte depuis sa dernière mise à jour les médias (audio, video, image, iframe) mais aussi les tweets, les "embed" de Vine, les vidéos Youtube et les photos Instagram. Cela signifie que pour tout ça, vous n'avez aucun code de particulier à gérer.

J'ai apprécié le fait que le code intègre les bonnes données structurées liées à AMP (je ne suis pas sûr que ce soit le cas de l'autre plugin ci-dessous).

Le plugin est installé avec un template par défaut ultra basique. Il n'a pas encore de header (fonctionnalité à venir), il charge uniquement le contenu de l'article, le titre, l'auteur, la date de publication et les catégories/étiquettes.

C'est aussi un inconvénient. Les utilisateurs WordPress sont habitués à n'avoir qu'à activer un plugin et qu'ensuite ça fonctionne  bien sans avoir rien d'autre à faire. Ici, le plugin fournit un template basique (un peu comme les thèmes de base de WordPress) et fait fonctionner AMP au niveau technique. A vous de créer/modifier le template, modifier les CSS, charger les images à la une si on souhaite les afficher. Le plugin simple ne suffit généralement pas, mais la documentation est très bien faite (sur Github).

Il y a des exemples pour ajouter une fonctionnalité, une image à la une, modifier le comportement du template, ajouter Google Analytics...

Il existe actuellement un gros défaut qu'on peut facilement appeler un bug... Lorsqu'on désactive le plugin, l'URL de l'article au format AMP (avec "amp" à la fin) fonctionne toujours. Cela affiche l'article avec le thème du site, mais on peut donc accéder à l'article depuis l'URL normale, ou avec l'URL /amp/. L'erreur est reportée et on espère une résolution rapide de ce problème.

Le plugin Accelerated Mobile Pages pour WordPress

Plugin WordPress Accelerated Mobile Pages

Il existe un autre plugin pour WordPress, mais je ne l'ai pas essayé. En effet, le plugin est développé par deux personnes, fondateurs d'une société qui vend des thèmes premium. Ces personnes viennent de s'inscrire, pour publier ce plugin et on peut se poser la question de savoir si le plugin sera bien maintenu par ces personnes.

Néanmoins, si certains parmi vous souhaitent témoigner de leur utilisation de ce plugin ou d'autres d'ailleurs, n'hésitez pas !

Le plugin wbAMP : AMP pour Joomla

wbAMP plugin AMP Joomla

Ecran de configuration du plugin wbAMP pour ajouter des pages AMP sur votre site Joomla

La société weeblr propose un plugin AMP pour Joomla appelé wbAMP. Disponible en version gratuite mais limitée, une version payante est prévue pour le 29/02/2016.

Le plugin gère automatiquement la génération de pages AMP, ainsi que la balise link alternate amp-html. Côté mesure d'audience, seul Google Analytics est pour l'instant pris en charge.

wbAMP gère aussi des tags spéciaux pour insérer facilement des tweets, une image Instagram, un post Facebook, etc. On peut ajouter des boutons de partage sur les réseaux sociaux (Facebook, Twitter, Google+ et LinkedIn).

Vous pouvez intégrer des pubs issues des régies suivantes : A9, AdReactor, AdSense, AdTech et Double-click.

Si vous le testez, merci de donner votre avis dans les commentaires !

Le module AMP pour Drupal

Module AMP Drupal

Le module AMP pour Drupal est disponible

Drupal propose également un module permettant d'ajouter le support des pages AMP sur un site réalisé avec Drupal. Il est compatible avec Drupal 8 (le support de Drupal 7 est en travaux, avec une sortie prévue pour mi-mars 2016). Il est accompagné d'un thème AMP (AMP Theme for Drupal) et d'une bibliothèque de fonctions (AMP Library for Drupal).

Par défaut, seules les URL de type "node" peuvent bénéficier d'une version AMP (à configurer dans le back-office). Comme sur les autres CMS, les URL en version AMP se caractérisent par l'ajout de /amp en fin d'URL.

Vous trouverez les détails officiels ici.

Ressources d'aide sur AMP

Si vous avez besoin d'aide, voici un résumé des autres articles de WebRankInfo sur le sujet :

A propos de l'auteur : Olivier Duffez Olivier Duffez sur Google+ Olivier Duffez sur Twitter Olivier Duffez sur Facebook Olivier Duffez sur Pinterest Olivier Duffez sur LinkedIn

Consultant en référencement, Olivier Duffez a travaillé pour les plus grands sites (Doctissimo, FNAC,...). Il édite le site WebRankInfo qu'il a créé en 2002, devenu la + grande communauté francophone sur le SEO (+300.000 membres, 1,5 million de posts). Il est aussi cofondateur de Ranking Metrics, leader des formations webmarketing en France (SEO, AdWords, Analytics, réseaux sociaux) et éditrice de la plateforme MyRankingMetrics (crawler et audit SEO en ligne).

Article (Plugins AMP pour WordPress, Joomla et Drupal) publié par WebRankInfo dans la rubrique Référencement mobile. Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

12 commentaires

  • Mathieu Chartier a dit le

    Bonjour Olivier,
    Merci pour ton retour d'expérience sur les plugins AMP. Je suis également en train de bosser sur un plugin du genre, je vais certainement sortir une première version prochainement si mes tests sont concluants (il est déjà en place sur mon blog). Mon objectif est de fonctionner avec des filtres plutôt qu'avec un thème lié au plugin (et donc écrasé à chaque mise à jour, etc.), mais dans les deux cas, il y aura toujours un peu de boulot "manuel" à effectuer de toutes façons (chaque thème ayant ses spécificités, ses propres filtres, etc.).

    En tout cas, j'espère que l'AMP va porter ses fruits, même si mes premiers tests depuis hier laisse voir assez peu de pages indexées (mais ce n'est que le début).

  • Mathieu Chartier a dit le

    Je reviens vers ton article car le plugin wbAMP est sorti pour Joomla hier (https://weeblr.com/blog/accelerated-mobile-page-for-joomla). Cela pourra sûrement aider certains d'entre nous. :D

  • Jimmy a dit le

    Ca y est après être passé au HTTPS, je passe au AMP et je trouve ça plutôt pas mal !

    Un exemple de page AMP :https://www.espace-musculation.com/squat.html/amp/

    @Mathieu Chartier

    Pour éviter de se faire écraser les changements à chaque mise à jour tu peux simplement faire un child theme pour AMP. Deux / trois modifs dans le fichier funtions.php et le tour est joué !

    Je te partage un lien qui m'a aidé :

    http://techprezz.com/2016/02/wordpress-amp-customize-accelerated-mobile-pages-add-google-analytics-adsense-code/

  • eMaginance a dit le

    Hello tous,

    Implémenté et quelque peu modifié, c'est relativement simple à modifier via le fichier functions.php pour customiser.

    Exemple : http://www.emaginance.com/google-invite-les-editeurs-a-utiliser-le-format-amp/
    Exemple AMP : http://www.emaginance.com/google-invite-les-editeurs-a-utiliser-le-format-amp/amp/

    Bien à vous.

  • Serge Billon (web 54) a dit le

    pour le plugin joomla, je n'ai encore trouvé personne pour expliquer comment le faire vraiment fonctionner ...

  • ELYOTHERM a dit le

    Bonjour à tous,

    Petit retour d'expérience avec Joomla et le plugin wbAMP.
    Fonctionne nickel. Reste juste à mettre en place la personnalisation...

    Exemple AMP Joomla : https://elyotherm.fr/amp
    Nous avons simplement mis une image pour la page d’accueil.

    Bien cordialement,
    L'équipe ELYOTHERM

  • Patrick-64 a dit le

    Bonjour à tous,
    j'ai installé le plugin AMP pour WP sur mon site vitrine, j'ai même modifié mon thème en laissant le plugin, sans rien toucher, et tout est nickel, super rapide, sans accro . . . pour le moment (comme dirait l'autre)
    Par contre je recherche un thème ou un module AMP pour Prestashop ! ! !

  • Dge-06 a dit le

    Après plus de 3 semaines, Google n'affiche toujours pas mes pages AMP dans ses résultats.

    Je ne comprend pas pourquoi Google ne prend pas en compte, d'autant plus, que j'ai renvoyé le sitemap et que j'ai re-demandé une indéxation.

    Est-ce que ça vient de Google ou du plugin : bonne question ...

  • pascal a dit le

    @eMaginance

    Je viens de tester votre page : https://developers.google.com/structured-data/testing-tool/ avec le " Structured Data Testing Tool " de Google : https://developers.google.com/structured-data/testing-tool?url=http%253A%252F%252Fwww.emaginance.com%252Fgoogle-invite-les-editeurs-a-utiliser-le-format-amp%252F et vous pourrez constater qu'il y a 4 erreurs de validation dans la partie Blog :
    --
    image: manquante et obligatoire
    publisher: manquante et obligatoire
    dateModified: manquante et recommandée
    mainEntityOfPage: manquante et recommandée
    --

    Alors le but n'est pas de critiquer, du tout, mais de savoir d'où ça vient car si vous être suer WordPress et le plugin AMP (comme moi), j'ai aussi les mêmes erreurs et je cherche comment y remédier...

    ATTENTION là où c'est confusant tout ça, c'est que le test AMP lui-même est bon (tout comme moi) : aucune erreur sur http://www.emaginance.com/google-invite-les-editeurs-a-utiliser-le-format-amp/amp/#development=1 en regardant la console JS : "AMP validation successful."

    Là,je sèche...

  • bernard a dit le

    Je me permets de publier une petite trouvaille suite à la lecture de votre article. Comme la version AMP d'un site devient d'une actualité de plus en plus brûlante à mon humble avis, j'ai relu votre article et je vois qu'il manque un petit dernier, un dernier qui vient de sortir AMP SUPREMACY.
    En quoi il me plait ? d'abord, à l'inverse de ce qu'il est possible de faire avec le plugin de Auttomatic, celui-ci permet de choisir sur qui on va appliquer la configuration et notamment les pages (choses impossibles si je me souviens bien du plugin automattic que j'avais enlevé à cause de cela, justement) et
    deuxio :D ce nouveau plugin ( mise à jour il y a 2 jours) permet de tester en direct les changements !
    Voilà à mon avis plus aucune raison de ne pas brancher son site sur AMP :D

  • Olivier Duffez a dit le

    Merci Bernard, j'irai tester ce plugin

  • Amar a dit le

    Je suis impatient de savoir ce que tu en penses car j'aimerais utiliser un plugin AMP qui transforme aussi les pages, les catégories, etc.

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Annonces Google

Catégories des dossiers

Consultez les dossiers par thématiques :

Annonces Google

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google AdWords et Analytics ainsi qu'aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (Dossier possible OPCA, DIF...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation).

Hébergement web

Hébergement web mutualisé et dédié

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit by Nerim, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo.

A partir de 3€ HT/mois.