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

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

25.
Et si #PWAMP
était la solution ?

26.
#PWAMP = AMP + PWA

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

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

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.
#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.
#BlendWebMix - Google AMP & Progressive Web Apps @largow

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
Visibilité mobile « news » des médias : Le Monde et Le Figaro, non AMP sont hors du Top 10

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

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

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

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.
#BlendWebMix - Google AMP & Progressive Web Apps @largow

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.
#BlendWebMix - Google AMP & Progressive Web Apps @largow

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

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

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

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

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.
#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.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Cas concret : Financial Times
Responsive PWA

50.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017
Comparaison du poids en Mo PWA versus appli

51.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017

52.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Autres avantages de PWA par rapport aux Apps

53.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Des sites majeurs sont à présent #PWA

54.
#BlendWebMix - Google AMP & Progressive Web Apps @largow
Source : Google – ChromeDevSummit, Octobre 2017

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

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

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

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

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

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

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