Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris

239 views

Published on

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, nous expliquerons comment capter le plus de trafic organique possible en usage mobile.

Intervenant : Yann Sauvageon, Directeur du Pôle Conseil, Search Foresight

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 octobre 2016 - Paris

  1. 1. MOBILisez-vous ! Yann Sauvageon 27 Octobre 2016
  2. 2. 30mn pour vous parler de Mobile ! 2 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 ?
  3. 3. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 1. Contexte / Les usages mobiles deviennent prééminents
  4. 4. Nous entrons dans l’ère post-desktop !
  5. 5. > 50 %des requêtes effectuées sur Google le sont sur Smartphones. (Octobre 2015)
  6. 6. “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
  7. 7. Une majorité du temps sur Smartphone Répartition du temps passé online / US 47% 40% 35% 41% 46% 54% 30% 35% 40% 45% 50% 55% 60% Dec-2013 Dec-2014 Dec-2015 Desktop Smartphone
  8. 8. Le mobile ne fait qu’amplifier les connexions Répartition du temps passé online (en mn) / US 0 200 000 400 000 600 000 800 000 1 000 000 1 200 000 1 400 000 1 600 000 Dec-2013 Dec-2014 Dec-2015 Desktop Smartphone Tablet
  9. 9. Et en France ?
  10. 10. Search Mobile > Desktop depuis début 2016!
  11. 11. 51%des Français se connectent chaque jour à Internet sur leur smartphone. Source : Mediametrie Netratings (Internautes, Mobinautes, Fev2016)
  12. 12. Un média de masse Les français se connectent chaque jour sur : Mobile > 51% Desktop > 47% Tablette > 18%
  13. 13. Intention et Devices Part des recherches par Device Assurance Adidas Horaires Cinéma
  14. 14. “Assurance” Part des recherches en provenance des Smartphones / France
  15. 15. “Assurance” Part des recherches en provenance des Smartphones / France 5,9% 11,2% 17,8% 28,6% 38,8% 0 0,05 0,1 0,15 0,2 0,25 0,3 0,35 0,4 0,45 oct-12 oct-13 oct-14 oct-15 sept-16
  16. 16. “Adidas” Part des recherches en provenance des Smartphones / France
  17. 17. “Adidas” Part des recherches en provenance des Smartphones / France 10,8% 17,5% 27,7% 42,1% 51,5% 0 0,1 0,2 0,3 0,4 0,5 0,6 oct-12 oct-13 oct-14 oct-15 sept-16
  18. 18. “Horaires Cinéma” Part des recherches en provenance des Smartphones / France
  19. 19. “Horaires Cinéma” Part des recherches en provenance des Smartphones / France 25,7% 30,2% 39,9% 53,3% 61,9% 0 0,1 0,2 0,3 0,4 0,5 0,6 0,7 oct-12 oct-13 oct-14 oct-15 sept-16
  20. 20. C’est plus grave que vous le ne pensez !
  21. 21. Le mobile s’immisce partout !
  22. 22. Source : Flurry Analytics, Consumer barometer 2015 Le mobile s’immisce partout !
  23. 23. 87% des personnes qui regardent la TV surfent sur d’autres terminaux digitaux en même temps (61% en France)
  24. 24. Les 2 modes d’usage multi-écran - 26 - 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
  25. 25. / Les Smartphones sont utilisés en même temps que d'autres médias Les usages multi-écrans - 27 - Source : Think With Google
  26. 26. Bousculant le parcours d’achat !
  27. 27. Mobile et Parcours d’achat
  28. 28. La conversion = Un casse tête
  29. 29. 37% des transactions en « cross-device » Source : http://www.criteo.com/media/3748/criteo-state-of-mobile-commerce-q4-2015-ppt.pdf
  30. 30. Conversions sur TOUS les écrans Sessions sur TOUS les écrans 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 Un nouveau KPI fait sens Le taux de conversion Multi-Ecran
  31. 31. Only-Mobile / Only- APP !
  32. 32. 20% des « millenians » sont Mobile-Only !
  33. 33. >50% des indiens sont Mobile-Only !
  34. 34. In-App; 85,70% Mobile Web; 14,30% US / Sept. 2016
  35. 35. 2015
  36. 36. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 2. Optimiser son site pour les usages mobiles
  37. 37. Sites ou Applications ?
  38. 38. du temps Mobile sur les apps ?
  39. 39. Chiffre TROMPEUR
  40. 40. C’est un monde à 2 faces !
  41. 41. La réalité Les APPs > Un monde d’« Happy Few » ! Tout le monde n’a pas besoin d’une APP. Le web mobile reste un passage obligé et complémentaire aux APPs.
  42. 42. 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 Sites ou Applications ?
  43. 43. Temps ≠ Valeur
  44. 44. 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 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). Sites ou Apps ? Temps ≠ Valeur
  45. 45. 2016 Retour en arrière !
  46. 46. Les APPs convertissent mieux… Encore faut-il être découvert et installé ! Source: Criteo State of Mobile Commerce Report Q4 2015
  47. 47. Site mobile Découverte / Recherche / Occasionnel APP Usage récurrent / Fidélisation / CRM / UX
  48. 48. Quelle techno pour son site mobile ?
  49. 49. Site Mobile Dédié Responsive Web Design Dynamic Serving Le choix de la technologie
  50. 50. Mobile dédié 56
  51. 51. Responsive Web Design 57
  52. 52. Dynamic Serving / Adaptative 58
  53. 53. Techno Mobile Source : https://developers.google.com/webmasters/smartphone-sites/details Responsive web design 1 URL Même code HTML / CSS Dynamic Serving 1 URL Code différent Site Mobile dédié 2 URLs Code différent
  54. 54. “Responsive design is Google’s recommended design pattern.” Août 2014
  55. 55. Google sait indexer les 3 technos à partir du moment où elles sont correctement paramétrées.
  56. 56. Dynamic serving + compliqué à gérer Deux applicatifs webs, deux jeux de code à maintenir et un outil d’aiguillage vers desktop ou mobile mais peut être 100% compatible SEO - 62 -
  57. 57. /! Redirections avec les sites mobiles dédiés - 63 - Tip 1 : Code 302 à renvoyer Tip 2 : 404 si la page n’existe pas en version mobile ou desktop (pas l’idéal)
  58. 58. 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 Vérifier ce que donne vos pages à l’aide de l’outils « Fetch as Googlebot » de la search console - 64 -
  59. 59. / Attention aux méthodes à la mode 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 - 65 - CSS Javascript HTML
  60. 60. ET mon APP ?
  61. 61. APP-Indexing
  62. 62. APP-Indexing > Des liens « Install » dans les SERPs Mobile
  63. 63. APP-Indexing > Des liens « Install » dans les SERPs Mobile
  64. 64. APP-Indexing > Des Boxs APPs proéminentes !
  65. 65. APP-Indexing > Des Boxs APPs proéminentes !
  66. 66. #1 Association APP/Site #2 Paramétrage APP #3 Deep Linking
  67. 67. Ne pas confondre ! App Indexing : Consiste à indexer une application dans les résultats de recherche. ASO : Consiste à optimiser le positionnement d’une application dans les App Store
  68. 68. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics 3. Les spécificités de l’algo de Google en usage mobile
  69. 69. Il n’y a pas d’index Mobile ! Pour l’instant. Les classements dans les pages de résultats mobiles sont faits en analysant les contenus trouvés dans la version desktop !
  70. 70. Changement d’algorithme depuis le 21 avril 2015
  71. 71. Google déclasse les pages non compatibles Pour l’instant. La compatibilité mobile est devenue un signal ! Toutes choses égales par ailleurs, entre deux pages, si une page n’est pas compatible mobile, elle sera classée derrière l’autre page.
  72. 72. 21 Avril 2015 Label « Mobile-Friendly »
  73. 73. 79 Eléments tactiles trop proches Affichage du contenu non adapté Taille de la police non adaptée
  74. 74. Vérifiez la compatibilité de votre site https://search.google.com/search-console/mobile-friendly
  75. 75. Nouvelle étape : le « popupgeddon » 10/01/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 ! - 81 -
  76. 76. Next Step ? Prise en compte de la vitesse mobile ?
  77. 77. Prochaine étape : les performances ? La prise en compte du temps de chargement Mobile ? SPEED UX
  78. 78. Prochaine étape : les performances ? La prise en compte du temps de chargement Mobile ?
  79. 79. Prochaine étape : les performances ? https://developers.google.com/speed/pagespeed/insights/
  80. 80. L’étape ultime ? L’index Mobile Un index « mobile-only » Desktop Tablettes Mobile
  81. 81. L’étape ultime ? L’index Mobile
  82. 82. L’étape ultime ? L’index Mobile
  83. 83. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Les pages AMP
  84. 84. AMP = Accelerated Mobile Pages Bêta Oct. 2015 / Lancement 24 février 2016
  85. 85. AMP = La bataille pour un standard Mobile
  86. 86. AMP Objectif = Instantanéité « Instant. Everywhere. »
  87. 87. Poids des pages mobile Source : http://www.webperformancetoday.com/2015/01/14/mobile-page-growth/ - Etude Radware Janvier 2015 > +110%
  88. 88. 94
  89. 89. AMP un code HTML revu (AMP HTML) des bibliothèques de scripts réduites un système de cache spécifique
  90. 90. WWW RWD WWW AMP
  91. 91. Google Page Speed – Score « Vitesse Mobile » WWW RWD 57 / 100 WWW AMP 94 / 100 +65%
  92. 92. Test Temps de Chargement (via WebPageTest.org) WWW RWD 11.146s First View WWW AMP 1.918s First View -9,22 s
  93. 93. / Adapté pour les news et les pubs, mais pas que… - 100 - Pages AMP
  94. 94. Démo AMP
  95. 95. Are you planning to begin inviting e- commerce sites to deploy the AMP code? “Oh, absolutely, there’s nothing about the AMP format that doesn’t enable its use for all kinds of things. You could build an entire website out of it.” Source : Recode.net – 24/02
  96. 96. / - 103 - Pages AMP pour les sites ecommerce
  97. 97. Un projet ambitieux pour GG Sites/blogs d’actus Contenus informationnels (Recettes, Films, …) E-Commerce ?
  98. 98. AMP Adoption / Mai 2016
  99. 99. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Le futur de la recherche mobile
  100. 100. Vers une forte adoption de la recherche vocale
  101. 101. Voice Everywhere
  102. 102. La recherche « visuelle » Chercher avec la caméra de votre smartphone 112
  103. 103. Voice + IA + Chatbots + Données Conversationnel / Prédictif / Personnalisé
  104. 104. 114 Merci. Des questions ? Yann Sauvageon @yahn

×