Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Internet mobile en 2020 : objectif #PWAMP
Aujourd’hui je vais vous raconter une
histoire
L’histoire du futur de
l’internet mobile
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Android dépasse Windows en tant qu'OS le plus utilisé pour se con...
#MobileMomentFR
Selon Google, les recherches sur
téléphone portable en France ont
dépassé les requêtes sur ordinateur en
a...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Accès mobile : très différent selon le secteur
Source : Google – ...
#MobileMomentFR
Etre présent sur mobile OK,
mais quel mobile ?
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Site mobile
ou
responsive
Google AMP
App iOS
et/ou
Android
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Le responsive est parfois souvent un cauchemar pour la webperf
#BlendWebMix - Google AMP & Progressive Web Apps @largow
19 secondes
Temps moyen d’affichage
d’une page web mobile via 3G
...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
53%
Utilisateurs abandonnant un site
qui met + de 3 sec à charger...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
AMP et FBIA, c’est bien, mais ce sont plus de templates à mainten...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Les applis bugguent en masse et les stores sont remplis
#BlendWebMix - Google AMP & Progressive Web Apps @largow
La montée de l’adblocking pousse à aller vers des zones « free ad...
Les apps ne sont pas la principale
source de croissance sur mobile
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Les applis mobiles ce n’est pas forcément une expérience garantie
#BlendWebMix - Google AMP & Progressive Web Apps @largow
La majorité du temps passé sur mobile ce sont les apps, mais…
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Les couts d’acquisition sont toujours plus élevés
Source : Chartb...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Google a enterré l’App Indexing
« Users searching from mobile dev...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Leviers gratuits : ASO < SEO – Peu de SEO pour les apps
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Mais… le trafic depuis Google et Facebook arrive… sur le site mob...
Et quand on a dit ça,
on fait quoi ?
Et si #PWAMP
était la solution ?
#PWAMP = AMP + PWA
AMP aujourd’hui,
c’est 4 milliards de pages
et 25 millions de sites
AMP, c’est pour les sites de contenu
et c’est là pour durer
#BlendWebMix - Google AMP & Progressive Web Apps @largow
The Guardian
60% du trafic total site
mobile en provenance
d’AMP
...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Washington Post :
+ 12 points de taux
de revisite sous 7
jours
So...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Visibilité mobile « news » des médias : Le Monde et Le Figaro, no...
AMP, c’est pour l’ecommerce
et c’est là pour durer
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Téléphone portable Banque Amazon
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Le problème de l’e-commerce mobile
#BlendWebMix - Google AMP & Progressive Web Apps @largow
On peut créer avec AMP des fiches produit rapides avec de l’inter...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
+ 52% de commandes
journalières
+ 59% de trafic
quotidien
Source ...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
AMP résout les problèmes de
Webperf
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Le pré rendering, cœur de l’intérêt d’AMP
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Fast ! Super fast !
#BlendWebMix - Google AMP & Progressive Web Apps @largow
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Bon, OK, AMP c’est bien, mais on
est encore loin des fonctionnali...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Mode offline
Push Notification
Ajout écran d’accueil
Gestion des ...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Cas concret : Financial Times
Responsive PWA
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
Comparaison du po...
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Autres avantages de PWA par rapport aux Apps
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Des sites majeurs sont à présent #PWA
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Limitation : PWA et iOS
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Mais le futur ce sont aussi les petits écrans…
#BlendWebMix - Google AMP & Progressive Web Apps @largow
… et les grands
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Internet en 2020 : 70% mobile ?
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Internet mobile en 2020 : 80% #PWAMP ?
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Vous aimez cette présentation ?
Contact :
virginie@largow.com
Mobile : 06 27 26 67 08
Virginie Clève
Digital Strategist
www.largow.com
#GrowthMarketing
#S...
Internet mobile en 2020 : Progressive web apps PWA et Google AMP
Upcoming SlideShare
Loading in …5
×

Internet mobile en 2020 : Progressive web apps PWA et Google AMP

8,020 views

Published on

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.

Published in: Internet

