SEO : site mobile ou web responsive ?Audrey Broutin, Directrice SEO, altima°
au programme« comprendre les différences entre unsite mobile et un site web responsived’un point de vue SEO… pouvoir faire...
internetmobilede quoi on parle ?
#internet mobilequoi ?accès site internetcomment ?tablette + smartphone
20,4  millions               9 sur 10                         ont visité au    de mobinautes        moins un siteen France...
960 000 t-acheteurs           +71% / 1an4,5 millions de m-acheteurs           +32% / 1an    31,7millions de e-acheteurs   ...
site mobilevsweb responsive
#site mobile
#site mobile     sites2    URL     versions     maintenances
#web responsive
#web responsive    site1   URL    version    maintenance
quel rapportavec le SEO ?
15,5     millions    de visiteurs uniques   sur Google depuis unsupport mobile en août 2012                              M...
80,9%des mobinautes   ont consulté Google       en aout 2012   (vs 71,2% en janvier)                           Médiamétrie...
#chiffresPrendre des photos / vidéosNaviguer sur le web                              78%Consulter ses mails               ...
enjeux stratégiques à êtrevisible dans les résultats derecherches sur supports mobile                   = SEO
je veux /je ne veux pas
#je veux     pour une recherche   accès au site         sur mobile          mobile
#je veux    pour une recherche   accès au site         desktop           classique
#je ne veux pas    pour une recherche   accès au site         desktop            mobile
#je ne veux pas     pour une recherche   accès au site         sur mobile         classique
#en bref   je veux   que pour une recherche sur mobile,   les moteurs proposent mon site mobile   je veux   que pour une r...
mes options ?
3 grandes variations❶   site dédié VS site adapté❷   distinction HTML VS distinction CSS❸   mêmes URL VS URL spécifiques
#site dédié VS site adapté    site     site    site   mobile   mobile   WR
#distinction HTML VS CSS  modification   modification   modification    HTML           HTML            CSS
#mêmes URL VS URL ≠ mêmes   mêmes       URL  URL     URL    différentes
#pour comprendre         user-agent=         version classique : www.altima.fr         version mobile : www.altima.fr     ...
#pour comprendre            user-agent=            version classique : www.altima.fr        user-agent=            version...
#pour comprendre         user-agent=         version classique : 3200tigres.wwf.fr         version mobile : 3200tigres.wwf...
#pour comprendre         version classique : www.lemonde.fr         version mobile : mobile.lemonde.fr         2 sites dis...
#pour comprendre        URLversion classique : www.lemonde.fr            différentes, les pratiques            version mob...
#pour comprendre        extension .mobi : www.lemonde.fr            version classique              version mobile : mobile...
ce qu’en disentles moteurs
#des versions mobiles    Google mobile   Yahoo mobile   Bing mobile     m.google.fr    m.yahoo.com    m.bing.com
des optimisationsspécifiques sites mobilessont proposées par lesmoteurs de recherche
#l’exemple Google  recommandations techniques  sitemap.xml spécifique  robot explorateur spécifique  filtres « mobile ...
accès          possibilité de        accès à la  automatique      basculer sur la    version classiqueà Google mobile   ve...
pour autant sur Google,dans la plus part des cas, lesrésultats classiques etmobiles semblent être lesmêmes
=                =                 ?recherche        recherche         recherche  mobile          classique        classiq...
si résultats mobiles= résultats classiquesoptimisations classiques= optimisations mobiles    ?
#Google prend parti quand il évoque le web responsive : “this is Google’s recommended configuration.”
site web responsive,les argumentsune URL unique pour les différents contenus   facile pour l’internaute, facile pour le ro...
site spécifique sur la même URL,les recommandationsutiliser la mention « Vary HTTP » dans l’entête des pages   permet de r...
site spécifique sur une URL distincte,les recommandationsajouter un lien spécial rel = "alternate" sur le site classiquepo...
#en bref   les arguments sont tous relatifs à   l’indexation du site par les robots   optimiser son site mobile pour les m...
ce qu’en voientles moteurs
#mon site est web responsive   depuis une recherche mobile, Google propose un preview calé                sur la version d...
#mon site est web responsive   depuis une recherche desktop, Google propose un preview calé                     sur la ver...
#mon site est mobile / user agent   depuis une recherche mobile, Google propose un preview calé                       sur ...
#mon site est mobile / user agent   depuis une recherche desktop, Google propose un preview calé                     sur l...
#mon site est mobile / URL   depuis une recherche mobile, Google propose un preview calé                       sur la vers...
#mon site est mobile / URL   depuis une recherche desktop, Google propose un preview calé                     sur la versi...
les questionsfondamentales
question 1dois-je faire un choix en fonction desimpacts SEO ou en fonction desattentes utilisateurs ?     #utilisateurs #t...
question 2cela veut-il dire que lesrecommandations techniques que l’onm’a faites pour mon site mobile sontinutiles ?      ...
question 3comment appréhender lescomportements de recherche différentsentre utilisateurs desktop et utilisateursmobile ?  ...
question 4comment m’assurer que mon ou messites respectent les bonnes pratiques ?           #tester #site: #comportement
finalement
#en conclusion   pour mon SEO, site mobile ou   site web responsive ?   peu importe mais je dois maitriser   mon indexatio...
1 question     =1 notebook
Merci ! abroutin@altima.fr   www.altima.fr     © altima° 10/2012
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
SEO : web responsive ou site mobile ?
Prochain SlideShare
Chargement dans…5
×

