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

1. MOBILisez-vous !
Yann Sauvageon
27 Octobre 2016

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. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
1. Contexte / Les usages
mobiles deviennent
prééminents

4. Nous entrons dans
l’ère post-desktop !

6. > 50 %des requêtes effectuées sur Google le sont sur Smartphones.
(Octobre 2015)

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

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

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

11. Et en France ?

12. Search Mobile > Desktop depuis début 2016!

13. 51%des Français se connectent
chaque jour à Internet sur leur smartphone.
Source : Mediametrie Netratings (Internautes, Mobinautes, Fev2016)

14. Un média de masse
Les français se connectent chaque jour sur :
Mobile > 51%
Desktop > 47%
Tablette > 18%

15. Intention et Devices
Part des recherches par Device
Assurance Adidas
Horaires
Cinéma

16. “Assurance”
Part des recherches en provenance des Smartphones / France

17. “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

18. “Adidas”
Part des recherches en provenance des Smartphones / France

19. “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

20. “Horaires Cinéma”
Part des recherches en provenance des Smartphones / France

21. “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

22. C’est plus grave
que vous le ne
pensez !

23. Le mobile s’immisce
partout !

24. Source : Flurry Analytics, Consumer barometer 2015
Le mobile s’immisce partout !

25. 87%
des personnes qui regardent
la TV surfent sur d’autres
terminaux digitaux en même
temps (61% en France)

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

27. / Les Smartphones sont utilisés en même temps
que d'autres médias
Les usages multi-écrans
- 27 -
Source : Think With Google

28. Bousculant le
parcours d’achat !

29. Mobile et Parcours d’achat

30. La conversion = Un casse tête

31. 37% des transactions en « cross-device »
Source : http://www.criteo.com/media/3748/criteo-state-of-mobile-commerce-q4-2015-ppt.pdf

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

33. Only-Mobile / Only-
APP !

34. 20% des « millenians » sont Mobile-Only !

35. >50% des indiens sont Mobile-Only !

37. In-App;
85,70%
Mobile Web;
14,30%
US / Sept. 2016

40. 2015

41. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
2. Optimiser son site pour les
usages mobiles

42. Sites ou
Applications ?

44. du temps Mobile sur les apps ?

45. Chiffre
TROMPEUR

46. C’est un monde
à 2 faces !

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

48. 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 ?

49. Temps ≠ Valeur

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

51. 2016
Retour en arrière !

52. Les APPs convertissent mieux…
Encore faut-il être découvert et installé !
Source: Criteo State of Mobile Commerce Report Q4 2015

53. Site mobile
Découverte / Recherche / Occasionnel
APP
Usage récurrent / Fidélisation / CRM / UX

54. Quelle techno pour
son site mobile ?

55. Site Mobile
Dédié
Responsive
Web Design
Dynamic
Serving
Le choix de la technologie

56. Mobile dédié
56

57. Responsive Web Design
57

58. Dynamic Serving / Adaptative
58

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

60. “Responsive design is Google’s
recommended design
pattern.”
Août 2014

61. Google sait indexer les 3
technos à partir du moment où
elles sont correctement
paramétrées.

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

63. /! 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)

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

65. / 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

66. ET mon APP ?

67. APP-Indexing

68. APP-Indexing > Des liens « Install » dans les
SERPs Mobile

69. APP-Indexing > Des liens « Install » dans les
SERPs Mobile

70. APP-Indexing > Des Boxs APPs proéminentes !

71. APP-Indexing > Des Boxs APPs proéminentes !

72. #1 Association
APP/Site
#2 Paramétrage APP
#3 Deep Linking

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

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

75. 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 !

76. Changement d’algorithme
depuis le 21 avril 2015

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

78. 21 Avril 2015
Label « Mobile-Friendly »

79. 79
Eléments tactiles
trop proches
Affichage du
contenu non
adapté
Taille de la police
non adaptée

80. Vérifiez la compatibilité de votre site
https://search.google.com/search-console/mobile-friendly

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

82. Next Step ?
Prise en compte de la
vitesse mobile ?

83. Prochaine étape : les performances ?
La prise en compte du temps de chargement Mobile ?
SPEED UX

84. Prochaine étape : les performances ?
La prise en compte du temps de chargement Mobile ?

85. Prochaine étape : les performances ?
https://developers.google.com/speed/pagespeed/insights/

86. L’étape ultime ? L’index Mobile
Un index « mobile-only »
Desktop
Tablettes
Mobile

87. L’étape ultime ? L’index Mobile

88. L’étape ultime ? L’index Mobile

89. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les pages AMP

90. AMP = Accelerated
Mobile Pages
Bêta Oct. 2015 / Lancement 24 février 2016

91. AMP = La bataille pour un standard Mobile

92. AMP
Objectif = Instantanéité
« Instant. Everywhere. »

93. Poids des pages mobile
Source : http://www.webperformancetoday.com/2015/01/14/mobile-page-growth/ - Etude Radware Janvier 2015
> +110%

94. 94

96. AMP
un code HTML
revu (AMP
HTML)
des
bibliothèques de
scripts réduites
un système de
cache spécifique

97. WWW RWD WWW AMP

98. Google Page Speed – Score « Vitesse Mobile »
WWW RWD
57 / 100
WWW AMP
94 / 100
+65%

99. Test Temps de Chargement (via WebPageTest.org)
WWW RWD
11.146s
First View
WWW AMP
1.918s
First View
-9,22 s

100. / Adapté pour les news et les pubs, mais pas que…
- 100 -
Pages AMP

101. Démo AMP

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

103. /
- 103 -
Pages AMP pour les sites ecommerce

105. Un projet ambitieux pour GG
Sites/blogs d’actus
Contenus
informationnels
(Recettes, Films, …)
E-Commerce ?

106. AMP Adoption / Mai 2016

107. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Le futur de la recherche
mobile

109. Vers une forte adoption de la recherche vocale

111. Voice Everywhere

112. La recherche « visuelle »
Chercher avec la caméra de votre smartphone
112

113. Voice + IA + Chatbots + Données
Conversationnel / Prédictif / Personnalisé

114. 114
Merci.
Des questions ?
Yann Sauvageon
@yahn