Conférence au salon VAD E-Commerce Lille 2012 de Audrey Broutin, Directrice SEO, altima°. Avoir un site optimisé pour les mobiles et tablettes est devenu une évidence, mais qu’en est-il des effets sur votre SEO ? Site mobile dédié ou site responsive adapté à tous les devices ? Découvrez les avantages, inconvénients et bonnes pratiques pour booster votre visibilité dans les moteurs de recherche.

1. SEO : site mobile ou web responsive ?
Audrey Broutin, Directrice SEO, altima°

4. au programme
« comprendre les différences entre un
site mobile et un site web responsive
d’un point de vue SEO… pouvoir faire
un choix orienté et réfléchi entre ces
deux solutions »

6. internet
mobile
de quoi on parle ?

7. #internet mobile
quoi ?
accès site internet
comment ?
tablette + smartphone

8. 20,4
millions 9 sur 10
ont visité au
de mobinautes moins un site
en France en août 2012 sur mobile
Médiamétrie, août 2012

9. 960 000 t-acheteurs
+71% / 1an
4,5 millions de m-acheteurs
+32% / 1an
31,7millions de e-acheteurs
+2% / 1an
Médiamétrie, octobre 2012

11. site mobile
vs
web responsive

12. #site mobile

13. #site mobile
sites
2 URL
versions
maintenances

14. #web responsive

15. #web responsive
site
1 URL
version
maintenance

17. quel rapport
avec le SEO ?

18. 15,5
millions
de visiteurs uniques
sur Google depuis un
support mobile en août 2012
Médiamétrie, août 2012

19. 80,9%
des mobinautes
ont consulté Google
en aout 2012
(vs 71,2% en janvier)
Médiamétrie, août 2012

20. #chiffres
Prendre des photos / vidéos
Naviguer sur le web
78%
Consulter ses mails
des possesseurs de
Utiliser des applis smartphone l’utilisent pour
Écouter de la musique naviguer et effectuer des
recherches
Itinéraires et cartes
Réseaux sociaux
Jeux
Our mobile planet, 2012

21. enjeux stratégiques à être
visible dans les résultats de
recherches sur supports mobile
= SEO

23. je veux /
je ne veux pas

24. #je veux
pour une recherche accès au site
sur mobile mobile

25. #je veux
pour une recherche accès au site
desktop classique

26. #je ne veux pas
pour une recherche accès au site
desktop mobile

27. #je ne veux pas
pour une recherche accès au site
sur mobile classique

28. #en bref
je veux
que pour une recherche sur mobile,
les moteurs proposent mon site mobile
je veux
que pour une recherche desktop
les moteurs proposent mon site classique

30. mes options ?

31. 3 grandes variations
❶ site dédié VS site adapté
❷ distinction HTML VS distinction CSS
❸ mêmes URL VS URL spécifiques

32. #site dédié VS site adapté
site site site
mobile mobile WR

33. #distinction HTML VS CSS
modification modification modification
HTML HTML CSS

34. #mêmes URL VS URL ≠
mêmes mêmes URL
URL URL différentes

35. #pour comprendre
user-agent=
version classique : www.altima.fr
version mobile : www.altima.fr
2 sites distincts, l’internaute
bascule de l’un à l’autre via
détection de user-agent
type : site dédié
distinction : HTML
URL : identiques

36. #pour comprendre
user-agent=
version classique : www.altima.fr
user-agent=
version mobile : www.altima.fr
identifiant d’un navigateur internet ou
d’un2robot distincts, l’internaute de
sites d’indexation (moteur
recherche) de l’un à l’autre via
bascule
détection de user-agent
user-agent Google : Googlebot
user-agent Google mobile : Googlebot-
type : site dédié
Mobile
distinction : HTML
URL : identiques

37. #pour comprendre
user-agent=
version classique : 3200tigres.wwf.fr
version mobile : 3200tigres.wwf.fr
1 seul site en web responsive
l’internaute bascule de l’un à l’autre
en fonction du format du device
type : site adapté
distinction : CSS
URL : identiques

38. #pour comprendre
version classique : www.lemonde.fr
version mobile : mobile.lemonde.fr
2 sites distincts, l’internaute accède
à l’un ou à l’autre en fonction de
l’URL
type : site dédié
distinction : HTML
URL : différentes

39. #pour comprendre
URLversion classique : www.lemonde.fr
différentes, les pratiques
version mobile : mobile.lemonde.fr
domaine distinct
monsite-mobile.com
2 sites distincts, l’internaute accède
à l’un ou à l’autre en fonction de
sous-domaine
l’URL
mobile.monsite.com
m.monsite.com
type : site dédié
répertoire distinct : HTML
distinction
monsite.com/mobile/…
URL : différentes
monsite.com/m/…

