SEO : web responsive ou site mobile ?

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

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 »

internet mobile de quoi on parle ?

#internet mobile

quoi ? accès site internet

comment ? tablette + smartphone

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

€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

site mobile vs

web responsive

#site mobile

#site mobile

sitesURLversions maintenances

2

#web responsive

#web responsive

siteURLversion maintenance

1

quel rapport avec le SEO ?

15,5 millions

de visiteurs uniquessur Google depuis un

support mobile en août 2012

Médiamétrie, août 2012

80,9% des

mobinautes ont consulté Google

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

Médiamétrie, août 2012

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

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

= SEO

je veux / je ne veux pas

#je veuxpour une recherche

sur mobileaccès au site

mobile

#je veuxpour une recherche

desktopaccès au site

classique

#je ne veux paspour une recherche

desktopaccès au site

mobile

#je ne veux paspour une recherche

sur mobileaccès au site

classique

#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

mes options ?

❶ site dédié VS site adapté

❷ distinction HTML VS distinction CSS

❸ mêmes URL VS URL spécifiques

3 grandes variations

#site dédié VS site adaptésite

mobilesite

mobilesite WR

#distinction HTML VS CSSmodification

HTMLmodification

HTMLmodification

CSS

#mêmes URL VS URL ≠mêmes

URLmêmes

URLURL

différentes

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

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

#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

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

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

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

ce qu’en disent les moteurs

Google mobilem.google.fr

Yahoo mobilem.yahoo.com

Bing mobilem.bing.com

#des versions mobiles

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

#l’exemple Google

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

webmasters …

accès automatique

à Google mobile

possibilité de basculer sur la

version classique

accès à la version classique

fonctionnelle

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

==recherche

mobile sur mobile

recherche classique

sur mobile

recherche classique

sur desktop ?

si résultats mobiles = résultats classiques

optimisations classiques = optimisations mobiles

?

#Google prend parti

quand il évoque le web responsive :

“this is Google’s recommended configuration.”

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

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)

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

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

ce qu’en voient les moteurs

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

sur la version de taille intermédiaire

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

sur la version « classique »

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

sur la version mobile

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

sur la version « classique »

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

sur la version mobile

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

sur la version « classique »

les questions fondamentales

question 1

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

#utilisateurs #technique #contenus

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

question 3

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

#webanalytics #outils #sémantique

question 4

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

#tester #site: #comportement

finalement

#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

1 question =

1 notebook

Merci !abroutin@altima.fr

www.altima.fr

© altima° 10/2012