74
SEO : site mobile ou web responsive ? Audrey Broutin, Directrice SEO, altima°

SEO : web responsive ou site mobile ?

  • Upload
    altima

  • View
    3.975

  • Download
    2

Embed Size (px)

DESCRIPTION

Conférence au salon VAD E-Commerce Lille 2012 de Audrey Broutin, Directrice SEO, altima°. Avoir un site optimisé pour les mobiles et tablettes est devenu une évidence, mais qu’en est-il des effets sur votre SEO ? Site mobile dédié ou site responsive adapté à tous les devices ? Découvrez les avantages, inconvénients et bonnes pratiques pour booster votre visibilité dans les moteurs de recherche.

Citation preview

Page 1: SEO : web responsive ou site mobile ?

SEO : site mobile ou web responsive ?Audrey Broutin, Directrice SEO, altima°

Page 2: SEO : web responsive ou site mobile ?
Page 3: SEO : web responsive ou site mobile ?
Page 4: SEO : web responsive ou site mobile ?

au programme

« comprendre les différences entre un site mobile et un site web responsive d’un point de vue SEO… pouvoir faire un choix orienté et réfléchi entre ces deux solutions »

Page 5: SEO : web responsive ou site mobile ?
Page 6: SEO : web responsive ou site mobile ?

internet mobile de quoi on parle ?

Page 7: SEO : web responsive ou site mobile ?

#internet mobile

quoi ? accès site internet

comment ? tablette + smartphone

Page 8: SEO : web responsive ou site mobile ?

20,4 millions

de mobinautesen France en août 2012

9 sur 10 ont visité au moins un site sur mobile

Médiamétrie, août 2012

Page 9: SEO : web responsive ou site mobile ?

€31,7millions de e-acheteurs

+2% / 1an Médiamétrie, octobre 2012

4,5 millions de m-acheteurs

+32% / 1an

960 000 t-acheteurs

+71% / 1an

Page 10: SEO : web responsive ou site mobile ?
Page 11: SEO : web responsive ou site mobile ?

site mobile vs

web responsive

Page 12: SEO : web responsive ou site mobile ?

#site mobile

Page 13: SEO : web responsive ou site mobile ?

#site mobile

sitesURLversions maintenances

2

Page 14: SEO : web responsive ou site mobile ?

#web responsive

Page 15: SEO : web responsive ou site mobile ?

#web responsive

siteURLversion maintenance

1

Page 16: SEO : web responsive ou site mobile ?
Page 17: SEO : web responsive ou site mobile ?

quel rapport avec le SEO ?

Page 18: SEO : web responsive ou site mobile ?

15,5 millions

de visiteurs uniquessur Google depuis un

support mobile en août 2012

Médiamétrie, août 2012

Page 19: SEO : web responsive ou site mobile ?

80,9% des

mobinautes ont consulté Google

en aout 2012 (vs 71,2% en janvier)

Médiamétrie, août 2012

Page 20: SEO : web responsive ou site mobile ?

des possesseurs de smartphone l’utilisent pour naviguer et effectuer des recherches

#chiffres

Consulter ses mails

Naviguer sur le web

Prendre des photos / vidéos

Utiliser des applis

Écouter de la musique

Itinéraires et cartes

Réseaux sociaux

Jeux

78%

Our mobile planet, 2012

Page 21: SEO : web responsive ou site mobile ?

enjeux stratégiques à être visible dans les résultats de recherches sur supports mobile

= SEO

Page 22: SEO : web responsive ou site mobile ?
Page 23: SEO : web responsive ou site mobile ?

je veux / je ne veux pas

Page 24: SEO : web responsive ou site mobile ?

#je veuxpour une recherche

sur mobileaccès au site

mobile

Page 25: SEO : web responsive ou site mobile ?

#je veuxpour une recherche

desktopaccès au site

classique

Page 26: SEO : web responsive ou site mobile ?

#je ne veux paspour une recherche

desktopaccès au site

mobile

Page 27: SEO : web responsive ou site mobile ?

#je ne veux paspour une recherche

sur mobileaccès au site

classique

Page 28: SEO : web responsive ou site mobile ?

#en bref

je veux que pour une recherche sur mobile,les moteurs proposent mon site mobile

je veux que pour une recherche desktoples moteurs proposent mon site classique

