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
4...
Source: Mediametrie – janvier 2015
Seuls 19% des internautes n’ont qu’un
ordinateur:
Les mobinautes, des internautes comme...
La connexion à Internet
se fait sur plusieurs
écrans selon, le contexte
et le moment de la
journée.
Les mobinautes, des in...
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...
Être mobile friendly parce que Google le dit
mais aussi parce que:
Le commerce est mobile:
> 22% des visites de sites E-Co...
La consommation de Media sur Internet est
majoritairement mobile
Répartition Desktop / smartphone
Foot Mercato, leader de ...
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 l...
Responsive web design
Bonnes pratiques
Tout se joue à la conception
Attention à la taille des ressources : ne pas tout cha...
Le « Responsive Web Design » du pauvre…
Si vous n’avez pas d’autres choix
A minima, renseigner la meta viewport :
<meta na...
Intérêts du Responsive Web Design
Avantages
• URL unique = bon pour le partage
• Pas de redirection = meilleur temps de ch...
Le Dynamic Serving
• En apparence, très similaire au responsive web design
• Plus élégant techniquement
• MAIS : Présente ...
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-...
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 d...
Tester
Crawl du site avec des user-agent distincts (Continuous testing)
Outil Chrome pour développeurs
Analyse de logs pou...
Comment être le meilleur ?
Comment être le meilleur ?
Crawl du site avec des user-agent distincts (Continuous testing)
Analyse de logs pour suivre Go...
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
m...
Améliorer
le parcours
des mobinautes
Recruter
de nouveaux
utilisateurs
Augmenter
le trafic récurrent
vers ses Apps
Associe...
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 Applicatio...
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 dee...
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...
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...
Bewoopi : Agence
Marketing Digitale experte
mobile
137 rue vieille du temple
75003 Paris
contact@bewoopi.net
www.bewoopi.n...
Prochain SlideShare
Chargement dans…5
×

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

4 460 vues

Publié le

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/

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

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

Aucune remarque pour cette diapositive
  • http://googlewebmastercentral.blogspot.fr/2015/02/finding-more-mobile-friendly-search.html
  • https://www.google.com/webmasters/tools/mobile-friendly/
  • SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"

    1. 1. Petit-déjeuner Référencement -- Le SEO Mobile
    2. 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. 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. 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. 5. Le smartphone est le point d’accès permanent à Internet
    6. 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. 7. Les moteurs de recherche, le point d’entrée des mobinautes sur Internet
    8. 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. 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. 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. 11 Tout savoir sur le SEO Mobile
    12. 12. Le SEO Mobile ? De quoi parlons-nous ?
    13. 13. Le SEO Mobile avant le 21 avril 1. Avoir un bon référencement Desktop 2. Siroter son Coca
    14. 14. Et soudain… Tout s’effondre…
    15. 15. Annonce de Google
    16. 16. En réalité… On pouvait déjà s’en douter !
    17. 17. 17 Par où commencer ?
    18. 18. Faire un état des lieux L’impact sur mon business… Part de mes visites, de mes conversions, de mon SEO…
    19. 19. Faire un état des lieux Google Webmaster Tools
    20. 20. Faire un état des lieux Outil Google de test de compatibilité Mobile
    21. 21. Choisir la bonne solution
    22. 22. Comment déterminer qu’un utilisateur est « Mobile » ? Le user-agent La taille de l’écran
    23. 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. 24. Responsive web design Bonnes pratiques Tout se joue à la conception Attention à la taille des ressources : ne pas tout charger !
    25. 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. 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. 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. 28. URLs distinctes Site mobile
    29. 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. 30. Exemple Le site de Météo France
    31. 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. 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. 33. Comment être le meilleur ?
    34. 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. 35 App Indexing : Comment sortir du lot ?
    36. 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. 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. 38. La navigation sans deep linking
    39. 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. 40. Avant Le basculement vers l’App s’opérait grâce aux smart App banner
    41. 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. 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. 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. 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

    ×