Google AMP & Progressive web apps : nouveaux paradigmes du search mobile

#PWAMP
AMP & PWA : nouveaux paradigmes
du search mobile

@largow // #smxparis // AMP + PWA = #PWAMP
Le mobile aujourd’hui c’est :
Site mobile
ou
responsive
App iOS
et/ou
Android
Pages AMP

Le responsive est parfois un cauchemar pour la webperf

AMP et FBIA, ce sont des templates en plus à maintenir
CMS
HTML
AMP
FBIA

Les applis bugguent en masse et les stores sont remplis

La montée de l’adblocking pousse à aller vers des zones « free adblockers »

#Facepalm

Titre
Texte
Et si #PWAMP était une
solution ?

Titre
Texte
#PWAMP = AMP + PWA

Titre
Texte
AMP, c’est pour les sites de
contenu
VRAI

AMP pour les contenus, c’est efficace
The Guardian :
60% du trafic total site mobile
en provenance d’AMP
#CQFD
Source : AMP Conf Google - 08/03/2017

AMP pour les contenus, ça génère plus de revisite
Washington Post :
+ 12 points de taux de
revisite sous 7 jours

Replay des confs largow en vidéo

Une audience déjà en millions de visites sur les sites média leader
Source : ACPM / Mind –Avril 2017

Visibilité Search mobile : AMP roi
Sites non AMP : Le Monde, Le Figaro, BFM TV

Google enterre l’App Indexing
« Users searching from mobile devices will
be directed to the relevant AMP pages
even if an equivalent app page exists. »
Google

Titre
Texte
Mon site mobile est ultra rapide,
je n’ai pas besoin d’AMP
FAUX

Le pré rendering, cœur de l’intérêt d’AMP
Source : Google

Titre
Texte
AMP, ce n’est pas pour
le e-commerce
FAUX

Le problème du e-commerce mobile
Source : State of the Online Retail Performance report by Akamai

On peut créer avec AMP des fiches produit rapides avec de l’interaction sans rechargement
Source : Google I/O 2017

AMP c’est aussi pour le e-commerce
 Interactions complexes pour fiches produit avec le
composant AMP-Bind
 Gestion des formulaires avec AMP-Form,
permettant la mise en place de tris facettés
Gestion des formulaires

AMP c’est aussi pour le e-commerce
 Moteur de recherche interne
 Selections produit
 Menu « burger » retractable
 Rating à étoiles
 Commentaires
 Pages à onglets

Ebay vient de passer tout son catalogue sous AMP
Source : Google I/O 2017

Les 1ers retours e-commerce sont encourageants
Snapdeal (US):
+ 52% de commandes journalières sur
mobile grâce à AMP
+ 59% de trafic quotidien sur mobile
grâce à AMP
Source : AMP Conf Google 07/03/2017

En terme d’analytics et de suivi de conversion, les choses progressent
 Outil d’A/B testing AMP-experiment
 Tracking de clics via amp-analytics
 Tracking des partages sociaux

Pour tout savoir sur AMP

Titre
Texte
Mais… au moment du panier ça coince.
AMP ne fonctionne que pour les pages
de contenu

AMP ne supporte pas le paiement et les zones logguées mais …
AMP gère quand même le client ID

Et PWA est là pour ça
#PWAMP
AMP et PWA sont faits pour travailler ensemble
AMP passe la main à PWA pour tout ce qu’il ne sait pas gérer

Titre
Texte
Les apps sont la principale
source de croissance sur mobile
FAUX

Les applis mobiles ce n’est pas forcément une expérience garantie

La guerre pour l’usage des apps fait rage

Les couts d’acquisition sont toujours plus élevés
Source : Chartboost – Mai 2017 - iOS

Les bénéfices d’une app par rapport à un site mobile
Push notification Mode offline Icône springboard Appareil photo, GPS,…

Vous avez tout cela dans PWA…
… avec des couts de développement et de marketing plus bas, du SEO, la
fiabilité du web et pas d’espace occupé dans le téléphone du mobinaute

S’abonner à la newsletter largow

La PWA de Air Berlin
Boarding pass offline Check-in Infos sur le vol

Retour d’expérience sur PWA : le cas Lancôme
Source : https://developers.google.com/web/showcase/2017/lancome
 Diminution de 84% du temps de chargement
 Augmentation de 17% du taux de conversion
 Baisse de 15% du taux de rebond
 Augmentation de 51% des sessions mobiles
 18% de taux d’ouverture des notifications
 8% des consommateurs qui interagissent avec une
notification push font un achat
 Augmentation de 12% des taux de conversion sur
les paniers récupérés via Push notifications

Vous aimez cette présentation ?
Suivre @largow sur Twitter
Twitter ces slides

Ressources
 En savoir plus sur PWA : https://www.youtube.com/watch?v=xF6mjl-wOqU
 Guide d’implémentation PWAMP : https://www.ampproject.org/docs/guides/pwa-amp
 Composants et démos : https://ampbyexample.com/

Virginie Clève
Digital Strategist
virginie@largow.com
www.largow.com
#GrowthMarketing
#SocialMedia #Product
#SEO #Mobile #ASO
#Medias

Google AMP & Progressive web apps : nouveaux paradigmes du search mobile

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Google AMP & Progressive web apps : nouveaux paradigmes du search mobile

Similar to Google AMP & Progressive web apps : nouveaux paradigmes du search mobile (20)

More from Virginie Clève - largow ☕️

More from Virginie Clève - largow ☕️ (16)

Google AMP & Progressive web apps : nouveaux paradigmes du search mobile