Pages AMP vs pages responsives : Pourquoi s’embêter avec AMP ?

En ce qui concerne les pages mobiles et la recherche mobile, les pages AMP sont-elles la panacée dont tout le monde a besoin pour être bien classé dans les moteurs de recherche mobiles ou la mise en place de sites Web réactifs est-elle suffisante pour être en tête des SERPs ? Nos tests SIA révèlent une découverte intéressante que vous devez absolument vérifier.

Le projet Accelerated Mobile Pages

Le projet AMP (Accelerated Mobile Pages) est un projet de framework HTML open sourced lancé par Google en 2015. Le projet a été introduit pour fournir une vitesse de chargement rapide comme l’éclair et une expérience plus engageante aux utilisateurs mobiles. Avec amp, l’objectif est de construire l’avenir du web en créant des pages web rapides et fluides sur tous les appareils et plateformes, en donnant la priorité à l’expérience utilisateur mobile. Il a été construit en collaboration avec des développeurs, des éditeurs, des sites Web, des sociétés de distribution et des entreprises technologiques.

L’AMP comporte trois composants. Il s’agit d’AMP HTML, qui est essentiellement du html mais avec certaines restrictions ajoutées pour une performance plus fiable. AMP Javascript ou AMP JS, qui assure un rendu rapide d’AMP HTML, et Google AMP Cache, qui est utilisé pour servir les pages AMP HTML en cache.

Les pages AMP se chargent à la vitesse de l’éclair car AMP restreint le HTML/CSS et le Javascript, ce qui permet un rendu plus rapide des pages Web mobiles. Contrairement aux pages mobiles ordinaires qui nécessitent une réponse d’un serveur, les pages AMP sont automatiquement mises en cache par Google AMP Cache pour offrir des temps de chargement plus rapides sur la recherche Google.

Lorsqu’ils effectuent des recherches sur des appareils mobiles, les utilisateurs s’attendent à un temps de chargement rapide et à un contenu pertinent. L’utilisation d’AMP peut contribuer à satisfaire les utilisateurs et à réduire les taux de rebond dus à des vitesses de chargement lentes. Les pages Web mobiles super rapides sont principalement l’un des principaux avantages de l’utilisation d’AMP.

Un regard rapide sur les pages réactives

Alors que le projet AMP est axé sur la vitesse, le responsive web design est axé sur la flexibilité. Le responsive web design (RWD) a été introduit en 2010. Avant cela, les concepteurs de sites Web devaient créer plusieurs versions d’une page afin de s’adapter à différents appareils. Le RWD est une méthode d’organisation et de conception d’un site web afin qu’il soit flexible et puisse fonctionner sur n’importe quel appareil, qu’il s’agisse d’un ordinateur de bureau, d’un téléphone mobile ou d’une tablette. Il réagit et ajuste l’orientation visuelle en fonction de la taille de l’écran de l’appareil qui accède au site. Sur un téléphone mobile qui a généralement une orientation verticale, une page réactive peut détecter la dimension du téléphone et s’afficher verticalement. Sur un écran de bureau ou d’ordinateur portable, qui a généralement une orientation horizontale, une page réactive peut détecter l’écran et s’afficher horizontalement.

Pages AMP et pages réactives : 7 critères clés à prendre en compte

Bien qu’il y ait plus que ces 7 critères, en faisant des recherches sur ce sujet, je pense que les 7 suivants sont des points clés à prendre en compte pour décider d’adopter AMP dans le cadre de vos efforts de publication web ou de vous contenter d’un site mobile réactif.

1. Contrôle
2. Serveur Web
3. Vitesse de la page
4. Coût du développement
5. Annonces approuvées par Google uniquement
6. Le “monopole” de Google ?
7. Classement : AMP Vs. Responsive

Avoir moins de contrôle en raison des restrictions ou avoir plus de contrôle ?

Pour ceux qui aiment avoir le plus de contrôle possible, une partie de ce contrôle devra être abandonnée pour utiliser AMP.

