Le document aborde l'importance de l'optimisation SEO pour les dispositifs mobiles, soulignant l'augmentation de l'utilisation des smartphones et leur impact sur le trafic internet en France. Il met en avant des exemples concrets d'entreprises ayant adopté des stratégies mobiles et fournit des recommandations pour améliorer l'expérience utilisateur, notamment à travers le responsive design. Des erreurs courantes à éviter lors de l'optimisation mobile sont également mentionnées.

1. Le SEO appliqué aux supports Mobiles
Enjeux et « best practices » techniques
Florian Karmen
Chef de projet SEO – WAM-Référencement
David Eichholtzer
Directeur – Chef de projet SEO - WAM-Référencement

2. Parmi les annonceurs dans la salle,
Qui a un smartphone ?
Qui consulte des sites, applications, effectue des recherches d’information ?
Maintenant,
Combien d’entre vous proposent un site adapté aux supports mobiles ?
Combien ont l’intention de le faire dans l’année (ou en cours) ?

3. Utilisateurs de smartphones en France
2005… 2014 !
Au cours des deux dernières années, la proportion d’utilisateurs de smartphones
est passée de 27% à 42% en France.
Les tablettes sont maintenant adoptées par le plus grand nombre (plus uniquement
réservées aux CSP+)
Source : Google mobile Playbook : http://www.themobileplaybook.com/fr/#/chapter1_1

4. Quelle place pour le mobile dans le trafic
internet en France ?
« 48 millions d’internautes, les sites e-
commerce sont en croissance »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

5. Quelle place pour le mobile dans le trafic
internet en France ?
« Le paysage média se fractionne : 7,5% du
trafic internet français se fait désormais
depuis les mobiles ou tablettes »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

6. Quelle place pour le mobile dans le trafic
internet en France ?
« 53% des usagers mobiles français ont un
smartphone »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

7. Quelle place pour le mobile dans le trafic
internet en France ?
« En décembre 2012, 4 millions d’usagers
de smartphone possédaient aussi une
tablette (+94%) »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

8. Quelle place pour le mobile dans le trafic
internet en France ?
« En décembre 2012, 54,3% des devices
achetés par les 55 ans et + étaient des
Smartphones »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

9. Quels usages des mobiles devices au
quotidien ?

10. Exemple d’une journée d’utilisation des
mobiles devices
Le temps de disponibilité
des internautes est continu :
• Télé: 4h31
• Radio : 1h26
• Print : 36 minutes
• Médias digitaux (dont
mobile) : 5h46
• Mobile : 2h51 (+23%/N-
1)
Source : US http://www.emarketer.com/

11. Temps passé (en minutes) par device

12. Quelles habitudes / consultation des sites
« 48% des utilisateurs de smartphone,
commencent par faire une recherche sur
un moteur »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

13. Quelles habitudes / consultation des sites
« 33% des utilisateurs de smartphone,
commencent par consulter un site de
marque »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

14. Quelles habitudes / consultation des sites
« 26% des utilisateurs de smartphone,
commencent par consulter .. L’application
d’une marque »
Source : Comscore - Mars 2013 – France Digital – Focus in Futur 2013

15. Les devices mobiles sont-ils générateurs
de business ?
« 94% des utilisateurs de smartphone
recherchent des informations de proximité »
Source : http://www.themobileplaybook.com/

16. Les devices mobiles sont-ils générateurs
de business ?
« 80% des visites en magasin résultant d’une
recherche initiale sur mobile se produisent
moins de 5 heures après cette dernière »
Source : http://www.themobileplaybook.com/

17. Les devices mobiles sont-ils générateurs
de business ?
« 85% des appels passés à des magasins
résultant d’une recherche initiale sur mobile
se produisent moins de cinq heures après
cette dernière »
Source : http://www.themobileplaybook.com/

18. Alors convaincus ?
Voici l’exemple d’un site marchand français,
grand public, ayant également pignon sur rue
(> 200 points de vente)

19. Le potentiel du trafic mobile
Google Analytics
- 54% de l’audience provient de mobiles et tablettes
- 25% du CA mesuré (en dernière touche) provient de ces devices.
Pourtant ce site n’est pas optimisé pour les supports mobiles..

20. Que consultent les utilisateurs de mobile
devices ?
« 57% des mobinautes, affirment qu’ils ne
recommanderaient pas une entreprise dont
le site pour mobile est mal conçu »
Source : http://www.themobileplaybook.com/

21. Que consultent les utilisateurs de mobile
devices ?
« 40% des personnes interrogées se sont
tournées vers le site d’un concurrent après
une mauvaise expérience sur leur mobile »
Source : http://www.themobileplaybook.com/

22. Que consultent les utilisateurs de mobile
devices ?
Votre priorité N°1 => créer un site web pour
mobile !
Source : http://www.themobileplaybook.com/fr/#/chapter2_1

