@ThinkMyWeb
EX2 : AMP de Google
#ET12EX2
Cédric Chabry
Fondateur et Directeur Conseil
cedric@thinkmyweb.fr www.thinkmyweb.fr
@ThinkMyWeb fb.com/ThinkMyWeb
Précédemment Directeur Conseil Associé @ Agence Interactive
La remise en cause de
tous les contenus mobiles ?
AMquoi ???
OK, et donc... on fait quoi, nous ?
AMP de Google
La remise en cause de
tous les contenus mobiles ?
AMquoi ???
OK, et donc... on fait quoi, nous ?
AMP de Google
Le contexte
58%
des français
de 12 ans
et +
possèdent
un
smartphone
(46%
en 2014)
0 20 40 60 80 100
12-17 ans
18-24 ans
25-39 ans
40-59 ans
60-69 ans
70 ans et +
Le contexte
2/3
des mobinautes français
sont des utilisateurs
quotidiens déc. 2013 déc. 2015
21% 56%
La part
des connexions
internet en
provenance des
mobiles et
tablettes a
quasiment
triplé en 2 ans
3 secondes
des internautes quittent
un site non chargé au bout
de 3 secondes...
Le contexte
53%
Les pages web sont de plus en plus alourdies
par une multitudes d’éléments ‘parasites’
autres que le contenu (images hors contenu,
scripts, pubs, tags analytics, services tiers...)
Le contexte
#  Pages allégées (HMTL/CSS/ SCRIPTS)
#  Mise en cache sur CDN Google
#  Pré-rendering sur la page de résultat
Gain de 15% à 85%
sur le temps de chargement
AMP-PROJECT
Des pages mises en valeur sur Google
Une expérience utilisateur intéressante
#  Principalement les sites de contenus
statiques, initialement la presse
#  Progressivement étendu aux recettes,
paroles de chansons...
#  L’eCommerce commence à se positionner
(panier/tunnel hors AMP)
#  600 millions de documents AMP créés dans le monde
1 an après le lancement du projet
Qui est concerné ?
Les CMS AMP-Friendly
+
Expérience utilisateur
améliorée
(chargement instantané)
Atouts pour le SEO
(visibilité, temps de
chargement...)
En résumé
-
Limites fonctionnelles,
pas adapté à toutes les
pages
Tracking analytics
limité
La remise en cause de
tous les contenus mobiles ?
AMquoi ???
OK, et donc... on fait quoi, nous ?
AMP de Google
NON !
#  Contraintes imposées incompatibles pour
certains contenus / fonctionnalités
#  Moteurs de recherche
#  Composants tiers
#  Personnalisation et chrono-responsive...
#  Expérience utilisateur pas assez
immersive pour des contenus séduction
On migre tout en AMP ?
OUI...
#  Format parfaitement adapté aux contenus
éditoriaux / articles simples
#  Simplicité de mise en œuvre si le blog est
sous WordPress
#  Et tant qu’à faire, penser à Facebook
Instant Article et Apple News...
Mon blog en AMP ?
POURQUOI PAS...
#  Rien n’impose de passer tout un site en
AMP, tout se décide page à page
#  Sélectionner des pages ou rubriques
techniquement simples
Certaines pages en AMP ?
ENVISAGER AMP (PARTIELLEMENT)
#  Prévoir nativement des versions AMP des contenus
éditoriaux (blog, news, agenda...)
#  Profiter de l’exercice pour épurer le design des pages
mobiles au global...
#  Rester en veille sur les évolutions du projet qui
avance très vite
Je dois refondre mon dispositif...
MAIS SURTOUT, SE FOCALISER SUR LES
VRAIES PRIORITES MOBILE
#  Optimisation des temps de chargement (tendre vers
« l’instant loading »)
#  Optimisation de l’ergonomie
#  Penser chrono-responsive
#  S’intéresser aux progressive web apps !
Je dois refondre mon dispositif...
ET12 - EX2 - Google AMP

