Google AMP, ou Accelerated Mobile Pages, est un projet open source créé par Google dans le but de faciliter une expérience de navigation plus fluide pour les appareils mobiles.
Le projet promet des performances plus élevées, un engagement accru et une utilisation moindre des données, ce qui profite à la fois aux utilisateurs et aux éditeurs.
[intégrer]https://youtu.be/9Cfxm7cikMY[/embed]
Page Speed est devenu un facteur de classement pour les pages mobiles en juillet de cette année (2018), et AMP est là pour satisfaire le besoin de vitesse de votre site Web. En fait, AMP promet de rendre la navigation mobile jusqu'à 85 % plus rapide.
Grâce à une combinaison d'optimisations et de restrictions pour HTML, JavaScript et CSS ; Les pages AMP se chargent presque instantanément. Au lieu de JavaScript écrit par l'auteur, des éléments spécifiques à AMP garantissent la rapidité et la compatibilité.
La vitesse de la page s'améliore également avec la hiérarchisation au-dessus de la ligne de flottaison, des caches AMP spécifiques et le prérendu. De plus, l'utilisation de petits fichiers et médias, et peu de demandes de ressources du serveur ajoute des améliorations supplémentaires à la vitesse.
Les optimisations dans AMP garantiront également que la mise en page de vos pages se charge toujours correctement, même avant le chargement des images et des iframes (pour les publicités).
Cela se fait en spécifiant la taille des images et des iframes dans le document HTML (appelé "mise en page statique"). Et empêche essentiellement le contenu de se déplacer pour s'adapter aux ressources au fur et à mesure qu'elles se chargent.
Si vous publiez un site AMP valide, vos pages sont automatiquement mises en cache dans le cadre de l'écosystème AMP. Le cache stockera vos documents, polices et images AMP.
Deux caches AMP sont utilisés aujourd'hui, le cache AMP de Google et le cache AMP de Cloudflare. Les serveurs de Cloudflare couvrent à eux seuls 102 emplacements dans 50 pays différents.
Le cache est mis à jour chaque fois que quelqu'un accède au contenu, et le contenu mis à jour est automatiquement servi à l'utilisateur suivant. Cela garantit que la dernière version est diffusée rapidement au plus grand nombre de personnes possible.
En plus de mettre en cache le contenu, le serveur de cache fournira également quelques optimisations et modifications telles que :
En plus de ces optimisations, le cache effectuera également de nombreux processus de nettoyage HTML pour normaliser l'analyse.
Une liste complète des optimisations de cache AMP est disponible sur les pages Google Developers.
La vitesse est l'attraction principale d'AMP. Et c'est pourquoi de nombreux éditeurs comme Google, Facebook, Baidu, Pinterest et Twitter ont déjà adopté la technologie. La vitesse améliorée ajoute de l'engagement et réduit les taux de rebond presque partout.
AMP est particulièrement utile dans les zones à faible couverture Internet mobile ou sur les réseaux publics encombrés et lents comme les aéroports et les cafés. Et c'est pourquoi le contenu se charge si rapidement dans leurs applications lorsque la navigation habituelle est lente.
Les recherches effectuées l'année dernière dans le cadre d'une étude sur l'impact économique total de Forrester Consulting (commandée par Google) ont révélé que :
"AMP entraîne une augmentation de 10 % du trafic sur le site Web avec une multiplication par deux du temps passé sur la page. Pour les sites Web de commerce électronique utilisant AMP, l'étude a également révélé une augmentation de 20 % des conversions de ventes par rapport aux pages non AMP."
Le carrousel Top Stories de Google sur mobile n'utilisera que le cache AMP de Google pour afficher les articles. Par conséquent, pour de nombreux éditeurs, l'utilisation d'AMP devrait être un choix automatique.
Le New York Times, eBay et AliExpress sont de bons exemples à vérifier qui ont profité de l'AMP. Si vous cliquez sur le contenu de ces sites (marqué d'une icône amp) dans la recherche Google sur votre mobile, vous chargerez la version AMP de leurs pages.
Un ajout à l'écosystème AMP plus tôt cette année était l'histoire AMP. Semblables aux histoires Snapchat, elles sont déjà utilisées par de nombreux éditeurs. De bons exemples incluent l'histoire de CNN sur les missions qui explorent encore notre système solaire, et le guide essentiel de Mashable sur Black Panther.
AMP Story Ads, un ajout à la fonctionnalité des histoires, a récemment été mis à la disposition de tous les sites Web qui utilisent Google Ad Manager. Il s'agit d'annonces en plein écran qui apparaissent dans les articles AMP. Il s'agit de l'une des nombreuses améliorations qui ont rendu AMP beaucoup plus utile qu'il y a à peine un an.
Si vous utilisez Google, Twitter, Pinterest, Messenger, etc., vous remarquerez que les liens externes s'ouvriront dans le domaine lui-même, au lieu du domaine auquel il est lié.
Bien que la visionneuse AMP améliore l'expérience de navigation des utilisateurs, elle peut être négative pour les propriétaires de sites Web. Cela vous enlève le pouvoir de contrôler la navigation des visiteurs sur votre site.
Cela peut priver votre site de pages vues et pourrait perturber vos revenus publicitaires. Certains problèmes d'analyse et de suivi peuvent même être difficiles à résoudre si vous n'utilisez pas Google Analytics pour AMP.
Cela dit, certains lecteurs peuvent préférer les difficultés de suivi. Si tel est le cas, voici ce que vous pouvez faire pour savoir qui vous suit en ligne.
Le carrousel Top Stories de Google sur les appareils mobiles ne proposera que du contenu prêt pour AMP. Il s'agit d'un fait important, car la majorité du trafic vers l'ensemble du contenu AMP provient de personnes effectuant des recherches sur Google.com.
Ce favoritisme AMP ne s'arrête pas seulement au carrousel de l'actualité. Google proposera également des sites Web compatibles AMP plus haut que tout autre lien, y compris des sites standard adaptés aux mobiles. Cela dit, AMP lui-même n'est pas techniquement un facteur de Page Rank (encore), mais les améliorations de vitesse le sont.
Même si vous rendez vos pages AMP disponibles, elles ne seront pas toujours utilisées en fonction du système d'exploitation, des applications ou de l'appareil utilisé. Si vous utilisez Cloudflare, vous pouvez activer les liens mobiles accélérés pour identifier et afficher le contenu AMP de votre site sur mobile, quelle que soit la source.
Cloudflare peut également vous aider à améliorer votre confidentialité et vos performances lorsque vous utilisez votre mobile.
Nous nous aimons certains sites Web à la recherche de fantaisie. Cependant, les limitations d'AMP peuvent vous faire perdre une partie de l'attrait visuel de vos sites que vous pouvez autrement conserver en utilisant des sites Web réactifs et une conception mobile.
Les plugins dans WordPress, par exemple, serviront AMP en offrant une version simplifiée de votre site Web. Ces convertisseurs WordPress vers AMP offrent très peu d'attrait visuel et sont l'une des principales raisons pour lesquelles de nombreux sites AMP se ressemblent.
Si vous concevez vos pages AMP à la main, plutôt que d'utiliser des convertisseurs, vous pouvez obtenir une conception similaire à la conception mobile traditionnelle et plus attrayante visuellement.
AMP a encore du chemin à faire, et de nombreux développeurs sont fermement opposés à son utilisation, car cela les oblige à entrer encore plus loin dans l'écosystème Google. Cela incite de nombreuses personnes à rechercher des alternatives Google.
AMP apporte de nombreux avantages aux propriétaires de sites Web, en particulier si vous diffusez quotidiennement de gros volumes de contenu. Cependant, vous pouvez résoudre de nombreux problèmes qui ralentissent un site Web, tels qu'une utilisation excessive de JavaScript, une réponse lente du serveur et des fichiers volumineux, sans implémenter AMP.
Être intelligent avec votre conception mobile peut servir votre site Web rapidement. Jenny Gove de Google a écrit un excellent article sur What Makes a Good Mobile Site, qui vaut la peine d'être lu.
Il existe des plugins WordPress AMP et des plugins Drupal AMP qui peuvent vous aider à générer du contenu AMP. Sinon, les documents de démarrage rapide d'AmpProject sont une ressource précieuse à utiliser pour coder manuellement vos pages AMP.
L'intégralité du site Web AMPProject est en fait créé et rendu dans AMP, c'est donc un bon exemple de la façon dont ces pages peuvent apparaître dans toutes les résolutions, pas seulement sur mobile.
Bien que les gens aient une forte aversion pour AMP pour de nombreuses raisons différentes, Stonetemple.com a examiné 10 études de cas pour voir la différence dans l'engagement et la conversion des utilisateurs. Ils concluent que tant que la mise en œuvre AMP est terminée, la plupart des sites Web, quel que soit leur créneau, en tireront des bénéfices.
En fin de compte, vous devez vous demander si vos clients tireront des avantages d'AMP. Selon les services que vous proposez et le contenu que vous diffusez, il se peut qu'il n'apporte pas d'améliorations par rapport aux pages mobiles. Avec une optimisation appropriée, les pages mobiles peuvent également se charger assez rapidement !
La mise en cache est un élément central de l'écosystème AMP, et la publication d'un document AMP valide l'active automatiquement dans la livraison du cache. Si vous souhaitez supprimer vos pages, Google a rédigé un guide expliquant comment supprimer le contenu AMP de la recherche Google.
Si vous souhaitez arrêter de charger les pages AMP en tant qu'utilisateur, vous pouvez désactiver les liens AMP et charger les pages d'origine à la place sur votre mobile.
