Qu’est ce que #PWAMP ? C’est la contraction de AMP (Google Amplified Mobile pages) et PWA ou "Progressive web Apps". Avec la montée du mobile, une grande partie des sites sont passés au Responsive Web Design ces dernières années. Beaucoup ont en parallèle misé sur les applis mobiles. Mais est-ce la bonne solution pour l’avenir ? Pas sûr…
Découvrez comment le couple AMP et PWA pourraient tuer les apps et changer complètement la manière dont on envisage le SEO et la distribution de contenus sur mobile.
7. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Accès mobile : très différent selon le secteur
Source : Google – ChromeDevSummit, Octobre 2017
9. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Site mobile
ou
responsive
Google AMP
App iOS
et/ou
Android
10. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Le responsive est parfois souvent un cauchemar pour la webperf
11. #BlendWebMix - Google AMP & Progressive Web Apps @largow
19 secondes
Temps moyen d’affichage
d’une page web mobile via 3G
Source : Google – ChromeDevSummit, Octobre 2017
12. #BlendWebMix - Google AMP & Progressive Web Apps @largow
53%
Utilisateurs abandonnant un site
qui met + de 3 sec à charger
Source : Google – ChromeDevSummit, Octobre 2017
13. #BlendWebMix - Google AMP & Progressive Web Apps @largow
AMP et FBIA, c’est bien, mais ce sont plus de templates à maintenir
14. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Les applis bugguent en masse et les stores sont remplis
15. #BlendWebMix - Google AMP & Progressive Web Apps @largow
La montée de l’adblocking pousse à aller vers des zones « free adblockers »
16. Les apps ne sont pas la principale
source de croissance sur mobile
17. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Les applis mobiles ce n’est pas forcément une expérience garantie
18. #BlendWebMix - Google AMP & Progressive Web Apps @largow
La majorité du temps passé sur mobile ce sont les apps, mais…
19. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Les couts d’acquisition sont toujours plus élevés
Source : Chartboost, iOS– octobre 2017)
20. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Google a enterré l’App Indexing
« Users searching from mobile devices will be
directed to the relevant AMP pages even if an
equivalent app page exists. »
Google
21. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Leviers gratuits : ASO < SEO – Peu de SEO pour les apps
30. #BlendWebMix - Google AMP & Progressive Web Apps @largow
The Guardian
60% du trafic total site
mobile en provenance
d’AMP
Source : AMP Conf Google - 08/03/2017
31. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Washington Post :
+ 12 points de taux
de revisite sous 7
jours
Source : AMP Conf Google - 08/03/2017
36. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Visibilité mobile « news » des médias : Le Monde et Le Figaro, non AMP sont hors du Top 10
48. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Bon, OK, AMP c’est bien, mais on
est encore loin des fonctionnalités
d’une appli mobile…
49. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Mode offline
Push Notification
Ajout écran d’accueil
Gestion des coupures réseau
Rapide sur connexions faibles
Accès Camera (photo et vidéo)
Accès GPS & accéléromètre
Reconnaissance audio
Accès au bluetooth (beacons)
Affichage plein écran
Synchro en arrière plan
Site
mobile
PWA
50. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Cas concret : Financial Times
Responsive PWA
51. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
Comparaison du poids en Mo PWA versus appli
52. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
53. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Autres avantages de PWA par rapport aux Apps
54. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Des sites majeurs sont à présent #PWA
55. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017