Le projet de Google, dénommé Ac­ce­le­ra­ted Mobile Pages, ou encore AMP, vise à trans­for­mer l’ex­pé­rience de na­vi­ga­tion des in­ter­nautes sur les supports mobiles. Ce projet en open source est piloté par la pla­te­forme en ligne GitHub, et com­pa­rable aux projets du con­cur­rent Apple (Apple News) et de Facebook (Instant Articles). Ac­ce­le­ra­ted Mobile Pages a été élaboré dans le cadre de la Digital News Ini­tia­tive (DNI), qui vise à pro­mou­voir et façonner le jour­na­lise en ligne de demain. Mais comment fonc­tion­nera l’affichage des pages à l’avenir ? À qui ce projet profitera-t-il ?

En quoi consiste le projet AMP ?

Le temps de char­ge­ment des pages est un critère de qualité in­dé­niable pour un site Web moderne. Sachant que la majeure partie de trafic sur Internet se déroule main­te­nant sur des supports mobiles, les dé­ve­lop­peurs Web cherchent con­ti­nuel­le­ment des solutions afin d’optimiser l’affichage des pages Web sur les mobiles. L’ini­tia­tive Ac­ce­le­ra­ted Mobile Pages offre une nouvelle al­ter­na­tive au char­ge­ment d’éléments Web statiques. Ces sites optimisés ont recours à un code HTML par­ti­cu­lier, auquel Google a apposé le nom AMP HTML. À l’aide de ce code, les articles pro­gram­més sont chargés en deux étapes lorsqu’ils sont consultés par les in­ter­nautes : 

  • Les éléments prin­ci­paux (mise en page) du site Web sont chargés ins­tan­ta­né­ment.
  • Les divers éléments comme le texte, les images et les res­sources externes se chargent par la suite, par ordre de priorité. Ainsi, les visiteurs peuvent déjà scroller sur le texte avant que les images soient chargées, par exemple. 

En plus du code AMP HTML, la bi­blio­thèque Ja­vaS­cript (AMP JS library), le cache Google AMP et le CSS (moins de 50 KB) sont utilisés pour la mise en œuvre technique. Les par­ti­cu­la­ri­tés de chaque composant sont pré­sen­tées ci-dessous :

AMP HTML

Le code HTML de l’ini­tia­tive Ac­ce­le­ra­ted Mobile Pages se distingue du HTML classique car quelques-uns des tags standards sont remplacés par des tags AMP. C’est notamment le cas pour les éléments mul­ti­mé­dias, qui ne sont chargés que si le visiteur en a besoin. Dans le code AMP HTML sera intégré le tag <amp-img> à la place de <img> par exemple, afin d’insérer une image. Un aperçu sur les tags des sites mobiles sur Google est dis­po­nible sur la partie du projet AMP de GitHub.

AMP JS library

Cette bi­blio­thèque Ja­vaS­cript est une ini­tia­tive propre et consiste à gérer le char­ge­ment de divers éléments de sites Web. Les res­sources externes sont tra­vail­lées de manière non syn­chro­ni­sée, afin que le processus de rendu ne soit pas perturbé par des éléments externes.

Cache Google AMP

Google propose op­tion­nel­le­ment un Content Delivery Network basé sur le proxy pour afficher le contenu avec la méthode Ac­ce­le­ra­ted Mobile Pages. Pour cela, toutes les pages AMP HTML sont stockées dans le cache et op­ti­mi­sées au­to­ma­ti­que­ment. Les services du Content Delivery Network con­tien­nent toutes les données requises en un seul et même endroit (y compris les données Ja­vaS­cript et les images). De plus, le cache HTTP/2 permet de veiller à la fonc­tion­na­lité des pages mobiles.

Ce qu’implique l’approche Ac­ce­le­ra­ted Mobile Pages

Cette nouvelle mesure du leader du marché des moteurs de recherche concerne avant tout la presse (journaux en ligne) et les pla­te­formes de blogs comme WordPress. Cela re­pré­sente des avantages pour les sites mobiles qui se plient à ces nouvelles exigences, par exemple avec :

  • Un meilleur po­si­tion­ne­ment dans les ac­tua­li­tés Google, car les articles AMP sont mis en avant parmi les résultats. Il en va de même avec les sites Web optimisés pour les mobiles, car l’uti­li­sa­tion Ac­ce­le­ra­ted Mobile Pages est un critère de ré­fé­ren­ce­ment naturel.
  • Un taux de rebond moins élevé parmi les uti­li­sa­teurs mobiles, grâce à un temps de char­ge­ment plus rapide de l’article optimisé.

À qui l’approche AMP est-elle re­com­man­dée ?

Le projet Ac­ce­le­ra­ted Mobile Pages concerne avant tout les médias présents sur Google News, comme les journaux et les blogs d’ac­tua­li­tés. Ceux-ci profitent, grâce à l’op­ti­mi­sa­tion AMP, d’un meilleur ré­fé­ren­ce­ment Google et par con­sé­quent d’une plus grande vi­si­bi­lité.  La charge de travail requise pour une op­ti­mi­sa­tion AMP est ac­ces­sible. Avec WordPress par exemple, les blogueurs peuvent effectuer un passage au­to­ma­tique vers une version AMP de leur site s’il est hébergé par Au­to­mat­tic. Si vous hébergez votre propre blog, il est également possible d’avoir recours au plugin AMP de WordPress. À l’inverse de la majorité des autres services Google, l’uti­li­sa­teur garde la maîtrise de ses données avec le projet Ac­ce­le­ra­ted Mobile Pages. Seules les versions mises en cache (dans le Google AMP Cache) sont stockées sur les serveurs du leader des moteurs de recherche. En plus de pouvoir optimiser la vitesse de char­ge­ment des pages avec AMP, les sites Web mobiles sont une solution par­ti­cu­liè­re­ment in­té­res­sante pour les boutiques en ligne. En effet, l’ex­pé­rience de na­vi­ga­tion est un critère dé­ter­mi­nant auprès des in­ter­nautes pour l’in­ci­ta­tion à l’achat, et le projet AMP permet d’améliorer cette ex­pé­rience.

Aller au menu principal