23. Google à propos du SEO mobile
Importance du mobile en SEO
« Websites that offer positive experiences
for mobile visitors are promoted in organic
search results »
Source : http://bit.ly/SYxPlJ

24. Google à propos du SEO mobile
Vos clients sont prévenus
Dans les résultats mobiles aux US, Google prévient les internautes si
vous ne les renvoyez pas vers la bonne page (redirection !)

25. Comment s’y prendre ?
Responsive design

26. Comment s’y prendre ?
Responsive web design
Des règles de mise en forme sont utilisées pour adapter l’affichage de
la page en fonction des caractéristiques de l’appareil.
Plusieurs avantages pour le SEO :
1. Une URL unique par page, ce qui facilite l’indexation,
2. La popularité d’une page est concentrée sur une URL.
3. Aucune redirection nécessaire, le site reste rapide,
‘‘Nous recommandons le responsive web design en
raison de ses nombreux avantages’’
Source : http://bit.ly/1gwwWIW

27. Comment s’y prendre ?
Les erreurs à ne pas commettre
 Ne pas bloquer l’accès aux fichiers Javascript et CSS par GoogleBot,
le moteur ne parviendra pas à voir la version mobile
 Attention aux images et à leurs poids en responsive web design

28. Comment s’y prendre ?
Dynamic serving

29. Comment s’y prendre ?
Détection du User-Agent
Le dynamic serving est une configuration dans laquelle le serveur
diffuse un code HTML et CSS différent sur la même URL en fonction du
user-agent qui demande la page.
1. Utiliser l’en-tête HTTP « Vary: User-Agent » pour indiquer à Google
que le contenu servi peut être différent en fonction du User-Agent.
1. Seul Googlebot-Smartphone/Googlebot-Mobile verra la version
mobile du site
2. Permet de proposer un site différent sur Android, iPhone, Windows
Phone, etc.

30. Comment s’y prendre ?
Les erreurs à ne pas commettre
 Attention à la gestion du cache en dynamic serving !
Pour les serveurs de cache, il faut une copie
de chaque page HTML pour chaque User-Agent :
• desktop,
• Mobiles
• et tablettes

31. Comment s’y prendre ?
Site dédié

32. Comment s’y prendre ?
Site dédié
Un site mobile dédié peut poser problème si la duplication n’est pas
gérée en amont : Google peut considérer que le site mobile et le site
desktop sont dupliqués.
<link rel="alternate" media="only
screen and (max-width: 640px)"
href="http://mobile.lemonde.fr" />
mobile.lemonde.frwww.lemonde.fr
<link rel="canonical"
href="http://www.lemonde.fr" />

33. Comment s’y prendre ?
Site dédié
La liaison entre site desktop et mobile peut également se faire dans le
sitemap : il faut que la liaison soit faite pour toutes les pages du fichier !

34. Comment s’y prendre ?
Site dédié
Grâce à la liaison entre site desktop et mobile : Google affiche
directement l’URL mobile.

35. Comment s’y prendre ?
Les erreurs à ne pas commettre
Attention aux redirections mal contrôlées entre desktop et mobile :
 Redirections des pages internes vers la page d’accueil (très deceptif),
 Redirections Javascript (2 chargements de la page),
 Redirections en boucles entre desktop et mobile.
Accès à une page du
site mobile
Sélection de la
version desktop
Le site détecte mon
User-Agent mobile
Je suis redirigé vers
la version mobile
Je quitte le site !

36. Comment s’y prendre ?
Google In-app indexing

37. Comment s’y prendre ?
Google In-app indexing
Google offre la possibilité de faire indexer le contenu des applications
mobiles et donc d’inviter l’internaute à ouvrir l’application plutôt que le
navigateur.
Prérequis :
• L’internaute doit avoir l’application installée sur son device (Android),
• Faire la liaison entre TOUTES les pages du site et les pages de
l’application,
• La liaison peut également se faire via le sitemap,
Plus d’informations : http://bit.ly/1slAJ3Z

38. Comment choisir entre ces solutions ?

39. Sources :
http://www.kpcb.com/insights/2013-internet-trends
http://www.thinkwithgoogle.com/research-studies/creating-moments-that-
matter.html
http://www.ormlondon.com/blog/how-mobile-is-shaping-your-marketing-strategy
http://www.themobileplaybook.com/ +
http://www.themobileplaybook.com/fr/#/resources
http://www.comscore.com/fre/Insights/Presentations_and_Whitepapers/2013/2013
_France_Digital_Future_in_Focus
http://www.google.com/think/multiscreen/
http://moz.com/ugc/the-definitive-guide-to-googles-new-mobile-seo-rules

40. Le SEO appliqué aux supports Mobiles
Merci !
Florian Karmen
Chef de projet SEO – WAM-Référencement - @floriankarmen
David Eichholtzer
Directeur – Chef de projet SEO - WAM-Référencement - @wamref
www.wam-referencement.fr => Responsive 