Petit-déjeuner Référencement
--
Le SEO Mobile
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)
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
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…
Le smartphone est le point d’accès permanent à
Internet
52,2%
47,8%
31 millions de mobinautes… Qui sont-ils ?
Entre 25 et 49 ans pour près de
50% d’entre eux
Les moteurs de recherche, le point d’entrée
des mobinautes sur Internet
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.
Ê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.
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
Tout savoir sur le
SEO Mobile
Le SEO Mobile ?
De quoi parlons-nous ?
Le SEO Mobile avant le 21 avril
1. Avoir un bon référencement Desktop
2. Siroter son Coca
Et soudain…
Tout s’effondre…
Annonce de Google
En réalité…
On pouvait déjà s’en douter !
17
Par où commencer ?
Faire un état des lieux
L’impact sur mon business…
Part de mes visites, de mes conversions, de mon SEO…
Faire un état des lieux
Google Webmaster Tools
Faire un état des lieux
Outil Google de test de compatibilité Mobile
Choisir la bonne solution
Comment déterminer qu’un utilisateur est
« Mobile » ?
Le user-agent
La taille de l’écran
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/
Responsive web design
Bonnes pratiques
Tout se joue à la conception
Attention à la taille des ressources : ne pas tout charger !
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
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)
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
URLs distinctes
Site mobile
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
Exemple
Le site de Météo France
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
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 ;-)
Comment être le meilleur ?
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
App Indexing :
Comment sortir du lot ?
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.
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
La navigation
sans deep
linking
Exemple de l’association d’un site Web et d’une
Application
Le cas Awdio
Un site Web
Une Application iPhone
Une Application Android
Avant
Le basculement vers l’App s’opérait grâce aux smart App banner
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.
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
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
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

SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"

  • 1.
  • 2.
    2h/jour sur Internetmobile 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 estle point d’accès permanent à Internet
  • 6.
    52,2% 47,8% 31 millions demobinautes… Qui sont-ils ? Entre 25 et 49 ans pour près de 50% d’entre eux
  • 7.
    Les moteurs derecherche, 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 friendlyparce 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 deMedia 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 surle SEO Mobile
  • 12.
    Le SEO Mobile? De quoi parlons-nous ?
  • 13.
    Le SEO Mobileavant le 21 avril 1. Avoir un bon référencement Desktop 2. Siroter son Coca
  • 14.
  • 15.
  • 16.
    En réalité… On pouvaitdéjà s’en douter !
  • 17.
  • 18.
    Faire un étatdes lieux L’impact sur mon business… Part de mes visites, de mes conversions, de mon SEO…
  • 19.
    Faire un étatdes lieux Google Webmaster Tools
  • 20.
    Faire un étatdes lieux Outil Google de test de compatibilité Mobile
  • 21.
  • 22.
    Comment déterminer qu’unutilisateur est « Mobile » ? Le user-agent La taille de l’écran
  • 23.
    Le Responsive WebDesign 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 Bonnespratiques Tout se joue à la conception Attention à la taille des ressources : ne pas tout charger !
  • 25.
    Le « ResponsiveWeb 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 ResponsiveWeb 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.
  • 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 deMé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 siteavec 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 lemeilleur ?
  • 34.
    Comment être lemeilleur ? 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.
  • 36.
    Le Webmobile, c’estaussi 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 denouveaux 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.
  • 39.
    Exemple de l’associationd’un site Web et d’une Application Le cas Awdio Un site Web Une Application iPhone Une Application Android
  • 40.
    Avant Le basculement versl’App s’opérait grâce aux smart App banner
  • 41.
    Après Android propose d’ouvrirle 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 siteWeb 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 contenusd’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 MarketingDigitale 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

Notes de l'éditeur

  • #16 http://googlewebmastercentral.blogspot.fr/2015/02/finding-more-mobile-friendly-search.html
  • #21 https://www.google.com/webmasters/tools/mobile-friendly/