Comme je l’ai mentionné précédemment, avec AMP, il y a plus de restrictions de codage. En d’autres termes, il n’y a pas autant d’options de codage avec AMP qu’en dehors d’AMP.

Si vous ou votre webmaster aimez un certain code qui exécute une fonction unique, AMP peut ne pas avoir cette possibilité – du moins, pas encore, de toute façon car, pour que les pages se chargent rapidement, le cadre AMP a des fonctions Javascript et CSS très limitées et lors de la mise en place d’une page AMP, des balises spécifiques à AMP sont utilisées.

AMP fonctionne bien lorsqu’il s’agit de contenu statique, mais si vos pages ont beaucoup de contenu dynamique, il peut être difficile de mettre en place une page AMP pour votre site. D’autre part, RWD est applicable à tout type de site. L’inconvénient est qu’il ne se concentre pas sur la vitesse et que, pour répondre à vos attentes en matière de vitesse, vous devrez peut-être appliquer quelques mises à jour et modifications à votre site.

AMP Cache Vs. Votre serveur d’origine

Les documents (pages) AMP vérifiés ne sont pas publiés (ou hébergés) sur le serveur de votre site.

Pas du tout.

Au lieu de cela, ils sont hébergés sur un serveur Google.

Cela peut être très bien… jusqu’à ce qu’un visiteur visite “votre site”. Il n’arrive pas sur votre site en tant que tel, mais il voit une page en cache de votre site, hébergée sur Google, qui est une version distincte, mais beaucoup plus légère, de votre site.

En effet, si vous optez pour AMP, la version conforme à AMP de votre site n’est pas hébergée sur votre serveur, mais sur un serveur Google. C’est cette version qui est indexée et qui peut s’afficher pour les utilisateurs mobiles lors d’une recherche Google.

Vous vous demandez sans doute : “Que se passe-t-il lorsque les internautes veulent venir sur mon site ?

Eh bien, si je comprends bien, la page AMP est une version de l’une de vos pages. Le cache AMP de votre page est mis à jour fréquemment.

Vitesse de la page : AMP Vs. Responsive

Google a indiqué que la vitesse était un facteur de classement, tant pour les sites Web mobiles que pour la version de bureau. C’est donc un facteur que vous devez également prendre en compte. L’une des principales revendications d’AMP concerne la vitesse des pages : Les pages AMP, grâce à un codage plus propre et plus léger, peuvent fournir un chargement instantané pour les pages Web mobiles.

Les pages en responsive design peuvent également se charger rapidement si elles sont bien codées sur un serveur rapide sans beaucoup de ressources gourmandes en bande passante, ou en utilisant un réseau de diffusion de contenu basé sur un proxy. Au moment où j’écris ces lignes, les webmasters avisés se préparent à la mise à jour Core Web Vitals de Google, dont la vitesse des pages est un facteur.

La SIA propose un test sur la vitesse des pages et je vous recommande de le consulter pour obtenir plus de détails sur ce que Google entend par vitesse des pages. En outre, nous avons un article sur l’optimisation de la vitesse des pages que vous pouvez également consulter, si vous décidez d’opter pour un site réactif et de l’optimiser pour la vitesse plutôt que de mettre en place des pages AMP.

Coûts de développement plus élevés vs. coûts de développement maintenus

Avec AMP, vous devez essentiellement créer une version supplémentaire de votre site (la version AMP).

Si vous avez un site WordPress auto-hébergé, il existe au moins un plugin que vous pouvez utiliser pour créer des versions AMP de vos pages.

Cela dit, si votre site utilise une solution plus personnalisée, alors vous pouvez avoir besoin d’un codeur ou d’un développeur web pour essentiellement faire une copie AMP de chaque page de votre site en utilisant des documents AMP valides. En fonction de la quantité de code de chaque page et du nombre de pages, cela peut représenter un investissement considérable.

De plus, vous devez prendre en compte la maintenance continue.

