Le projet de Google, dénommé Accelerated Mobile Pages, ou encore AMP, vise à transformer l’expérience de navigation des internautes sur les supports mobiles. Ce projet en open source est piloté par la plateforme en ligne GitHub, et comparable aux projets du concurrent Apple (Apple News) et de Facebook (Instant Articles). Accelerated Mobile Pages a été élaboré dans le cadre de la Digital News Initiative (DNI), qui vise à promouvoir et façonner le journalise en ligne de demain. Mais comment fonctionnera l’affichage des pages à l’avenir ? À qui ce projet profitera-t-il ?
Le temps de chargement des pages est un critère de qualité indéniable pour un site Web moderne. Sachant que la majeure partie de trafic sur Internet se déroule maintenant sur des supports mobiles, les développeurs Web cherchent continuellement des solutions afin d’optimiser l’affichage des pages Web sur les mobiles.
L’initiative Accelerated Mobile Pages offre une nouvelle alternative au chargement d’éléments Web statiques. Ces sites optimisés ont recours à un code HTML particulier, auquel Google a apposé le nom AMP HTML. À l’aide de ce code, les articles programmés sont chargés en deux étapes lorsqu’ils sont consultés par les internautes :
En plus du code AMP HTML, la bibliothèque JavaScript (AMP JS library), le cache Google AMP et le CSS (moins de 50 KB) sont utilisés pour la mise en œuvre technique. Les particularités de chaque composant sont présentées ci-dessous :
Le code HTML de l’initiative Accelerated 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 multimé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 disponible sur la partie du projet AMP de GitHub.
Cette bibliothèque JavaScript est une initiative propre et consiste à gérer le chargement de divers éléments de sites Web. Les ressources externes sont travaillées de manière non synchronisée, afin que le processus de rendu ne soit pas perturbé par des éléments externes.
Google propose optionnellement un Content Delivery Network basé sur le proxy pour afficher le contenu avec la méthode Accelerated Mobile Pages. Pour cela, toutes les pages AMP HTML sont stockées dans le cache et optimisées automatiquement. Les services du Content Delivery Network contiennent toutes les données requises en un seul et même endroit (y compris les données JavaScript et les images). De plus, le cache HTTP/2permet de veiller à la fonctionnalité des pages mobiles.
Cette nouvelle mesure du leader du marché des moteurs de recherche concerne avant tout la presse (journaux en ligne) et les plateformes de blogs comme WordPress. Cela représente des avantages pour les sites mobiles qui se plient à ces nouvelles exigences, par exemple avec :
Le projet Accelerated Mobile Pages concerne avant tout les médias présents sur Google News, comme les journaux et les blogs d’actualités. Ceux-ci profitent, grâce à l’optimisation AMP, d’un meilleur référencement Google et par conséquent d’une plus grande visibilité.
La charge de travail requise pour une optimisation AMP est accessible. Avec WordPress par exemple, les blogueurs peuvent effectuer un passage automatique vers une version AMP de leur site s’il est hébergé par Automattic. 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’utilisateur garde la maîtrise de ses données avec le projet Accelerated 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 chargement des pages avec AMP, les sites Web mobiles sont une solution particulièrement intéressante pour les boutiques en ligne. En effet, l’expérience de navigation est un critère déterminant auprès des internautes pour l’incitation à l’achat, et le projet AMP permet d’améliorer cette expérience.
Les smartphones et les tablettes remplaceront-ils les ordinateurs ? Beaucoup de signes annonciateurs comme l’accroissement du nombre de mobinautes utilisant Google le laissent à penser. L’approche Mobile First s’est appropriée cette évolution et place l’optimisation des sites Internet pour mobile au cœur de sa stratégie. Un design léger et dynamique, important pour le mobinaute, est aussi valorisé...
En 2023, les webdesigners pourront laisser libre cours à leur créativité : des designs rétro et maximalistes aux raffinements techniques comme le défilement parallaxe et les chatbots. Le principal défi consiste à intégrer les composants choisis de la manière la plus cohérente possible dans son propre projet. Nous vous présentons les tendances du Web design en 2023.
L’utilisation de la Toile est devenue principalement mobile. Cette tendance met au défi les administrateurs de sites Web. Ces sites Internet sont de plus en plus nombreux à se limiter à un affichage sur smartphone et tablette. Depuis la mise à jour de Google en 2015, ces derniers ont déploré une perte de trafic significative. Cependant, grâce aux sites Web dédiés pour mobiles, aux interfaces...
De nombreuses entreprises investissent beaucoup de temps et d’argent dans l’optimisation pour les moteurs de recherche : pendant des semaines, elles peaufinent des stratégies de mots-clés, contrôlent les liens et l’arborescence de leur page Web, sans résultats. Cela peut s’expliquer par un manque de considération du SEO mobile. En effet, la majorité des recherches sur Internet s’effectuent...
Offrez un service performant et fiable à vos clients avec l'hébergement web de IONOS.
Voir les packs