Internet mobile en 2020 : Progressive web apps PWA et Google AMP

  1. 1. Internet mobile en 2020 : objectif #PWAMP
  2. 2. Aujourd’hui je vais vous raconter une histoire
  3. 3. L’histoire du futur de l’internet mobile
  4. 4. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  5. 5. #BlendWebMix - Google AMP & Progressive Web Apps @largow Android dépasse Windows en tant qu'OS le plus utilisé pour se connecter à Internet
  6. 6. #MobileMomentFR Selon Google, les recherches sur téléphone portable en France ont dépassé les requêtes sur ordinateur en août 2017
  7. 7. #BlendWebMix - Google AMP & Progressive Web Apps @largow Accès mobile : très différent selon le secteur Source : Google – ChromeDevSummit, Octobre 2017
  8. 8. #MobileMomentFR Etre présent sur mobile OK, mais quel mobile ?
  9. 9. #BlendWebMix - Google AMP & Progressive Web Apps @largow Site mobile ou responsive Google AMP App iOS et/ou Android
  10. 10. #BlendWebMix - Google AMP & Progressive Web Apps @largow Le responsive est parfois souvent un cauchemar pour la webperf
  11. 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. 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. 13. #BlendWebMix - Google AMP & Progressive Web Apps @largow AMP et FBIA, c’est bien, mais ce sont plus de templates à maintenir
  14. 14. #BlendWebMix - Google AMP & Progressive Web Apps @largow Les applis bugguent en masse et les stores sont remplis
  15. 15. #BlendWebMix - Google AMP & Progressive Web Apps @largow La montée de l’adblocking pousse à aller vers des zones « free adblockers »
  16. 16. Les apps ne sont pas la principale source de croissance sur mobile
  17. 17. #BlendWebMix - Google AMP & Progressive Web Apps @largow Les applis mobiles ce n’est pas forcément une expérience garantie
  18. 18. #BlendWebMix - Google AMP & Progressive Web Apps @largow La majorité du temps passé sur mobile ce sont les apps, mais…
  19. 19. #BlendWebMix - Google AMP & Progressive Web Apps @largow Les couts d’acquisition sont toujours plus élevés Source : Chartboost, iOS– octobre 2017)
  20. 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. 21. #BlendWebMix - Google AMP & Progressive Web Apps @largow Leviers gratuits : ASO < SEO – Peu de SEO pour les apps
  22. 22. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  23. 23. #BlendWebMix - Google AMP & Progressive Web Apps @largow Mais… le trafic depuis Google et Facebook arrive… sur le site mobile
  24. 24. Et quand on a dit ça, on fait quoi ?
  25. 25. Et si #PWAMP était la solution ?
  26. 26. #PWAMP = AMP + PWA
  27. 27. AMP aujourd’hui, c’est 4 milliards de pages et 25 millions de sites
  28. 28. AMP, c’est pour les sites de contenu et c’est là pour durer
  29. 29. #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
  30. 30. #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
  31. 31. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  32. 32. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  33. 33. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  34. 34. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  35. 35. #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
  36. 36. AMP, c’est pour l’ecommerce et c’est là pour durer
  37. 37. #BlendWebMix - Google AMP & Progressive Web Apps @largow Téléphone portable Banque Amazon
  38. 38. #BlendWebMix - Google AMP & Progressive Web Apps @largow Le problème de l’e-commerce mobile
  39. 39. #BlendWebMix - Google AMP & Progressive Web Apps @largow On peut créer avec AMP des fiches produit rapides avec de l’interaction sans rechargement
  40. 40. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  41. 41. #BlendWebMix - Google AMP & Progressive Web Apps @largow + 52% de commandes journalières + 59% de trafic quotidien Source : AMP Conf Google 07/03/2017
  42. 42. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  43. 43. #BlendWebMix - Google AMP & Progressive Web Apps @largow AMP résout les problèmes de Webperf
  44. 44. #BlendWebMix - Google AMP & Progressive Web Apps @largow Le pré rendering, cœur de l’intérêt d’AMP
  45. 45. #BlendWebMix - Google AMP & Progressive Web Apps @largow Fast ! Super fast !
  46. 46. #BlendWebMix - Google AMP & Progressive Web Apps @largow
  47. 47. #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…
  48. 48. #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
  49. 49. #BlendWebMix - Google AMP & Progressive Web Apps @largow Cas concret : Financial Times Responsive PWA
  50. 50. #BlendWebMix - Google AMP & Progressive Web Apps @largow Source : Google – ChromeDevSummit, Octobre 2017 Comparaison du poids en Mo PWA versus appli
  51. 51. #BlendWebMix - Google AMP & Progressive Web Apps @largow Source : Google – ChromeDevSummit, Octobre 2017
  52. 52. #BlendWebMix - Google AMP & Progressive Web Apps @largow Autres avantages de PWA par rapport aux Apps
  53. 53. #BlendWebMix - Google AMP & Progressive Web Apps @largow Des sites majeurs sont à présent #PWA
  54. 54. #BlendWebMix - Google AMP & Progressive Web Apps @largow Source : Google – ChromeDevSummit, Octobre 2017
  55. 55. #BlendWebMix - Google AMP & Progressive Web Apps @largow Limitation : PWA et iOS
  56. 56. #BlendWebMix - Google AMP & Progressive Web Apps @largow Mais le futur ce sont aussi les petits écrans…
  57. 57. #BlendWebMix - Google AMP & Progressive Web Apps @largow … et les grands
  58. 58. #BlendWebMix - Google AMP & Progressive Web Apps @largow Internet en 2020 : 70% mobile ?
  59. 59. #BlendWebMix - Google AMP & Progressive Web Apps @largow Internet mobile en 2020 : 80% #PWAMP ?
  60. 60. #BlendWebMix - Google AMP & Progressive Web Apps @largow Vous aimez cette présentation ?
  61. 61. Contact : virginie@largow.com Mobile : 06 27 26 67 08 Virginie Clève Digital Strategist www.largow.com #GrowthMarketing #SocialMedia #Product #SEO #Mobile #ASO #PWAMP #Medias

×