Successfully reported this slideshow.

SEO : web responsive ou site mobile ?

5,555 views

Published on

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.

Published in: Business
  • Be the first to comment

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

×