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 présentation, Philippe Yonnet nous explique comment capter le plus de 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, Philippe Yonnet nous expliquera comment capter le plus de trafic organique possible en usage mobile. possible en usage mobile.

1. SEO & Mobile
Philippe YONNET – 16h15
13 Octobre 2016

2. Philippe Yonnet
Directeur Général

3. Au programme
35 mn de presentation, 10 mn de questions
3
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 ?

4. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
SEARCH FORESIGHT

5. 2016, la création de
l’agence SEARCH de référence
Le Groupe My Media rachète Synodiance en Avril 2016 pour la rapprocher de l’agence
Search Foresight
5
Un pôle SEA d’experts dédiés
Un pôle créé par la mutualisation des
meilleures pratiques des 2 structures
Un département R&D renforcé
Une activité plus poussée pour rester à la
pointe de l’expertise Search
Plus de flexibilité et de réactivité
Une équipe densifiée sur ses pôles
nantais et parisiens
+ >

6. Search Foresight
L’agence Search de référence
6
Organisme de formation
depuis +16 ans
L’offre de formation Search Marketing
la plus pointue du marché
+600 participants en formations inter,
intra, Académies & Kickoff
Cycles de formation sur mesure
Formation interne en continue
+60 consultants et experts,
seniors et certifiés
Une équipe dirigée par Philippe Yonnet
(Top experts SEO de France selon le JDN)
Accompagnement stratégique
Une exigence portée sur les
collaborateurs
Un discours de référence
Speakers reconnus sur les évènements
majeurs, conférences
Production de contenus et d’études
avancées
Laboratoire d’innovation et de
prospective
17 ans d’expertise Search
40% du Top 50 des sites français
(classés selon l’audience)
Expertise ROI
(Pure-players, ecommercants)
Projets complexes
(Forte volumétrie, international…),

7. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les usages mobiles
deviennent prééminents

8. Un phénomène mondial
“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
“More than half of all Google searches now
happen on mobile devices globally”
Amit Singhal, senior VP of Search - Google
Oct 2015

9. 35.7 Mde mobinautes en France 96%
Des 15-34 ans!
69%
Des Français
15+
Un média de masse
Source : Mediametrie Netratings (Internautes, Mobinautes, Fev2016)
51%
des français se connectent
chaque jour sur mobile
47% sur desktop
18% sur tablet

10. US TIME ONLINE (BILLIONS OF MINUTES)
0
300
900
1200
600
Tablet
Smartphone
Dec 2010 Dec 2013 Dec 2014
Grâce au mobile, le temps passé digital s’envole
Source : Comscore 2014. TNS Sofres Connected Life 2014, FR (base : internautes réguliers)
Desktop

11. TIME SPENT ON MOBILE DEVICES & TV
US Daily Average (min)
100
140
180
Q1 2012
Smartphone
TV
109
168
Q1 2013
158
168
Q1 2014
162
168
Q3 2014
168
177
Effet 2nd Screen
2ND SCREEN :
61%
des personnes qui regardent
la TV surfent sur d’autres
terminaux digitaux en même temps
en France
Grâce au mobile, le temps passé digital s’envole
Source : Flurry Analytics, Consumer barometer 2015

12. AXA DRIVECAPITAINE TRAIN MEETIC FOODCHERIROBIN HOOD ZIPJET
Des business models “Mobile Only” émergent

13. 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
APPLICATION : FIDÉLISATION
Personnelle,
Gestion des notifications,
Utilisations des fonctions avancées
du téléphone,
Usages récurrents et loisirs
SITE MOBILE : ACQUISITION
Accessible sur toutes les tailles
d’écran et tous les OS,
Ouvert et sans frein
Sites ou Applications ?

14. 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
PAR INDUSTRIE:
... utilisent les sites mobiles plus souvent dans
leurs parcours commerciaux
des utilisateurs AUTOS75%
des utilisateurs FINANCE60%
des utilisateurs TRAVEL70%
des utilisateurs RETAIL &
TECH
71%
des utilisateurs LOCAL
SERVICES
64%
Sites ou Apps ? Temps = Valeur
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).

15. mSites & apps convergent
http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html
OFFLINEPUSH NOTIFICATION APP INDEXING
GOOGLE NOW
ON TAP
BOUTON “ADD TO
HOMESCREEN” APP STREAMING

