AMP sur Wordpress: comment faire ?

Voici venu le temps des rires et des chants .. de l'AMP ( https://www.ampproject.org/fr/) qui sonnera sans doute la fin des délires d'applications mobiles et de certaines idées sur le "design"..

Faut-il installer AMP sur son site, blog ?

Les avis sont un peu partagés entre les bénis oui-oui de Google, les sceptiques et ceux qui disent que ça défavorise les "vraies" pages car Google a tendance à mettre les pages AMP (donc SES pages) à la place (et c'est vrai qu'on a pu observer parfois des pages AMP référencées à la place de la page normale, même sur une recherche sur un ordinateur de bureau ?!?).

Comment installer AMP ?

Honnêtement, sur autre chose qu'un CMS standard (Wordpress, Prestashop, etc..), on ne sait pas (la preuve avec ce blog) et on s'en fout un peu en fait car tant que les autres ne le font pas, ça ne sert à rien de le faire (Toujours le même raisonnement qui consiste à dire que l'important n'est pas d'être super bon mais un peu moins nul ou un peu meilleur que les autres car Google est de toutes façons obligé d'afficher des résultats).

AMP sur Wordpress

AMP sur Wordpress, c'est simple (beaucoup plus simple que https sur Wordpress par exemple).

En gros vous avez le choix entre 2 plugins.

Le premier est celui d'Automattic  https://fr.wordpress.org/plugins/amp/

A priori, tout semble envoyer vers celui-ci sauf qu'il y en a un meilleur: AMP for WP – Accelerated Mobile Pages  https://fr.wordpress.org/plugins/accelerated-mobile-pages/

Outre le fait qu'il donne moins d'erreurs dans Search Console (même si ces "erreurs" AMP n'en sont pas vraiment), ce plugin permet de configurer, sans être un expert, tout un tas de trucs qui vont du design, aux commentaires, aux tags et aux PUBS.

Oui messieurs dames, vous pouvez mettre de l'adsense dans AMP (et bien des plugins de pubs qui le proposent n'arrivent cependant pas à vraiment en mettre).

Inutile de répéter ici ce qui est indiqué sur la page de ce plugin: tout y est mentionné et vraiment, c'est le meilleur plugin AMP pour Wordpress .. actuellement.

Pourquoi ? Parce qu'il permet tout un tas de choses que ne permet pas le plugin d'Automattic.

Si vous installez la version gratuite d' AMP for WP – Accelerated Mobile Pages , voici ce que vous allez pouvoir faire, sans aide quelconque.

A la base, vous pouvez effectuer le SETUP par défaut mais ayez confiance et cliquez bravement sur le mode "Advanced".

Vous aurez alors les possibilités suivantes:

Nous allons passer quelques une des possibilités mais réellement, chacune est intéressante !

Pub avec AMP

Hé oui c'est possible ! Pour éviter les erreurs de validation AMP, évitez de vouloir faire de la pub sur vos pages AMP avec les plugins classiques de pub (comme Ad Inserter par exemple). Utilisez ce plugin AMP qu'on vous recommande; l'interface est simplissime pour insérer de la pub et la validation AMP est top. Remarquez au passage que vous pouvez mettre autre chose que de l'adsense.

SEO avec AMP

Là aussi c'est simple, surtout si vous utilisez un plugin SEO: il vous suffit de l'indiquer et le plugin récupère tout ce qu'il faut.

Pour éviter les problèmes de validation, ne mettez rien dans "head section"

Optimisation de la vitesse des pages AMP

A la base, AMP est fait pour aller vite mais on peut aller encore plus vite en optimisant (et si vous connaissez ce blog, vous savez que la vitesse des pages est une de nos marottes cf Vitesse d'un site web: First Contentful Paint (FCP), First Input Delay (FID) et Total Blocking Time (TBT) )

Donc ici vous avez 3 possibilités d'amélioration.

Mesure des statistiques AMP

Connaître l'audience des pages AMP est souvent un casse-tête.. Là aussi c'est simple parce qu'au moins vous savez qu'elles sont marquées ! Et pas besoin de script compliqué:

Choix des types de pages qui seront "AMP"

Dans "Advanced", on peut choisir quelles pages on AMPise

Et le design hein ? Parce que l'opinion répandu est que le design AMP c'est le minitel (nous on aime mais en France, beaucoup n'aiment pas). Hé bien tenez-vous bien Mesdames Messieurs, on peut CHANGER le design AMP !

Ca se fait dans le menu DESIGN:

où on commence à choisir un des templates, le SWIFT étant le plus intéressant.

Le sous-menu à gauche vous donne l'étendue des possibilités: tout est paramétrable !

Les couleurs et polices:

mais aussi:

• le type de header, de footer
• le contenu de la home page
• l'allure d'une page "simple" avec ou sans fil d'ariane, catégorie, tag, mention de l'auteur, date de publication, meta, etc

Un dernier truc: le social sharing

Dans ce sous-menu, vous pouvez choisir les trucs pour ces fUmeux réseaux sociaux (qui n'apportent rien à un site web hormis de l'audience ailleurs, chez eux) et la position des icones..

Si vous n'allez pas dans ce menu, vous aurez par défaut un truc AddThis relié au compte des créateurs du plugin, avec un peu de pub.. C'est la maigre rançon du gratuit :-)

Maintenant qu'on a vu COMMENT avoir des pages AMP sur Wordpress, vous allez certainement ricaner ou demander quoi faire quand vous recevez une des xxxxx alertes de Search Console sur la conformité de vos pages AMP. En effet, les messages de Search Console sont aussi obscurs que les règles de Google dans d'autres domaines..

Comment rendre vos pages AMP "correctes" pour Google

En fait , il suffit d'aller sur https://validator.ampproject.org/

et d'y passer vos pages.

Cet outil vous donnera toutes les indications sur ce qui ne va pas.

Dans la majorité des cas, vous aurez des éléments (comme la pub ou un script de stats) qui ne sont pas à la bonne place d'où l'importance d'utiliser un BON plugin AMP et PAS les systèmes habituels que vous utilisez sur VOS pages classiques.

Concrètement, si vous collez un Adsense dans une page classique et que vous forcez ça pour AMP, les pages AMP ne seront pas valides.