Le SEO appliqué aux supports Mobiles
Enjeux et « best practices » techniques
Florian Karmen
Chef de projet SEO – WAM-Référ...
Parmi les annonceurs dans la salle,
Qui a un smartphone ?
Qui consulte des sites, applications, effectue des recherches d’...
Utilisateurs de smartphones en France
2005… 2014 !
Au cours des deux dernières années, la proportion d’utilisateurs de sma...
Quelle place pour le mobile dans le trafic
internet en France ?
« 48 millions d’internautes, les sites e-
commerce sont en...
Quelle place pour le mobile dans le trafic
internet en France ?
« Le paysage média se fractionne : 7,5% du
trafic internet...
Quelle place pour le mobile dans le trafic
internet en France ?
« 53% des usagers mobiles français ont un
smartphone »
Sou...
Quelle place pour le mobile dans le trafic
internet en France ?
« En décembre 2012, 4 millions d’usagers
de smartphone pos...
Quelle place pour le mobile dans le trafic
internet en France ?
« En décembre 2012, 54,3% des devices
achetés par les 55 a...
Quels usages des mobiles devices au
quotidien ?
Exemple d’une journée d’utilisation des
mobiles devices
Le temps de disponibilité
des internautes est continu :
• Télé: 4h...
Temps passé (en minutes) par device
Quelles habitudes / consultation des sites
« 48% des utilisateurs de smartphone,
commencent par faire une recherche sur
un...
Quelles habitudes / consultation des sites
« 33% des utilisateurs de smartphone,
commencent par consulter un site de
marqu...
Quelles habitudes / consultation des sites
« 26% des utilisateurs de smartphone,
commencent par consulter .. L’application...
Les devices mobiles sont-ils générateurs
de business ?
« 94% des utilisateurs de smartphone
recherchent des informations d...
Les devices mobiles sont-ils générateurs
de business ?
« 80% des visites en magasin résultant d’une
recherche initiale sur...
Les devices mobiles sont-ils générateurs
de business ?
« 85% des appels passés à des magasins
résultant d’une recherche in...
Alors convaincus ?
Voici l’exemple d’un site marchand français,
grand public, ayant également pignon sur rue
(> 200 points...
Le potentiel du trafic mobile
Google Analytics
- 54% de l’audience provient de mobiles et tablettes
- 25% du CA mesuré (en...
Que consultent les utilisateurs de mobile
devices ?
« 57% des mobinautes, affirment qu’ils ne
recommanderaient pas une ent...
Que consultent les utilisateurs de mobile
devices ?
« 40% des personnes interrogées se sont
tournées vers le site d’un con...
Que consultent les utilisateurs de mobile
devices ?
Votre priorité N°1 => créer un site web pour
mobile !
Source : http://...
Google à propos du SEO mobile
Importance du mobile en SEO
« Websites that offer positive experiences
for mobile visitors a...
Google à propos du SEO mobile
Vos clients sont prévenus
Dans les résultats mobiles aux US, Google prévient les internautes...
Comment s’y prendre ?
Responsive design
Comment s’y prendre ?
Responsive web design
Des règles de mise en forme sont utilisées pour adapter l’affichage de
la page...
Comment s’y prendre ?
Les erreurs à ne pas commettre
 Ne pas bloquer l’accès aux fichiers Javascript et CSS par GoogleBot...
Comment s’y prendre ?
Dynamic serving
Comment s’y prendre ?
Détection du User-Agent
Le dynamic serving est une configuration dans laquelle le serveur
diffuse un...
Comment s’y prendre ?
Les erreurs à ne pas commettre
 Attention à la gestion du cache en dynamic serving !
Pour les serve...
Comment s’y prendre ?
Site dédié
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 : Goo...
Comment s’y prendre ?
Site dédié
La liaison entre site desktop et mobile peut également se faire dans le
sitemap : il faut...
Comment s’y prendre ?
Site dédié
Grâce à la liaison entre site desktop et mobile : Google affiche
directement l’URL mobile.
Comment s’y prendre ?
Les erreurs à ne pas commettre
Attention aux redirections mal contrôlées entre desktop et mobile :
...
Comment s’y prendre ?
Google In-app indexing
Comment s’y prendre ?
Google In-app indexing
Google offre la possibilité de faire indexer le contenu des applications
mobi...
Comment choisir entre ces solutions ?
Sources :
http://www.kpcb.com/insights/2013-internet-trends
http://www.thinkwithgoogle.com/research-studies/creating-momen...
Le SEO appliqué aux supports Mobiles
Merci !
Florian Karmen
Chef de projet SEO – WAM-Référencement - @floriankarmen
David ...
Prochain SlideShare
Chargement dans…5
×

SEO mobile en 2014

1 868 vues

Publié le

SEO mobile en 2014 : Quel est l’impact des nouveaux usages sur la stratégie de référencement naturel d’une marque ?
Intervenants :
David Eichholtzer, directeur WAM-Référencement
Florian Karmen, chef de projet chez WAM-Référencement

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

Aucun téléchargement
Vues
Nombre de vues
1 868
Sur SlideShare
0
Issues des intégrations
0
Intégrations
493
Actions
Partages
0
Téléchargements
37
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Iphone 1 en 2008
  • Ex:
    Vitesse de chargement du mobile
    Popup d’installation d’app : mémoriser le choix de l’utilisateur
    Publicité en pleine page
    Redirections Javascript (lentes)
    Vidéos, et plugins non compatibles avec iOS
    Redirections vers la page d’accueil

  • On peut parier qu’en 2014 ces chiffres ont probablement doublé..
  • Petite précision concernant la consommation de « digital media ». Le cabinet eMarketer regroupe en effet derrière la notion de médias digitaux, l’activité online, l’activité mobile ainsi que l’activité non-mobile sur les terminaux connectés tels que les vidéos en streaming accessibles depuis ces autres devices. Le média digital devrait donc bien s’en sortir du côté des usages en 2014 et surtout grâce au mobile.
  • Résoudre ces problèmes de temps de téléchargement et chargement est primordial. Désormais les utilisateurs de mobile et tablette provenant du canal organique (SEO) représentent 19% du trafic et 11% des conversions SEO global au premier trimestre 2014 contre 7% et 2,4% au premier trimestre 2013 (source Google Analytics) .

  • Ex:
    Vitesse de chargement du mobile
    Publicité en pleine page
    Redirections Javascript (lentes)
    Vidéos, et plugins non compatibles avec iOS
    Redirections vers la page d’accueil

  • L’expérience utilisateur est un critère encore plus critique sur mobile pour le SEO
  • Site identique : les règles de mise en forme adaptées aux différents devices
    Attention à adapter le design à toutes les pages : store locator
  • Mais les 3 solutions permettent un bon positionnement en mobile
  • PageSpeed Insights : mesurer la vitesse de chargement sur mobile + corrections
  • URL identique
    Le dynamic serving : le serveur diffuse un code HTML et CSS différent en fonction du user-agent qui demande la page.
  • Sites mobiles allégés
    URL différentes
    Attention au DC !
  • No redirection = temps de chargement plus rapide
  • Site + application
    Google propose d’ouvrir la page dans l’appli plutôt que dans le navigateur
  • Intéressant pour marques qui ont une application
  • SEO mobile en 2014

    1. 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. 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. 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. 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. 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. 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. 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. 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. 9. Quels usages des mobiles devices au quotidien ?
    10. 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. 11. Temps passé (en minutes) par device
    12. 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. 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. 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. 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. 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. 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. 18. Alors convaincus ? Voici l’exemple d’un site marchand français, grand public, ayant également pignon sur rue (> 200 points de vente)
    19. 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. 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. 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. 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. 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. 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. 25. Comment s’y prendre ? Responsive design
    26. 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. 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. 28. Comment s’y prendre ? Dynamic serving
    29. 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. 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. 31. Comment s’y prendre ? Site dédié
    32. 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. 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. 34. Comment s’y prendre ? Site dédié Grâce à la liaison entre site desktop et mobile : Google affiche directement l’URL mobile.
    35. 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. 36. Comment s’y prendre ? Google In-app indexing
    37. 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. 38. Comment choisir entre ces solutions ?
    39. 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. 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 

    ×