MOBILisez-vous !
Yann Sauvageon
27 Octobre 2016
30mn pour vous parler de Mobile !
2
Les usages mobiles
deviennent prééminents
Optimiser son
site pour les
usages mobiles
L...
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
1. Contexte / Les usages
mobiles de...
Nous entrons dans
l’ère post-desktop !
> 50 %des requêtes effectuées sur Google le sont sur Smartphones.
(Octobre 2015)
“We should stop talking about ‘mobile’ internet and ‘desktop’
internet – it’s like talking about ‘colour’ TV, as opposed t...
Une majorité du temps sur Smartphone
Répartition du temps passé online / US
47%
40%
35%
41%
46%
54%
30%
35%
40%
45%
50%
55...
Le mobile ne fait qu’amplifier les connexions
Répartition du temps passé online (en mn) / US
0
200 000
400 000
600 000
800...
Et en France ?
Search Mobile > Desktop depuis début 2016!
51%des Français se connectent
chaque jour à Internet sur leur smartphone.
Source : Mediametrie Netratings (Internautes, Mo...
Un média de masse
Les français se connectent chaque jour sur :
Mobile > 51%
Desktop > 47%
Tablette > 18%
Intention et Devices
Part des recherches par Device
Assurance Adidas
Horaires
Cinéma
“Assurance”
Part des recherches en provenance des Smartphones / France
“Assurance”
Part des recherches en provenance des Smartphones / France
5,9%
11,2%
17,8%
28,6%
38,8%
0
0,05
0,1
0,15
0,2
0,...
“Adidas”
Part des recherches en provenance des Smartphones / France
“Adidas”
Part des recherches en provenance des Smartphones / France
10,8%
17,5%
27,7%
42,1%
51,5%
0
0,1
0,2
0,3
0,4
0,5
0,...
“Horaires Cinéma”
Part des recherches en provenance des Smartphones / France
“Horaires Cinéma”
Part des recherches en provenance des Smartphones / France
25,7%
30,2%
39,9%
53,3%
61,9%
0
0,1
0,2
0,3
0...
C’est plus grave
que vous le ne
pensez !
Le mobile s’immisce
partout !
Source : Flurry Analytics, Consumer barometer 2015
Le mobile s’immisce partout !
87%
des personnes qui regardent
la TV surfent sur d’autres
terminaux digitaux en même
temps (61% en France)
Les 2 modes d’usage multi-écran
- 26 -
Usage Séquentiel
Passer d’1 écran à l’autre
pour effectuer une tâche
Usage Simultan...
/ Les Smartphones sont utilisés en même temps
que d'autres médias
Les usages multi-écrans
- 27 -
Source : Think With Google
Bousculant le
parcours d’achat !
Mobile et Parcours d’achat
La conversion = Un casse tête
37% des transactions en « cross-device »
Source : http://www.criteo.com/media/3748/criteo-state-of-mobile-commerce-q4-2015...
Conversions sur TOUS les écrans
Sessions sur TOUS les écrans
Les consommateurs sont multi écrans
et les utilisent tous pou...
Only-Mobile / Only-
APP !
20% des « millenians » sont Mobile-Only !
>50% des indiens sont Mobile-Only !
In-App;
85,70%
Mobile Web;
14,30%
US / Sept. 2016
2015
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
2. Optimiser son site pour les
usag...
Sites ou
Applications ?
du temps Mobile sur les apps ?
Chiffre
TROMPEUR
C’est un monde
à 2 faces !
La réalité
Les APPs > Un
monde d’« Happy
Few » !
Tout le monde n’a
pas besoin d’une
APP.
Le web mobile reste
un passage ob...
RARES SONT LES ÉLUS :
95%
des applications téléchargées sont
abandonnées dans les 30 jours
1APP
app téléchargée sur 4 n’es...
Temps ≠ Valeur
86%
14%
Temps passé
sur les sites
(US)
Temps passé
sur les apps
(US)
14%
40%
GAMING
& ENT.
28%
SOCIAL
18%
OTHER
66%
SITES
...
2016
Retour en arrière !
Les APPs convertissent mieux…
Encore faut-il être découvert et installé !
Source: Criteo State of Mobile Commerce Report Q...
Site mobile
Découverte / Recherche / Occasionnel
APP
Usage récurrent / Fidélisation / CRM / UX
Quelle techno pour
son site mobile ?
Site Mobile
Dédié
Responsive
Web Design
Dynamic
Serving
Le choix de la technologie
Mobile dédié
56
Responsive Web Design
57
Dynamic Serving / Adaptative
58
Techno Mobile
Source : https://developers.google.com/webmasters/smartphone-sites/details
Responsive
web design
1 URL
Même ...
“Responsive design is Google’s
recommended design
pattern.”
Août 2014
Google sait indexer les 3
technos à partir du moment où
elles sont correctement
paramétrées.
Dynamic serving + compliqué à gérer
Deux applicatifs webs, deux jeux de code à maintenir et un outil d’aiguillage vers des...
/! Redirections avec les sites mobiles dédiés
- 63 -
Tip 1 : Code 302 à renvoyer
Tip 2 : 404 si la page n’existe
pas en ve...
Un code responsive certes, mais un code
correct
Attention à ne pas bloquer avec le robots.txt les ressources qui permetten...
/ Attention aux méthodes à la mode
Certaines techniques à la mode génèrent
tout le code en javascript pour faciliter la
cr...
ET mon APP ?
APP-Indexing
APP-Indexing > Des liens « Install » dans les
SERPs Mobile
APP-Indexing > Des liens « Install » dans les
SERPs Mobile
APP-Indexing > Des Boxs APPs proéminentes !
APP-Indexing > Des Boxs APPs proéminentes !
#1 Association
APP/Site
#2 Paramétrage APP
#3 Deep Linking
Ne pas confondre !
App Indexing :
Consiste à
indexer une
application
dans les résultats
de recherche.
ASO :
Consiste à opt...
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
3. Les spécificités de l’algo
de Go...
Il n’y a pas d’index Mobile !
Pour l’instant.
Les classements dans les pages de résultats mobiles
sont faits en analysant ...
Changement d’algorithme
depuis le 21 avril 2015
Google déclasse les pages non compatibles
Pour l’instant.
La compatibilité mobile est devenue un signal !
Toutes choses ég...
21 Avril 2015
Label « Mobile-Friendly »
79
Eléments tactiles
trop proches
Affichage du
contenu non
adapté
Taille de la police
non adaptée
Vérifiez la compatibilité de votre site
https://search.google.com/search-console/mobile-friendly
Nouvelle étape : le « popupgeddon »
10/01/2017
La présence d’insterstitiels intrusifs conduira au déclassement de vos page...
Next Step ?
Prise en compte de la
vitesse mobile ?
Prochaine étape : les performances ?
La prise en compte du temps de chargement Mobile ?
SPEED UX
Prochaine étape : les performances ?
La prise en compte du temps de chargement Mobile ?
Prochaine étape : les performances ?
https://developers.google.com/speed/pagespeed/insights/
L’étape ultime ? L’index Mobile
Un index « mobile-only »
Desktop
Tablettes
Mobile
L’étape ultime ? L’index Mobile
L’étape ultime ? L’index Mobile
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les pages AMP
AMP = Accelerated
Mobile Pages
Bêta Oct. 2015 / Lancement 24 février 2016
AMP = La bataille pour un standard Mobile
AMP
Objectif = Instantanéité
« Instant. Everywhere. »
Poids des pages mobile
Source : http://www.webperformancetoday.com/2015/01/14/mobile-page-growth/ - Etude Radware Janvier ...
94
AMP
un code HTML
revu (AMP
HTML)
des
bibliothèques de
scripts réduites
un système de
cache spécifique
WWW RWD WWW AMP
Google Page Speed – Score « Vitesse Mobile »
WWW RWD
57 / 100
WWW AMP
94 / 100
+65%
Test Temps de Chargement (via WebPageTest.org)
WWW RWD
11.146s
First View
WWW AMP
1.918s
First View
-9,22 s
/ Adapté pour les news et les pubs, mais pas que…
- 100 -
Pages AMP
Démo AMP
Are you planning to begin inviting e-
commerce sites to deploy the AMP code?
“Oh, absolutely, there’s nothing about the
AM...
/
- 103 -
Pages AMP pour les sites ecommerce
Un projet ambitieux pour GG
Sites/blogs d’actus
Contenus
informationnels
(Recettes, Films, …)
E-Commerce ?
AMP Adoption / Mai 2016
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Le futur de la recherche
mobile
Vers une forte adoption de la recherche vocale
Voice Everywhere
La recherche « visuelle »
Chercher avec la caméra de votre smartphone
112
Voice + IA + Chatbots + Données
Conversationnel / Prédictif / Personnalisé
114
Merci.
Des questions ?
Yann Sauvageon
@yahn
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris
Prochain SlideShare
Chargement dans…5
×

Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris

168 vues

Publié le

Les internautes utilisent de plus en plus la recherche sur mobile. Or, être visible dans ce contexte exige d’adapter ses sites à de nouveaux prérequis et à des règles spécifiques. Au cours de cette conférence, nous expliquerons comment capter le plus de trafic organique possible en usage mobile.

Intervenant : Yann Sauvageon, Directeur du Pôle Conseil, Search Foresight

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
168
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
35
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris

  1. 1. MOBILisez-vous ! Yann Sauvageon 27 Octobre 2016
  2. 2. 30mn pour vous parler de Mobile ! 2 Les usages mobiles deviennent prééminents Optimiser son site pour les usages mobiles L’algo de Google en usage mobile Le futur des usages mobiles Qui suis-je ? Search-Foresight La montée inexorable des usages mobiles La compatibilité mobile Popupgeddon Les pages AMP Introduction Amplifiez vos pages pour le mobile App vs Site Site mobile ou site responsive ?
  3. 3. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 1. Contexte / Les usages mobiles deviennent prééminents
  4. 4. Nous entrons dans l’ère post-desktop !
  5. 5. > 50 %des requêtes effectuées sur Google le sont sur Smartphones. (Octobre 2015)
  6. 6. “We should stop talking about ‘mobile’ internet and ‘desktop’ internet – it’s like talking about ‘colour’ TV, as opposed to black and white TV.” Benedict Evans - Analyst at Andreessen Horowitz
  7. 7. Une majorité du temps sur Smartphone Répartition du temps passé online / US 47% 40% 35% 41% 46% 54% 30% 35% 40% 45% 50% 55% 60% Dec-2013 Dec-2014 Dec-2015 Desktop Smartphone
  8. 8. Le mobile ne fait qu’amplifier les connexions Répartition du temps passé online (en mn) / US 0 200 000 400 000 600 000 800 000 1 000 000 1 200 000 1 400 000 1 600 000 Dec-2013 Dec-2014 Dec-2015 Desktop Smartphone Tablet
  9. 9. Et en France ?
  10. 10. Search Mobile > Desktop depuis début 2016!
  11. 11. 51%des Français se connectent chaque jour à Internet sur leur smartphone. Source : Mediametrie Netratings (Internautes, Mobinautes, Fev2016)
  12. 12. Un média de masse Les français se connectent chaque jour sur : Mobile > 51% Desktop > 47% Tablette > 18%
  13. 13. Intention et Devices Part des recherches par Device Assurance Adidas Horaires Cinéma
  14. 14. “Assurance” Part des recherches en provenance des Smartphones / France
  15. 15. “Assurance” Part des recherches en provenance des Smartphones / France 5,9% 11,2% 17,8% 28,6% 38,8% 0 0,05 0,1 0,15 0,2 0,25 0,3 0,35 0,4 0,45 oct-12 oct-13 oct-14 oct-15 sept-16
  16. 16. “Adidas” Part des recherches en provenance des Smartphones / France
  17. 17. “Adidas” Part des recherches en provenance des Smartphones / France 10,8% 17,5% 27,7% 42,1% 51,5% 0 0,1 0,2 0,3 0,4 0,5 0,6 oct-12 oct-13 oct-14 oct-15 sept-16
  18. 18. “Horaires Cinéma” Part des recherches en provenance des Smartphones / France
  19. 19. “Horaires Cinéma” Part des recherches en provenance des Smartphones / France 25,7% 30,2% 39,9% 53,3% 61,9% 0 0,1 0,2 0,3 0,4 0,5 0,6 0,7 oct-12 oct-13 oct-14 oct-15 sept-16
  20. 20. C’est plus grave que vous le ne pensez !
  21. 21. Le mobile s’immisce partout !
  22. 22. Source : Flurry Analytics, Consumer barometer 2015 Le mobile s’immisce partout !
  23. 23. 87% des personnes qui regardent la TV surfent sur d’autres terminaux digitaux en même temps (61% en France)
  24. 24. Les 2 modes d’usage multi-écran - 26 - Usage Séquentiel Passer d’1 écran à l’autre pour effectuer une tâche Usage Simultané Utiliser différents écrans pour un usage complémentaire ou non Multi-tasking – Activités différentes Usage Complémentaire – Activités reliées Source : Think With Google
  25. 25. / Les Smartphones sont utilisés en même temps que d'autres médias Les usages multi-écrans - 27 - Source : Think With Google
  26. 26. Bousculant le parcours d’achat !
  27. 27. Mobile et Parcours d’achat
  28. 28. La conversion = Un casse tête
  29. 29. 37% des transactions en « cross-device » Source : http://www.criteo.com/media/3748/criteo-state-of-mobile-commerce-q4-2015-ppt.pdf
  30. 30. Conversions sur TOUS les écrans Sessions sur TOUS les écrans Les consommateurs sont multi écrans et les utilisent tous pour accéder à votre site avant l’achat Quand ils veulent faire un achat, ils le font sur un seul écran Les performances sont reflétées par le CvR Multi-Ecran SESSIONS CONVERSIONS MULTI-DEVICE CVR Un nouveau KPI fait sens Le taux de conversion Multi-Ecran
  31. 31. Only-Mobile / Only- APP !
  32. 32. 20% des « millenians » sont Mobile-Only !
  33. 33. >50% des indiens sont Mobile-Only !
  34. 34. In-App; 85,70% Mobile Web; 14,30% US / Sept. 2016
  35. 35. 2015
  36. 36. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 2. Optimiser son site pour les usages mobiles
  37. 37. Sites ou Applications ?
  38. 38. du temps Mobile sur les apps ?
  39. 39. Chiffre TROMPEUR
  40. 40. C’est un monde à 2 faces !
  41. 41. La réalité Les APPs > Un monde d’« Happy Few » ! Tout le monde n’a pas besoin d’une APP. Le web mobile reste un passage obligé et complémentaire aux APPs.
  42. 42. RARES SONT LES ÉLUS : 95% des applications téléchargées sont abandonnées dans les 30 jours 1APP app téléchargée sur 4 n’est utilisée qu’une seule fois En France, 32 apps en moyenne installées, 12 utilisées régulièrement Sites ou Applications ?
  43. 43. Temps ≠ Valeur
  44. 44. 86% 14% Temps passé sur les sites (US) Temps passé sur les apps (US) 14% 40% GAMING & ENT. 28% SOCIAL 18% OTHER 66% SITES 6% APPS 28% SITES & APPS 1ère source pour les parcours commerciaux Temps passé sur les appareils mobiles Sources: Time spent stats: http://www.flurry.com/bid/109749/Apps-Solidify-Leadership-Six-Years-into-the-Mobile-Revolution#.U44l461dVX4; Commercial task stats: Google/Ipsos Multiscreen Industry Study of 29k smartphone users across 9 industries (to be published). Sites ou Apps ? Temps ≠ Valeur
  45. 45. 2016 Retour en arrière !
  46. 46. Les APPs convertissent mieux… Encore faut-il être découvert et installé ! Source: Criteo State of Mobile Commerce Report Q4 2015
  47. 47. Site mobile Découverte / Recherche / Occasionnel APP Usage récurrent / Fidélisation / CRM / UX
  48. 48. Quelle techno pour son site mobile ?
  49. 49. Site Mobile Dédié Responsive Web Design Dynamic Serving Le choix de la technologie
  50. 50. Mobile dédié 56
  51. 51. Responsive Web Design 57
  52. 52. Dynamic Serving / Adaptative 58
  53. 53. Techno Mobile Source : https://developers.google.com/webmasters/smartphone-sites/details Responsive web design 1 URL Même code HTML / CSS Dynamic Serving 1 URL Code différent Site Mobile dédié 2 URLs Code différent
  54. 54. “Responsive design is Google’s recommended design pattern.” Août 2014
  55. 55. Google sait indexer les 3 technos à partir du moment où elles sont correctement paramétrées.
  56. 56. Dynamic serving + compliqué à gérer Deux applicatifs webs, deux jeux de code à maintenir et un outil d’aiguillage vers desktop ou mobile mais peut être 100% compatible SEO - 62 -
  57. 57. /! Redirections avec les sites mobiles dédiés - 63 - Tip 1 : Code 302 à renvoyer Tip 2 : 404 si la page n’existe pas en version mobile ou desktop (pas l’idéal)
  58. 58. Un code responsive certes, mais un code correct Attention à ne pas bloquer avec le robots.txt les ressources qui permettent à Google de générer la rendition sur les différents dispositifs Vérifier ce que donne vos pages à l’aide de l’outils « Fetch as Googlebot » de la search console - 64 -
  59. 59. / Attention aux méthodes à la mode Certaines techniques à la mode génèrent tout le code en javascript pour faciliter la création de pages responsive  Pb de SEO assurés Il est recommandé de coder en suivant les principes du : -Progressive enhancement -Et de l’unostrusive javascript - 65 - CSS Javascript HTML
  60. 60. ET mon APP ?
  61. 61. APP-Indexing
  62. 62. APP-Indexing > Des liens « Install » dans les SERPs Mobile
  63. 63. APP-Indexing > Des liens « Install » dans les SERPs Mobile
  64. 64. APP-Indexing > Des Boxs APPs proéminentes !
  65. 65. APP-Indexing > Des Boxs APPs proéminentes !
  66. 66. #1 Association APP/Site #2 Paramétrage APP #3 Deep Linking
  67. 67. Ne pas confondre ! App Indexing : Consiste à indexer une application dans les résultats de recherche. ASO : Consiste à optimiser le positionnement d’une application dans les App Store
  68. 68. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 3. Les spécificités de l’algo de Google en usage mobile
  69. 69. Il n’y a pas d’index Mobile ! Pour l’instant. Les classements dans les pages de résultats mobiles sont faits en analysant les contenus trouvés dans la version desktop !
  70. 70. Changement d’algorithme depuis le 21 avril 2015
  71. 71. Google déclasse les pages non compatibles Pour l’instant. La compatibilité mobile est devenue un signal ! Toutes choses égales par ailleurs, entre deux pages, si une page n’est pas compatible mobile, elle sera classée derrière l’autre page.
  72. 72. 21 Avril 2015 Label « Mobile-Friendly »
  73. 73. 79 Eléments tactiles trop proches Affichage du contenu non adapté Taille de la police non adaptée
  74. 74. Vérifiez la compatibilité de votre site https://search.google.com/search-console/mobile-friendly
  75. 75. Nouvelle étape : le « popupgeddon » 10/01/2017 La présence d’insterstitiels intrusifs conduira au déclassement de vos pages sur smartphone. Une étude SF montre que 38% des sites medias/information testés sont non conformes ! - 81 -
  76. 76. Next Step ? Prise en compte de la vitesse mobile ?
  77. 77. Prochaine étape : les performances ? La prise en compte du temps de chargement Mobile ? SPEED UX
  78. 78. Prochaine étape : les performances ? La prise en compte du temps de chargement Mobile ?
  79. 79. Prochaine étape : les performances ? https://developers.google.com/speed/pagespeed/insights/
  80. 80. L’étape ultime ? L’index Mobile Un index « mobile-only » Desktop Tablettes Mobile
  81. 81. L’étape ultime ? L’index Mobile
  82. 82. L’étape ultime ? L’index Mobile
  83. 83. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Les pages AMP
  84. 84. AMP = Accelerated Mobile Pages Bêta Oct. 2015 / Lancement 24 février 2016
  85. 85. AMP = La bataille pour un standard Mobile
  86. 86. AMP Objectif = Instantanéité « Instant. Everywhere. »
  87. 87. Poids des pages mobile Source : http://www.webperformancetoday.com/2015/01/14/mobile-page-growth/ - Etude Radware Janvier 2015 > +110%
  88. 88. 94
  89. 89. AMP un code HTML revu (AMP HTML) des bibliothèques de scripts réduites un système de cache spécifique
  90. 90. WWW RWD WWW AMP
  91. 91. Google Page Speed – Score « Vitesse Mobile » WWW RWD 57 / 100 WWW AMP 94 / 100 +65%
  92. 92. Test Temps de Chargement (via WebPageTest.org) WWW RWD 11.146s First View WWW AMP 1.918s First View -9,22 s
  93. 93. / Adapté pour les news et les pubs, mais pas que… - 100 - Pages AMP
  94. 94. Démo AMP
  95. 95. Are you planning to begin inviting e- commerce sites to deploy the AMP code? “Oh, absolutely, there’s nothing about the AMP format that doesn’t enable its use for all kinds of things. You could build an entire website out of it.” Source : Recode.net – 24/02
  96. 96. / - 103 - Pages AMP pour les sites ecommerce
  97. 97. Un projet ambitieux pour GG Sites/blogs d’actus Contenus informationnels (Recettes, Films, …) E-Commerce ?
  98. 98. AMP Adoption / Mai 2016
  99. 99. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Le futur de la recherche mobile
  100. 100. Vers une forte adoption de la recherche vocale
  101. 101. Voice Everywhere
  102. 102. La recherche « visuelle » Chercher avec la caméra de votre smartphone 112
  103. 103. Voice + IA + Chatbots + Données Conversationnel / Prédictif / Personnalisé
  104. 104. 114 Merci. Des questions ? Yann Sauvageon @yahn

×