Page 29: SEO : web responsive ou site mobile ?
Page 30: SEO : web responsive ou site mobile ?

mes options ?

Page 31: SEO : web responsive ou site mobile ?

❶ site dédié VS site adapté

❷ distinction HTML VS distinction CSS

❸ mêmes URL VS URL spécifiques

3 grandes variations

Page 32: SEO : web responsive ou site mobile ?

#site dédié VS site adaptésite

mobilesite

mobilesite WR

Page 33: SEO : web responsive ou site mobile ?

#distinction HTML VS CSSmodification

HTMLmodification

HTMLmodification

CSS

Page 34: SEO : web responsive ou site mobile ?

#mêmes URL VS URL ≠mêmes

URLmêmes

URLURL

différentes

Page 35: SEO : web responsive ou site mobile ?

user-agent= version classique : www.altima.frversion mobile : www.altima.fr

2 sites distincts, l’internaute bascule de l’un à l’autre via détection de user-agent

type : site dédiédistinction : HTMLURL : identiques

#pour comprendre

Page 36: SEO : web responsive ou site mobile ?

user-agent= version classique : www.altima.frversion mobile : www.altima.fr

2 sites distincts, l’internaute bascule de l’un à l’autre via détection de user-agent

type : site dédiédistinction : HTMLURL : identiques

user-agent= identifiant d’un navigateur internet ou d’un robot d’indexation (moteur de recherche)

user-agent Google : Googlebotuser-agent Google mobile : Googlebot-Mobile

#pour comprendre

Page 37: SEO : web responsive ou site mobile ?

#pour comprendreuser-agent=

version classique : 3200tigres.wwf.frversion mobile : 3200tigres.wwf.fr

1 seul site en web responsive l’internaute bascule de l’un à l’autre en fonction du format du device

type : site adaptédistinction : CSSURL : identiques

Page 38: SEO : web responsive ou site mobile ?

version classique : www.lemonde.frversion mobile : mobile.lemonde.fr

2 sites distincts, l’internaute accède à l’un ou à l’autre en fonction de l’URL

type : site dédiédistinction : HTMLURL : différentes

#pour comprendre

Page 39: SEO : web responsive ou site mobile ?

version classique : www.lemonde.frversion mobile : mobile.lemonde.fr

2 sites distincts, l’internaute accède à l’un ou à l’autre en fonction de l’URL

type : site dédiédistinction : HTMLURL : différentes

URL différentes, les pratiques

domaine distinct monsite-mobile.com

sous-domaine mobile.monsite.comm.monsite.com

répertoire distinctmonsite.com/mobile/…monsite.com/m/…

#pour comprendre

Page 40: SEO : web responsive ou site mobile ?

version classique : www.lemonde.frversion mobile : mobile.lemonde.fr

2 sites distincts, l’internaute accède à l’un ou à l’autre en fonction de l’URL

type : site dédiédistinction : HTMLURL : différentes

extension .mobi

le .mobi est un domaine de premier niveau commandité (sTLD ou sponsored Top-Level Domain) Il indique le domaine d'activités de l'organisation qui le possède.

.mobi = Services Internet pour mobiles

#pour comprendre

Page 41: SEO : web responsive ou site mobile ?
Page 42: SEO : web responsive ou site mobile ?

ce qu’en disent les moteurs

Page 43: SEO : web responsive ou site mobile ?

Google mobilem.google.fr

Yahoo mobilem.yahoo.com

Bing mobilem.bing.com

#des versions mobiles

Page 44: SEO : web responsive ou site mobile ?

des optimisations spécifiques sites mobiles sont proposées par les moteurs de recherche

Page 45: SEO : web responsive ou site mobile ?

#l’exemple Google

recommandations techniques sitemap.xml spécifique robot explorateur spécifique filtres « mobile » dans les outils pour

webmasters …

Page 46: SEO : web responsive ou site mobile ?

accès automatique

à Google mobile

possibilité de basculer sur la

version classique

accès à la version classique

fonctionnelle

Page 47: SEO : web responsive ou site mobile ?

pour autant sur Google, dans la plus part des cas, les résultats classiques et mobiles semblent être les mêmes

Page 48: SEO : web responsive ou site mobile ?

==recherche

mobile sur mobile

recherche classique

sur mobile

recherche classique

