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
Influence des réseaux sociaux sur le positionnement d'un site (référencement)
SEO mobile en 2014
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. 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. 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. 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. 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. 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. 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. 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
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/
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. 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. 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. 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. 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. 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. Alors convaincus ?
Voici l’exemple d’un site marchand français,
grand public, ayant également pignon sur rue
(> 200 points de vente)
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. 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. 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. 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. 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. 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 !)
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. 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
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. 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
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. 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. Comment s’y prendre ?
Site dédié
Grâce à la liaison entre site desktop et mobile : Google affiche
directement l’URL mobile.
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 !
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
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
Notas do Editor
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