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.

1. Internet mobile en 2020 : objectif #PWAMP

2. Aujourd’hui je vais vous raconter une
histoire

3. L’histoire du futur de
l’internet mobile

4. #BlendWebMix - Google AMP & Progressive Web Apps @largow

5. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Android dépasse Windows en tant qu'OS le plus utilisé pour se connecter à Internet

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. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Accès mobile : très différent selon le secteur
Source : Google – ChromeDevSummit, Octobre 2017

8. #MobileMomentFR
Etre présent sur mobile OK,
mais quel mobile ?

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

22. #BlendWebMix - Google AMP & Progressive Web Apps @largow

23. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Mais… le trafic depuis Google et Facebook arrive… sur le site mobile

25. Et quand on a dit ça,
on fait quoi ?

26. Et si #PWAMP
était la solution ?

27. #PWAMP = AMP + PWA

28. AMP aujourd’hui,
c’est 4 milliards de pages
et 25 millions de sites

29. AMP, c’est pour les sites de contenu
et c’est là pour durer

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

32. #BlendWebMix - Google AMP & Progressive Web Apps @largow

33. #BlendWebMix - Google AMP & Progressive Web Apps @largow

34. #BlendWebMix - Google AMP & Progressive Web Apps @largow

35. #BlendWebMix - Google AMP & Progressive Web Apps @largow

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

37. AMP, c’est pour l’ecommerce
et c’est là pour durer

38. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Téléphone portable Banque Amazon

39. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Le problème de l’e-commerce mobile

40. #BlendWebMix - Google AMP & Progressive Web Apps @largow
On peut créer avec AMP des fiches produit rapides avec de l’interaction sans rechargement

41. #BlendWebMix - Google AMP & Progressive Web Apps @largow

42. #BlendWebMix - Google AMP & Progressive Web Apps @largow
+ 52% de commandes
journalières
+ 59% de trafic
quotidien
Source : AMP Conf Google 07/03/2017

43. #BlendWebMix - Google AMP & Progressive Web Apps @largow

44. #BlendWebMix - Google AMP & Progressive Web Apps @largow
AMP résout les problèmes de
Webperf

45. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Le pré rendering, cœur de l’intérêt d’AMP

46. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Fast ! Super fast !

47. #BlendWebMix - Google AMP & Progressive Web Apps @largow

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

56. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Limitation : PWA et iOS

57. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Mais le futur ce sont aussi les petits écrans…

58. #BlendWebMix - Google AMP & Progressive Web Apps @largow
… et les grands

59. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Internet en 2020 : 70% mobile ?

60. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Internet mobile en 2020 : 80% #PWAMP ?

61. #BlendWebMix - Google AMP & Progressive Web Apps @largow
Vous aimez cette présentation ?

62. 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