Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

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

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 62 Publicité

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

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.

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.

Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Internet mobile en 2020 : Progressive web apps PWA et Google AMP (20)

Publicité

Plus par Virginie Clève - largow ☕️ (16)

Publicité

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

×