16. le mobile comme point de départ
Parcours Multiscreen :
Base: Have Started Shopping On One Device & Continued on Another (969). Q. For the activities listed below, think about the last time you started each activity on one device and then continued or finished the same activity on
another device. Please select which device you started and then continued on. If you have not done this, select “I have not done this”.
65%
Commencent
sur un
smartphone
61%
Continuent sur
un ordinateur
4%
Continuent sur
une Tablette
DECISIONCONSIDERATIONAWARENESS INTENT
SMARTPHONE
S
DESKTOPS /
TABLETTES

17. / Nécessité de développer un environnement
cohérent
La recherche multidevice
17
Source : Think With Google
Recherche
débutée sur
Smartphone
Poursuivie
Sur PC
Poursuivie
Sur
Tablette

18. Les 2 modes d’usage multi-écran
- 18 -
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

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

20. Le % des sessions Desktop baisse mais pas aussi
rapidement que les conversions : le CvR semble croître
Part de sessions par type d’écran
Desktop Mobile Tablet
0%
2012/01 2012/07 2013/01 2013/07 2014/01
25%
50%
75%
100%
SessionShare(%)
Part de conversions par type d’écran
0%
2012/01 2012/07 2013/01 2013/07 2014/01
25%
50%
75%
TransactionShare(%)
100%
Year / Month
CvR et part de conversions
CVR Transaction Share
100%
2012/07 2013/01 2013/07 2014/012012/01

21. Nombre moyen de pages vues pour
les sessions desktop ayant converti (indexé)
Durée moyenne de sessions
desktop ayant converti (indexé)
% de conversions Desktop par
nouvel utilisateur
Les utilisateurs Desktop convertissent
maintenant plus rapidement !
MOBILE :
pour préparer
son achat

22. Conversions sur TOUS les écrans
Sessions sur TOUS les écrans
Un nouveau KPI fait sens :
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
le taux de conversion Multi-Ecran

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

24. Comment choisir ?
- 24 -
Application ou site mobile ?
le site mobile est incontournable
car l’internet mobile est le
principal canal de recherche. La
question se pose réellement si
votre activité est du E-
Commerce / Distribution / Media
APP : Pour quel usage ? /
Développer une Visibilité sur les
App Stores ? / Installer des
habitudes ? / Fournir des
données Off-line ? / Prolonger la
relation client ?/ Faciliter l’UX ?

25. 25
Site mobile ou site responsive design ?

26. / Approche avec une url unique pour ts les devices
26
Rappel : les différentes solutions

27. 27
Le recours au responsive design est
recommandé par Google

28. - 28 -
Le dynamic serving est également OK
 Un peu plus compliqué à gérer : suppose deux applicatifs webs, deux jeux de
code à maintenir et un outil d’aiguillage vers desktop ou mobile
 Mais peut être 100% compatible SEO

29. / Une mauvaise gestion peut ruiner votre SEO
- 29 -
Attention aux redirections avec les sites mobiles
 Attention, le code http à renvoyer est 302
et non 301 !
 On peut renvoyer une 404 si la page
n’existe pas en version mobile ou desktop
 Mais ce n’est pas l’idéal, car dans ce cas,
on risque de se positionner moins bien en
version mobile par exemple

30. - 30 -
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
Attention à ce que vos contenus restent
trouvables par Googlebot
Vérifier ce que donne vos pages à l’aide
de l’outils « Fetchn as Googlebot » de la
search console

31. - 31 -
Eléments masqués et SEO
 Masquer des éléments parce que l’on a pas la place de les afficher sur un écran de smartphone ne pose pas
de problèmes (de toute façon : seule la version desktop est indexée). Un code responsive ne crée pas de
« cloaking »
 Mais masquer des éléments sur la version desktop peut poser des problèmes : certains contenus masqués
peuvent recevoir un poids plus réduit, voire être oubliés par Google

32. / Attention aux méthodes à la mode
- 32 -
Intégration HTML/Javascript/CSS
Googlebot explore et indexe de manière
préférentielle :
 Le contenu de la couche HTML
 Le contenu affiché par défaut par la CSS
desktop
 Et (avec plus de difficulté) le contenu HTML
généré par le javascript dans le 1er état de la
page
CSS
Javascript
HTML
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

33. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les spécificités de l’algo de
Google en usage mobile

34. / Le contenu pris en compte est celui de la version
desktop
- 34 -
Il n’y a pas d’index mobile
 Confirmé par un tweet de Gary Illyes
 Conséquence : les classements dans les pages de résultats
mobiles sont faits en analysant les contenus trouvés dans
la version desktop !

35. / Seul les premiers résultats sont visibles
- 35 -
Soyez au top !

36. - 36 -
C’est encore plus vrai pour le local SEO
• Rouge : le bloc maps
• Bleus : les liens
sponsorisés
• Vert : les liens
organiques
L’histogramme donne le
pourcentage de clics
selon le résultat

