Article mis à jour le 02/03/2016, publié initialement le 23/02/2016
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 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 :
- https://wordpress.org/plugins/amp/ développé par Automattic (WordPress)
- https://wordpress.org/plugins/accelerated-mobile-pages/ développé par Magazine3, une société de thème premium WordPress
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)
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
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
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
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 :
- la bonne gestion des pages AMP pour le SEO
- un tuto AMP en 5 étapes
- comment ajouter Google Analytics avec AMP
- trouver les erreurs AMP dans Google Search Console
bonjour,
est-ce utile d'utiliser le plugin AMP de wordpress alors qu'on a un theme responsive?
j'avoue que je m'y perds... déjà que je viens tout juste de le mettre en https la semaine dernière..
bien cordialement,
Stephane
AMP vient en effet concurrencer la version mobile du site. Ce n'est pas obligatoire, faut tester et voir l'évolution de Google à ce niveau...
Ok, merci beaucoup !
donc pour l'instant j'attends de voir... le cas échéant, je ferais appel à un pro car se replonger dans tout cela de temps à autre (une fois par an) , c'est pas très efficace... voire même source de problèmes.
Encore merci et amusez vous bien!
Sujet brûlant en effet que AMP. Mais quid des constructeurs de page: Divi et Visual Composer pour en citer 2. Pas terrible pour la compatibilité. A mon avis c'est un des obstacles majeurs du non passage à AMP chez beaucoup de non techniciens. Seule solution pour l'instant, ne pas utiliser de constructeur de page pour les articles, et accepter une version non AMP pour les pages afin de garder une belle construction du contenu.
J'utilise la version AMP d'Automatic (Version 0.4.2)
Aucun soucis, tout s'est fait en qq clics et ca fonctionne parfaitement.
J'ai le plaisir de voir régulièrement des visites mobiles via AMP
coté wbAMP et Joomla. Installé la version community. Mais je n'ai rien compris a l'installation et ça ne me semble pas fonctionner lorsqu'on tente de modifier les options du plugins. A suivre mais Joomla est globalement une usine a gaz a configurer...
Bonjour Olivier,
Merci pour ce super article. Moi aussi comme Bernard j'utilise le plugin AMP Supremacy. Le test effectué par le plugin est bon, mes pages apparaissent bien sur le mobile, par contre dans search console, ils m'indiquent que je dois ajouter des données structurées. Et là, je sèche...
peux-tu poser la question sur le forum, en donnant + de détails ?
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.
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
Merci Bernard, j'irai tester ce plugin
@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...
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 ...
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 ! ! !
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
pour le plugin joomla, je n'ai encore trouvé personne pour expliquer comment le faire vraiment fonctionner ...
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.
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/
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
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).