Face à un web mobile extrêmement lent, Google a lancé fin 2015 l’initiative open-source AMP, acronyme d’Accelerated Mobile Pages. Fédérant autour de lieu Wordpress, Pinterest ou bien encore Twitter, Google entend bien imposer son standard en proposant une version allégée d’HTML.
Faites le test par vous-même, les pages AMP se chargent avec une rapidité déconcertante ! Contre-offensive aux « walled gardens » de Facebook (Instant Articles) et d’Apple (News), AMP n’est désormais plus en mode test. En effet, depuis fin février, Google fait remonter des pages AMP dans ses pages de résultats mobile.
Au programme de cette présentation > Le point sur le projet AMP : comment ça marche, les enjeux techniques, à qui ça s’adresse vraiment, les avantages SEO et les évolutions à venir.
Yann SAUVAGEON
Directeur de l'Expertise
Synodiance
Twitter : https://twitter.com/yahn
6. L’histoire débute en 2009…
Source : https://googleblog.blogspot.fr/2009/06/lets-make-web-faster.html
7. Let’s make the web faster.
2009
"(…) By collaborating to update protocols
such as HTML (…)
we can create a better web experience for everyone. ”
Source : http://googleresearch.blogspot.fr/2009/06/speed-matters.html
8. … et se confirme en 2010.
Using site speed in web search ranking
09 Avril 2010
(…) at Google we're obsessed with
speed, in our products and on the web.
24. 2 sec.49% des internautes attendant qu’un site se charge en 2 secondes ou moins !
25. Tps de chargement Mobile Vs Tx de conversion
Source : https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/ - Septembre 2015
26. Tps de chargement Mobile Vs Tx de Rebond
Source : https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/ - Septembre 2015
27. Le Web Mobile a un
problème : sa lenteur.
Google veut le réparer !
29. Test Label « Slow » –
Février 2015
Google Mobile > Tps de chargement
Test Label « Slow to
load » – 29 Juin 2015
30. 2016 > Mobile Speed
John Mueller / Google – A propos de 2016
« […] je pense que l’année prochaine, vous entendrez
probablement beaucoup parler, de notre part, à propos du
projet AMP, du mobile-friendly, sur lesquels nous travaillons
depuis des années.»
31. AMP = Accelerated
Mobile Pages
Un standard « Open Source » pour rendre le web mobile plus rapide
33. AMP = La bataille pour un standard Mobile
Source : https://medium.com/adventures-in-consumer-technology/the-instant-articles-battle-facebook-google-apple-bca0391df89d#.r0gbssr32
APP APP WEB
36. L’histoire se répète / La méthode Google
Création
d’un
nouveau
standard
Open-Source
/ Creative
Commons
Avec des
partenaires
de poids
Suivi d’un
lobbying
auprès des
webmasters
HOA /
Messages
Search
Console
Schema.org / The Physical Web /
AMP / Android
40. AMP = 2 piliers
AMP HTML
AMP HTML = une version « light »
d’HTML / Sous-ensemble d’HTML 5
Allégement des pages (requête HTTP,
layout chargé une seule fois, JS, CSS,
iframes…)
Pages en Cache
Construit pour être mis en cache
dans le cloud par des tiers (=Google)
ou par les éditeurs eux-mêmes
Google met à disposition son
système de cache gratuitement.
71. Analytics et AMP > AT INTERNET
Source : http://developers.atinternet-solutions.com/javascript-fr/fonctionnalites-avancees-javascript-fr/accelerated-mobile-pages-amp-javascript-fr/
72. Analytics et AMP > GA
Source : https://developers.google.com/analytics/devguides/collection/amp-analytics/#supported_user_interactions_for_google_analytics/
73. Apparaître dans le carrousel d’Actualités
+
L’intégration dans GG News n’est pas un pré-requis.
83. Are you planning to begin inviting e-commerce
sites to deploy the AMP code?
“Oh, absolutely, there’s nothing about the AMP
format that doesn’t enable its use for all kinds of
things. You could build an entire website out of it.”
Source : Recode.net – 24/02
84. Un projet ambitieux pour GG
Sites d’actus
Contenus
informationnels
(Blogs, Conseils, …)
E-Commerce ?
Priorité à court terme
Contenus statiques
85. Un projet ambitieux pour GG
Mobile Tablettes ? Desktop ?
Priorité à court terme
Le Mobile
90. Conclusion AMP
La vitesse de votre site mobile quelque soit sa version (RWD, Site mobile
dédié, …) doit être une préoccupation 2016.
Indispensable sur le secteur « News », AMP est une bonne solution pour
tous les contenus statiques (Articles, Blogs).
L’AMP n’est pas encore adapté pour les sites dynamiques et le e-
commerce.
AMP aura-t-il un rôle dans le Mobilegeddon de Mai 2016 ?