Google a annoncé pour le 21 avril 2015 la prise en compte de la compatibilité mobile comme critère de classement. Cette déclaration officielle a permis de mettre en lumière l'urgence de considérer et servir son audience mobile en tant qu’éditeur. Excellente occasion pour faire un point sur l’état de l’art du référencement sur Mobile.... Voici donc les slides du petit-déjéuner organisé conjointement par Bewoopi (www.bewoopi.net) et One Clic Conseil, agence spécialisée en Référencement Naturel (www.1-clic.info) Vous pouvez aussi retrouver notre livre blanc sur le référencement mobile à cette Adresse : http://www.pureside.fr/referencement/livre-blanc-seo-mobile/

1. Petit-déjeuner Référencement
--
Le SEO Mobile

2. 2h/jour sur Internet mobile
Aux USA et au Royaume-Uni le temps
Web media sur mobile > desktop
55,7% des français équipés
42% du trafic de recherche
86% des Internautes ont un smartphone
Le mobile, quel part d’Internet aujourd’hui ?
Dans certains pays, le trafic mobile
représente 70% du trafic total (pays
d’Afrique et d’Asie)

3. Source: Mediametrie – janvier 2015
Seuls 19% des internautes n’ont qu’un
ordinateur:
Les mobinautes, des internautes comme les
autres…
Le trafic mobile représente 28% du trafic
Web tous secteurs confondus en France

4. La connexion à Internet
se fait sur plusieurs
écrans selon, le contexte
et le moment de la
journée.
Les mobinautes, des internautes comme les
autres…

5. Le smartphone est le point d’accès permanent à
Internet

6. 52,2%
47,8%
31 millions de mobinautes… Qui sont-ils ?
Entre 25 et 49 ans pour près de
50% d’entre eux

7. Les moteurs de recherche, le point d’entrée
des mobinautes sur Internet

8. Des recherches à la voix
de plus en plus simples
La continuité entre les devices renforcée
Vers une accélération du phénomène
La commande vocal et la
synchronisation des devices
vont contribuer à augmenter
le search sur mobile et la
navigation cross canal.

9. Être mobile friendly parce que Google le dit
mais aussi parce que:
Le commerce est mobile:
> 22% des visites de sites E-Commerce
> 80 % des acheteurs utilisent leur smartphone
avant, pendant ou après un achat
> le panier moyen est équivalent
> le taux de conversion peut être optimisé avec
une bonne ergonomie de site
Le trafic mobile est monétisable:
> revenus publicitaires
> mCommerce
Internet est déjà majoritairement mobile
sur certains secteurs et le sera bientôt
partout.

10. La consommation de Media sur Internet est
majoritairement mobile
Répartition Desktop / smartphone
Foot Mercato, leader de l’actualité de la planète football a un site Web
responsive et des Apps iOS et Android. Depuis trois ans, le trafic mobile ne
cesse d’augmenter. Plus de 100 millions de PV/mois sur les Apps mobiles et
un trafic mobile sur le Web en pleine croissance également.
Données mars 2015

11. 11
Tout savoir sur le
SEO Mobile

12. Le SEO Mobile ?
De quoi parlons-nous ?

13. Le SEO Mobile avant le 21 avril
1. Avoir un bon référencement Desktop
2. Siroter son Coca

14. Et soudain…
Tout s’effondre…

15. Annonce de Google

16. En réalité…
On pouvait déjà s’en douter !

17. 17
Par où commencer ?

18. Faire un état des lieux
L’impact sur mon business…
Part de mes visites, de mes conversions, de mon SEO…

19. Faire un état des lieux
Google Webmaster Tools

20. Faire un état des lieux
Outil Google de test de compatibilité Mobile

21. Choisir la bonne solution

22. Comment déterminer qu’un utilisateur est
« Mobile » ?
Le user-agent
La taille de l’écran

23. Le Responsive Web Design
Qu’est-ce que c’est ?
Tout le contenu est chargé sans distinction de user-agent ou de
device
Le langage CSS est utilisé pour adapter l'affichage de la page à
l'appareil.
• Exemple : http://www.femininbio.com/

24. Responsive web design
Bonnes pratiques
Tout se joue à la conception
Attention à la taille des ressources : ne pas tout charger !

25. Le « Responsive Web Design » du pauvre…
Si vous n’avez pas d’autres choix
A minima, renseigner la meta viewport :
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
Pour passer le cap du 21 avril :
• Contenu lisible sur support mobile (adaptation à la fenêtre, taille du texte)
• Liens suffisamment espacés pour une bonne utilisabilité
• Laisser Google accéder à l’ensemble des ressources (css, js, images…)
Il s’agit cependant d’une rustine, vous devrez chercher de véritables solutions à
moyen terme.
Aujourd’hui, tous les CMS disposent de plugins et de thèmes pour vous aider