ET12 - EX2 - Google AMP

  • 1.
    @ThinkMyWeb EX2 : AMPde Google #ET12EX2
  • 2.
    Cédric Chabry Fondateur etDirecteur Conseil cedric@thinkmyweb.fr www.thinkmyweb.fr @ThinkMyWeb fb.com/ThinkMyWeb Précédemment Directeur Conseil Associé @ Agence Interactive
  • 3.
    La remise encause de tous les contenus mobiles ? AMquoi ??? OK, et donc... on fait quoi, nous ? AMP de Google
  • 4.
    La remise encause de tous les contenus mobiles ? AMquoi ??? OK, et donc... on fait quoi, nous ? AMP de Google
  • 5.
    Le contexte 58% des français de12 ans et + possèdent un smartphone (46% en 2014) 0 20 40 60 80 100 12-17 ans 18-24 ans 25-39 ans 40-59 ans 60-69 ans 70 ans et +
  • 6.
    Le contexte 2/3 des mobinautesfrançais sont des utilisateurs quotidiens déc. 2013 déc. 2015 21% 56% La part des connexions internet en provenance des mobiles et tablettes a quasiment triplé en 2 ans
  • 7.
    3 secondes des internautesquittent un site non chargé au bout de 3 secondes... Le contexte 53%
  • 8.
    Les pages websont de plus en plus alourdies par une multitudes d’éléments ‘parasites’ autres que le contenu (images hors contenu, scripts, pubs, tags analytics, services tiers...) Le contexte
  • 9.
    #  Pages allégées(HMTL/CSS/ SCRIPTS) #  Mise en cache sur CDN Google #  Pré-rendering sur la page de résultat Gain de 15% à 85% sur le temps de chargement AMP-PROJECT
  • 10.
    Des pages misesen valeur sur Google
  • 11.
  • 12.
    #  Principalement lessites de contenus statiques, initialement la presse #  Progressivement étendu aux recettes, paroles de chansons... #  L’eCommerce commence à se positionner (panier/tunnel hors AMP) #  600 millions de documents AMP créés dans le monde 1 an après le lancement du projet Qui est concerné ?
  • 13.
  • 14.
    + Expérience utilisateur améliorée (chargement instantané) Atoutspour le SEO (visibilité, temps de chargement...) En résumé - Limites fonctionnelles, pas adapté à toutes les pages Tracking analytics limité
  • 15.
    La remise encause de tous les contenus mobiles ? AMquoi ??? OK, et donc... on fait quoi, nous ? AMP de Google
  • 16.
    NON ! #  Contraintesimposées incompatibles pour certains contenus / fonctionnalités #  Moteurs de recherche #  Composants tiers #  Personnalisation et chrono-responsive... #  Expérience utilisateur pas assez immersive pour des contenus séduction On migre tout en AMP ?
  • 17.
    OUI... #  Format parfaitementadapté aux contenus éditoriaux / articles simples #  Simplicité de mise en œuvre si le blog est sous WordPress #  Et tant qu’à faire, penser à Facebook Instant Article et Apple News... Mon blog en AMP ?
  • 18.
    POURQUOI PAS... #  Rienn’impose de passer tout un site en AMP, tout se décide page à page #  Sélectionner des pages ou rubriques techniquement simples Certaines pages en AMP ?
  • 19.
    ENVISAGER AMP (PARTIELLEMENT) # Prévoir nativement des versions AMP des contenus éditoriaux (blog, news, agenda...) #  Profiter de l’exercice pour épurer le design des pages mobiles au global... #  Rester en veille sur les évolutions du projet qui avance très vite Je dois refondre mon dispositif...
  • 20.
    MAIS SURTOUT, SEFOCALISER SUR LES VRAIES PRIORITES MOBILE #  Optimisation des temps de chargement (tendre vers « l’instant loading ») #  Optimisation de l’ergonomie #  Penser chrono-responsive #  S’intéresser aux progressive web apps ! Je dois refondre mon dispositif...