37. - 37 -
Google déclasse les pages non compatibles
 Changement d’algorithme depuis le 21 avril 2015
 La compatibilité mobile est devenue un signal
 Impact : toutes choses égales par ailleurs, entre deux
pages classées par Google à la même position, si
une page n’est pas compatible mobile, elle sera
classée derrière l’autre page
Finding more mobile-friendly search results

38. - 38 -
Vérifiez la compatibilité mobile de votre site
 https://www.google.com/webmasters/tools/
mobile-friendly/
 Ne pas regarder pagespeed insights

39. - 39 -
Nouvelle étape : le « popupgeddon »
 Le 10 janvier 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 !

40. - 40 -
Prochaine étape : les performances ?
 Testez vos performances avec pagespeed insights
 https://developers.google.com/speed/pagespeed/insights/

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

42. / Une réponse à Facebook Instant Articles ?
42
AMP : le projet en bref
 Accelerated Mobile Pages : une initiative Open Source pour
 Promouvoir un standard pour construire des pages allégées, optimisées pour le mobile
 Mettre à disposition un CDN dédié pour accélérer encore l’accès à ces contenus
 Et proposer une diffusion large de ces contenus par des acteurs majeurs du web
 Un projet initié par Google et Twitter, présenté officiellement le 8 octobre 2015
 AMP est d’ores et déjà implémenté par un groupe d’acteurs majeurs

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

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

45. /cdn.ampproject.org
- 45 -
Un CDN dédié pour un affichage presque instantané
 Un CDN (content delivery network) est un
ensemble de serveurs :
 Conservant une version « en cache » de la page
 Et répartis partout dans le monde, près des
utilisateurs
 Les pages AMP voient donc le temps de
téléchargement du contenu réduit de
manière spectaculaire (jusqu’à 10 fois)

46. - 46 -
Des pages sérieusement allégées
Une page AMP
contient en moyenne
6 fois moins de code et
contient 5 fois moins
de traqueurs

47. - 47 -
Code minimum pour une page AMP HTML
<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>Hello, AMPs</title>
<link rel="canonical"
href="http://example.ampproject.org/article-metadata.html"
/>
<meta name="viewport" content="width=device-
width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"headline": "Open-source framework for publishing
content",
"datePublished": "2015-10-07T12:02:41Z",
"image": [
"logo.jpg"
]
}
</script>

48. / La version AMP HTML est un doublon de contenus existants
- 48 -
SEO : attention aux doublons
 N’oubliez pas la balise canonical sur la page AMP HTML, pointant vers un contenu existant (s’il y’a lieu)
 Cette approche pose les problèmes habituels avec les doublons, même « canonicalisés »
 Donc, avant de le faire à grande échelle, il convient de s’interroger sur les gains attendus grâce aux pages
AMP

49. / Sur news, les pages AMP reçoivent plus de trafic
- 49 -
L’enjeu : le CTR
Et l’affichage des
pages AMP est
maintenant étendu
à l’ensemble des
résultats !

50. / http://www.ampproject.org
- 50 -
Pour en savoir plus :
Démo :
https://g.co/ampdemo
Depuis un smartphone évidemment

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

53. Smartphone ou object connecté ?
Les objets connectés se multiplient et se dotent d’interfaces de recherche

54. Vers une forte adoption de la recherche vocale

55. Une recherche conversationnelle

56. Une recherche prédictive
Google Now pousse les informations utiles, sans que vous ayiez à les demander

57. Une recherche personnalisée

58. Les assistants numériques
GOOGLE NOW APPLE SIRI WINDOWS CORTANA M de FACEBOOK

59. Les assistants numériques
Bientôt en français : Google assistant
Lancé il y’a quelques mois en même temps que
Google Allo (messagerie) et Google Home (Object
Connecté)
Disponible en anglais uniquement (alors que Allo est
disponible en français

60. Les chatbots
Un autre type d’assistant
Les chatbots sont des programmes simulant
une conversation
Demander un service, une information,
fonctionne avec ces chatbots comme si on
conversait par messagerie instantanée avec
une personne du support.
Les applications des chatbots explosent en
2016
Le futur inclut des robots conversationnels
vocaux
60

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

62. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
La recherche sur Google
devient mobile :
MOBILISEZ VOUS
62

63. 63
Merci.
Et maintenant à vos
questions !

64. Restons en contact
www.search-foresight.com
64
philippe.yonnet@search-foresight.com
+ 33 1 74 18 29 40
@s4sight
Slideshare.net/S4sight
Philippe Yonnet, Directeur Général et fondateur