26. Intérêts du Responsive Web Design
Avantages
• URL unique = bon pour le partage
• Pas de redirection = meilleur temps de chargement
• Plus simple et plus rapide pour Google = meilleure indexation du site
• Diminue le risque d’erreurs (cloacking, erreurs de redirections,…)
Inconvénients
• Si mal géré, peut forcer l’internaute à charger des ressources importantes
(plus de data)

27. Le Dynamic Serving
• En apparence, très similaire au responsive web design
• Plus élégant techniquement
• MAIS : Présente plus de risques de « cloacking », d’erreurs de redirection et
de détection de user-agent
• Prévoir la possibilité de passer d’une version à l’autre

28. URLs distinctes
Site mobile

29. URLs distinctes
Site mobile
• Présente plus de risques de « cloacking », d’erreurs de redirection et de
détection de user-agent
• Prévoir la possibilité de passer d’une version à l’autre
• Attention aux redirections

30. Exemple
Le site de Météo France

31. Les erreurs à éviter (selon Google)
Crawl de Google :
• Ne pas bloquer les ressources au crawl de Google
• Ne pas cacher des parties de page de manière irréversible
• Ne pas avoir 2 arborescences différentes
Accessibilité :
• Temps de chargement des pages sur mobile
• Eviter le flash et les lecteurs média propriétaires
• Interstitiel de téléchargement d’appli
Problèmes de redirection
• Redirections incorrectes (mauvaise page ou mauvais user-agent)
• Ne pas renvoyer les internautes vers la page d’accueil lorsqu’on change de version

32. Tester
Crawl du site avec des user-agent distincts (Continuous testing)
Outil Chrome pour développeurs
Analyse de logs pour suivre GoogleBot Mobile
Suivi de position dissocié
… Faites appel à des experts ;-)

33. Comment être le meilleur ?

34. Comment être le meilleur ?
Crawl du site avec des user-agent distincts (Continuous testing)
Analyse de logs pour suivre GoogleBot Mobile
Suivi de position dissocié
Google Tag Manager = suivi du SEO dans les applications
… Faites appel à des experts ;-)

35. 35
App Indexing :
Comment sortir du lot ?

36. Le Webmobile, c’est aussi les Apps
Sur mobile, les Apps
représentent 86% du
temps passé.
Le contenu des
applications est
maintenant indexé aux
recherches Google
grâce aux liens
profonds.

37. Améliorer
le parcours
des mobinautes
Recruter
de nouveaux
utilisateurs
Augmenter
le trafic récurrent
vers ses Apps
Associer son App à son site Web
Indexer le contenu son App pour les recherche Google
Référencer le contenu de ses Apps grâce au
deeplinking
Pour les éditeurs d’application, l’intégration du deep linking a trois
vertus
1 2 3

38. La navigation
sans deep
linking

39. Exemple de l’association d’un site Web et d’une
Application
Le cas Awdio
Un site Web
Une Application iPhone
Une Application Android

40. Avant
Le basculement vers l’App s’opérait grâce aux smart App banner

41. Après
Android propose d’ouvrir le résultat d’une recherche dans l’application
puisqu’elle est installé.
Sur iOS, si le deeplinking est activé, l’OS ne donne pas le choix à l’utilisateur
et le redirige automatiquement.

42. Associer un site Web et une App grâce aux liens
profonds
Intérêt :
• depuis une URL, n’importe où, sur les réseaux sociaux, dans un
emailing, depuis un moteur de recherche, le mobinaute est
redirigé vers l’App installée plutôt que dans le navigateur. Le
parcours utilisateur est optimal.
• Bonus SEO > Le référencement de son site Web profite aussi à ses
Apps.
• Le réengagement est meilleur.
La mise en œuvre:
• le paramétrage se fait dans l’App. On déclare un schéma d’URL
reconnu par l’application et l’action attendue.
• Il y a des spécificités Android / iOS

43. Indexer les contenus d’une App avec ou sans
site Web associé
Intérêt:
• Les liens profonds de l’App s’affichent
dans les résultats de Google
• Google propose d’ouvrir la page dans
l’application pour ceux qui l’ont
installée et de l’installer pour les autres.
• Génère du réengagement et de
l’acquisition de nouvelles installations
Mise en œuvre:
• Spécifier des filtres d’intention dans le fichier manifeste de publication
• Utiliser l’API App Indexing
• Penser au plan de taggage pour tracker les comportements

44. Bewoopi : Agence
Marketing Digitale experte
mobile
137 rue vieille du temple
75003 Paris
contact@bewoopi.net
www.bewoopi.net
One Clic Conseil : Agence
Spécialisée en Référencement
Naturel à Paris
13 rue des Arquebusiers
75003 Paris
contact@1-clic.info
www.1-clic.info