Si la disposition actuelle de votre site est bonne (chargement rapide, réactivité, bonne expérience utilisateur), vous n’avez peut-être pas besoin d’envisager l’AMP pour la navigation mobile.

Annonces approuvées par Google uniquement ou libre choix des annonces ?

En raison de ses restrictions de codage, seules les sources d’annonces approuvées par Google peuvent être utilisées sur une page AMP.

J’ai entendu dire que beaucoup des principaux réseaux publicitaires sont dans AMP, mais que faire si celui que vous aimez n’est pas approuvé ?

Et s’il existe un nouveau réseau de pointe qui n’a pas encore été approuvé par Google et qui ne peut être utilisé que sur une version non AMP ?

Jouer dans le “monopole” de Google ou conserver une plus grande autonomie ?

Certains webmasters s’inquiètent de la façon dont Google semble répandre ses offres à grande échelle. Oui, Google propose d’excellents produits dont vous avez certainement entendu parler et dont vous avez peut-être bénéficié : Drive, Docs, Gmail et YouTube ne sont que quelques-uns des produits qui vous viennent à l’esprit.

Mais cela ne veut pas dire qu’il n’y a pas de préoccupations quant au fait que Google devient de plus en plus monopolistique.

Avec AMP, les pages sont hébergées sur les serveurs de Google. Cela peut signifier que Google a un contrôle plus étroit sur les analyses/données de vos pages.

Test SIA 32 : Une page AMP surclasse-t-elle une page “normale” adaptée aux mobiles ?

Dans le test 32 du SIA, il a été testé si une page AMP peut surclasser une page normale adaptée aux mobiles ou une page web réactive. https://www.youtube.com/embed/Nl4k-yj88YY?feature=oembed

Avant d’aller plus loin, je tiens à préciser que l’AMP n’est pas en soi un facteur de classement. En d’autres termes, une page AMP ne surclassera pas absolument une page non-AMP juste parce que c’est une AMP.

Cela dit, la vitesse est un facteur de classement, et la vitesse peut être augmentée par AMP.

Pour mettre en place le test, nous avions 2 pages sur un site WordPress : une qui était l’original et la seconde qui était un AMP. Nous avons vérifié que la page AMP répondait à tous les critères AMP.

Alors, comment s’est déroulé le test ?

La page AMP n’a pas progressé dans le classement ou n’a pas nécessairement battu la page non-AMP.

Certes, il s’agissait d’un petit test, mais il était bien contrôlé.

AMP crée-t-il des expériences Web parfaites ?

Eh bien, cela dépend de ce que vous recherchez. Je dirais que les pages AMP ont certainement leurs limites, mais du point de vue du codage, elles ne sont probablement pas défectueuses.

AMP peut être utilisé pour créer de superbes expériences sur le Web… et Responsive aussi.

Je suis sûr qu’AMP peut être utile, en particulier pour les sites d’information, mais comme je l’ai dit précédemment, AMP est un peu limité.

D’un autre côté, avec les options de codage sans restriction disponibles avec les pages réactives, vous pouvez théoriquement faire beaucoup plus avec les pages réactives.

Ma conclusion est que tout le monde devrait considérer les critères ci-dessus (et même aller au-delà de ce que j’ai mentionné ici) et arriver à une conclusion quant à savoir si AMP serait bénéfique ou non pour vos utilisateurs.

Personnellement, mes recherches sur AMP prendront fin avec l’achèvement de cet article. À ce stade, je ne vois pas vraiment l’utilité d’AMP.

Si vous préférez aller de l’avant et mettre en place AMP pour la version mobile de votre site, voici quelques ressources que vous pouvez consulter.

AMP.dev – Il s’agit du site officiel d’AMP.

Aspect d’AMP dans la recherche Google

Test AMP – Vérifiez si votre page répond aux critères pour être un AMP.

Si vous préférez opter pour des pages Web réactives et souhaitez en savoir plus sur la manière d’accélérer les performances de vos pages, consultez nos articles sur la vitesse des pages.