SEO : web responsive ou site mobile ?

5 166 vues

Publié le

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.

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

Aucun téléchargement
Vues
Nombre de vues
5 166
Sur SlideShare
0
Issues des intégrations
0
Intégrations
806
Actions
Partages
0
Téléchargements
156
Commentaires
0
J’aime
6
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

SEO : web responsive ou site mobile ?

  1. 1. SEO : site mobile ou web responsive ?Audrey Broutin, Directrice SEO, altima°
  2. 2. au programme« comprendre les différences entre unsite mobile et un site web responsived’un point de vue SEO… pouvoir faireun choix orienté et réfléchi entre cesdeux solutions »
  3. 3. internetmobilede quoi on parle ?
  4. 4. #internet mobilequoi ?accès site internetcomment ?tablette + smartphone
  5. 5. 20,4 millions 9 sur 10 ont visité au de mobinautes moins un siteen France en août 2012 sur mobile Médiamétrie, août 2012
  6. 6. 960 000 t-acheteurs +71% / 1an4,5 millions de m-acheteurs +32% / 1an 31,7millions de e-acheteurs +2% / 1an Médiamétrie, octobre 2012
  7. 7. site mobilevsweb responsive
  8. 8. #site mobile
  9. 9. #site mobile sites2 URL versions maintenances
  10. 10. #web responsive
  11. 11. #web responsive site1 URL version maintenance
  12. 12. quel rapportavec le SEO ?
  13. 13. 15,5 millions de visiteurs uniques sur Google depuis unsupport mobile en août 2012 Médiamétrie, août 2012
  14. 14. 80,9%des mobinautes ont consulté Google en aout 2012 (vs 71,2% en janvier) Médiamétrie, août 2012
  15. 15. #chiffresPrendre des photos / vidéosNaviguer sur le web 78%Consulter ses mails des possesseurs deUtiliser des applis smartphone l’utilisent pourÉcouter de la musique naviguer et effectuer des recherchesItinéraires et cartesRéseaux sociauxJeux Our mobile planet, 2012
  16. 16. enjeux stratégiques à êtrevisible dans les résultats derecherches sur supports mobile = SEO
  17. 17. je veux /je ne veux pas
  18. 18. #je veux pour une recherche accès au site sur mobile mobile
  19. 19. #je veux pour une recherche accès au site desktop classique
  20. 20. #je ne veux pas pour une recherche accès au site desktop mobile
  21. 21. #je ne veux pas pour une recherche accès au site sur mobile classique
  22. 22. #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
  23. 23. mes options ?
  24. 24. 3 grandes variations❶ site dédié VS site adapté❷ distinction HTML VS distinction CSS❸ mêmes URL VS URL spécifiques
  25. 25. #site dédié VS site adapté site site site mobile mobile WR
  26. 26. #distinction HTML VS CSS modification modification modification HTML HTML CSS
  27. 27. #mêmes URL VS URL ≠ mêmes mêmes URL URL URL différentes
  28. 28. #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
  29. 29. #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
  30. 30. #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
  31. 31. #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
  32. 32. #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/…
  33. 33. #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 dactivités de l’URL lorganisation qui le possède. type : site dédié mobiles .mobi = Services Internet pour distinction : HTML URL : différentes
  34. 34. ce qu’en disentles moteurs
  35. 35. #des versions mobiles Google mobile Yahoo mobile Bing mobile m.google.fr m.yahoo.com m.bing.com
  36. 36. des optimisationsspécifiques sites mobilessont proposées par lesmoteurs de recherche
  37. 37. #l’exemple Google  recommandations techniques  sitemap.xml spécifique  robot explorateur spécifique  filtres « mobile » dans les outils pour webmasters  …
  38. 38. accès possibilité de accès à la automatique basculer sur la version classiqueà Google mobile version classique fonctionnelle
  39. 39. pour autant sur Google,dans la plus part des cas, lesrésultats classiques etmobiles semblent être lesmêmes
  40. 40. = = ?recherche recherche recherche mobile classique classiquesur mobile sur mobile sur desktop
  41. 41. si résultats mobiles= résultats classiquesoptimisations classiques= optimisations mobiles ?
  42. 42. #Google prend parti quand il évoque le web responsive : “this is Google’s recommended configuration.”
  43. 43. site web responsive,les argumentsune URL unique pour les différents contenus facile pour l’internaute, facile pour le robot d’indexationpas de redirection et donc de source d’erreur rapide pour l’internaute, pas de maintenance des user-agentpas de double exploration rapidité d’indexation et de mise à jour, contenu toujours « frais »
  44. 44. site spécifique sur la même URL,les recommandationsutiliser 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)
  45. 45. site spécifique sur une URL distincte,les recommandationsajouter un lien spécial rel = "alternate" sur le site classiquepointant vers lURL correspondante mobile permet à Googlebot de découvrir l’URL des pages mobilesajouter un lien rel = "canonical" sur le site mobile pointant verslURL classique correspondant permet de maitriser l’indexation et de palier à la duplication de contenus
  46. 46. #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
  47. 47. ce qu’en voientles moteurs
  48. 48. #mon site est web responsive depuis une recherche mobile, Google propose un preview calé sur la version de taille intermédiaire
  49. 49. #mon site est web responsive depuis une recherche desktop, Google propose un preview calé sur la version « classique »
  50. 50. #mon site est mobile / user agent depuis une recherche mobile, Google propose un preview calé sur la version mobile
  51. 51. #mon site est mobile / user agent depuis une recherche desktop, Google propose un preview calé sur la version « classique »
  52. 52. #mon site est mobile / URL depuis une recherche mobile, Google propose un preview calé sur la version mobile
  53. 53. #mon site est mobile / URL depuis une recherche desktop, Google propose un preview calé sur la version « classique »
  54. 54. les questionsfondamentales
  55. 55. question 1dois-je faire un choix en fonction desimpacts SEO ou en fonction desattentes utilisateurs ? #utilisateurs #technique #contenus
  56. 56. question 2cela veut-il dire que lesrecommandations techniques que l’onm’a faites pour mon site mobile sontinutiles ? #utile #étape #optimisation
  57. 57. question 3comment appréhender lescomportements de recherche différentsentre utilisateurs desktop et utilisateursmobile ? #webanalytics #outils #sémantique
  58. 58. question 4comment m’assurer que mon ou messites respectent les bonnes pratiques ? #tester #site: #comportement
  59. 59. finalement
  60. 60. #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
  61. 61. 1 question =1 notebook
  62. 62. Merci ! abroutin@altima.fr www.altima.fr © altima° 10/2012

×