sur desktop ?

Page 49: SEO : web responsive ou site mobile ?

si résultats mobiles = résultats classiques

optimisations classiques = optimisations mobiles

?

Page 50: SEO : web responsive ou site mobile ?
Page 51: SEO : web responsive ou site mobile ?

#Google prend parti

quand il évoque le web responsive :

“this is Google’s recommended configuration.”

Page 52: SEO : web responsive ou site mobile ?

une URL unique pour les différents contenusfacile pour l’internaute, facile pour le robot d’indexation

site web responsive,les arguments

pas de double explorationrapidité d’indexation et de mise à jour, contenu toujours « frais »

pas de redirection et donc de source d’erreur rapide pour l’internaute, pas de maintenance des user-agent

Page 53: SEO : web responsive ou site mobile ?

site spécifique sur la même URL,les recommandations

utiliser la mention « Vary HTTP » dans l’entête des pages

permet de régler les problèmes de cache

permet d’envoyer un signal clair aux moteurs et de faciliter l’exploration des contenus mobiles (notion de contenu équivalent)

Page 54: SEO : web responsive ou site mobile ?

ajouter un lien rel = "canonical" sur le site mobile pointant vers l'URL classique correspondant

permet de maitriser l’indexation et de palier à la duplication de contenus

site spécifique sur une URL distincte,les recommandations

ajouter un lien spécial rel = "alternate" sur le site classique pointant vers l'URL correspondante mobile

permet à Googlebot de découvrir l’URL des pages mobiles

Page 55: SEO : web responsive ou site mobile ?

optimiser son site mobile pour les moteurs de recherche revient à maitriser les risques liés à la duplication

#en bref

les arguments sont tous relatifs à l’indexation du site par les robots

Page 56: SEO : web responsive ou site mobile ?
Page 57: SEO : web responsive ou site mobile ?

ce qu’en voient les moteurs

Page 58: SEO : web responsive ou site mobile ?

#mon site est web responsivedepuis une recherche mobile, Google propose un preview calé

sur la version de taille intermédiaire

Page 59: SEO : web responsive ou site mobile ?

#mon site est web responsivedepuis une recherche desktop, Google propose un preview calé

sur la version « classique »

Page 60: SEO : web responsive ou site mobile ?

#mon site est mobile / user agentdepuis une recherche mobile, Google propose un preview calé

sur la version mobile

Page 61: SEO : web responsive ou site mobile ?

#mon site est mobile / user agentdepuis une recherche desktop, Google propose un preview calé

sur la version « classique »

Page 62: SEO : web responsive ou site mobile ?

#mon site est mobile / URLdepuis une recherche mobile, Google propose un preview calé

sur la version mobile

Page 63: SEO : web responsive ou site mobile ?

#mon site est mobile / URLdepuis une recherche desktop, Google propose un preview calé

sur la version « classique »

Page 64: SEO : web responsive ou site mobile ?
Page 65: SEO : web responsive ou site mobile ?

les questions fondamentales

Page 66: SEO : web responsive ou site mobile ?

question 1

dois-je faire un choix en fonction des impacts SEO ou en fonction des attentes utilisateurs ?

#utilisateurs #technique #contenus

Page 67: SEO : web responsive ou site mobile ?

question 2

cela veut-il dire que les recommandations techniques que l’on m’a faites pour mon site mobile sont inutiles ?

#utile #étape #optimisation

Page 68: SEO : web responsive ou site mobile ?

question 3

comment appréhender les comportements de recherche différents entre utilisateurs desktop et utilisateurs mobile ?

#webanalytics #outils #sémantique

Page 69: SEO : web responsive ou site mobile ?

question 4

comment m’assurer que mon ou mes sites respectent les bonnes pratiques ?

#tester #site: #comportement

Page 70: SEO : web responsive ou site mobile ?
Page 71: SEO : web responsive ou site mobile ?

finalement

Page 72: SEO : web responsive ou site mobile ?

#en conclusion

pour mon SEO, site mobile ou site web responsive ?

peu importe mais je dois maitriser mon indexation… au nom de l’expérience utilisateur

Page 73: SEO : web responsive ou site mobile ?

1 question =

1 notebook

Page 74: SEO : web responsive ou site mobile ?

Merci [email protected]

www.altima.fr

© altima° 10/2012