40. #pour comprendre
extension .mobi : www.lemonde.fr
version classique
version mobile : mobile.lemonde.fr
le .mobi est un domaine de premier
niveausites distincts, (sTLD ou accède
2 commandité l’internaute
sponsored ou à l’autre en fonction de
à l’un Top-Level Domain)
Il indique le domaine d'activités de
l’URL
l'organisation qui le possède.
type : site dédié mobiles
.mobi = Services Internet pour
distinction : HTML
URL : différentes

42. ce qu’en disent
les moteurs

43. #des versions mobiles
Google mobile Yahoo mobile Bing mobile
m.google.fr m.yahoo.com m.bing.com

44. des optimisations
spécifiques sites mobiles
sont proposées par les
moteurs de recherche

45. #l’exemple Google
 recommandations techniques
 sitemap.xml spécifique
 robot explorateur spécifique
 filtres « mobile » dans les outils pour
webmasters
 …

46. accès possibilité de accès à la
automatique basculer sur la version classique
à Google mobile version classique fonctionnelle

47. pour autant sur Google,
dans la plus part des cas, les
résultats classiques et
mobiles semblent être les
mêmes

48. = = ?
recherche recherche recherche
mobile classique classique
sur mobile sur mobile sur desktop

49. si résultats mobiles
= résultats classiques
optimisations classiques
= optimisations mobiles ?

51. #Google prend parti
quand il évoque le web responsive :
“this is Google’s
recommended configuration.”

52. site web responsive,
les arguments
une URL unique pour les différents contenus
facile pour l’internaute, facile pour le robot d’indexation
pas de redirection et donc de source d’erreur
rapide pour l’internaute, pas de maintenance des user-agent
pas de double exploration
rapidité d’indexation et de mise à jour, contenu toujours
« frais »

53. site spécifique sur la même URL,
les recommandations
utiliser la mention « Vary HTTP » dans l’entête des pages
permet de régler les problèmes de cache
permet d’envoyer un signal clair aux moteurs et de faciliter
l’exploration des contenus mobiles (notion de contenu
équivalent)

54. site spécifique sur une URL distincte,
les recommandations
ajouter un lien spécial rel = "alternate" sur le site classique
pointant vers l'URL correspondante mobile
permet à Googlebot de découvrir l’URL des pages mobiles
ajouter un lien rel = "canonical" sur le site mobile pointant vers
l'URL classique correspondant
permet de maitriser l’indexation et de palier à la duplication
de contenus

55. #en bref
les arguments sont tous relatifs à
l’indexation du site par les robots
optimiser son site mobile pour les moteurs
de recherche revient à maitriser les risques
liés à la duplication

57. ce qu’en voient
les moteurs

58. #mon site est web responsive
depuis une recherche mobile, Google propose un preview calé
sur la version de taille intermédiaire

59. #mon site est web responsive
depuis une recherche desktop, Google propose un preview calé
sur la version « classique »

60. #mon site est mobile / user agent
depuis une recherche mobile, Google propose un preview calé
sur la version mobile

61. #mon site est mobile / user agent
depuis une recherche desktop, Google propose un preview calé
sur la version « classique »

62. #mon site est mobile / URL
depuis une recherche mobile, Google propose un preview calé
sur la version mobile

63. #mon site est mobile / URL
depuis une recherche desktop, Google propose un preview calé
sur la version « classique »

65. les questions
fondamentales

66. question 1
dois-je faire un choix en fonction des
impacts SEO ou en fonction des
attentes utilisateurs ?
#utilisateurs #technique #contenus

67. question 2
cela veut-il dire que les
recommandations techniques que l’on
m’a faites pour mon site mobile sont
inutiles ?
#utile #étape #optimisation

68. question 3
comment appréhender les
comportements de recherche différents
entre utilisateurs desktop et utilisateurs
mobile ?
#webanalytics #outils #sémantique

69. question 4
comment m’assurer que mon ou mes
sites respectent les bonnes pratiques ?
#tester #site: #comportement

71. finalement

72. #en conclusion
pour mon SEO, site mobile ou
site web responsive ?
peu importe mais je dois maitriser
mon indexation… au nom de
l’expérience utilisateur

73. 1 question
=
1 notebook

74. Merci !
abroutin@altima.fr
www.altima.fr
© altima° 10/2012