Le document traite de l'importance du SEO mobile et présente trois méthodes d'implémentation : Responsive Web Design, Dynamic Serving et Site Mobile Dédicacé. Il souligne les erreurs à éviter et les bonnes pratiques pour optimiser la visibilité dans les résultats de recherche de Google. Enfin, il mentionne des outils pour aider à la gestion et à l'optimisation du SEO mobile.

1. 1
SEO Mobile
> SEO Mobile
Rencontre SEO Camp Paris : 2 décembre 2014
http://www.resoneo.com
©2014 – Tous droits réservés

2. Google sensibilise de plus en plus les utilisateurs sur
le mobile !
2
Google et le mobile
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

3. Pour rappel, Google support 3 implémentations de
sites Mobile
VS
votresite.com/categorie
3
3 méthodes d'implémentation
> SEO Mobile
Responsive Web Design Dynamic Serving Site mobile dédié
votresite.com/categorie votresite.com/categorie mobile.votresite.com/categorie
1 URL avec du
contenu Responsive
http://www.resoneo.com
©2014 – Tous droits réservés
1 URL qui présente du
contenu différent en
fonction du user-agent
2 URL: 1 pour les utilisateurs
mobile (et robots mobile), une
autre pour les utilisateurs
desktop (et robots desktop)

4. Peu importe l'implémentation choisie, il y a certaines
erreurs à ne pas commettre
4
Des erreurs à ne pas commetre
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

5. RWD : Avoir de quoi s'adapter à toutes les situations,
ça peut vite devenir très lourd
5
Responsive Web Design
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

6. Images de bonnes résolution sur un smartphone
Attention, avec l'importance du Bounce Rate dans les SERP
=
impact négatif sur le SEO
6
Responsive Web Design
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés
Cette image du slider :
928 x 522 px pour 435 Ko
Poids total de la page : 5,2 Mo

7.  Pensez RESS = Responsive Web Design + Server side
Components (ex: http://adaptive-images.com/ )
 Utilisation de l'élément <picture> (HTML5)
Ex: http://googlechrome.github.io/samples/picture-element/
Et laisser Googlebot comprendre que votre site est RWD 
(pas de restriction de crawl sur les CSS & JS )
7
Responsive Web Design
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

8. Dynamic serving: Prévenez Googlebot qu'une version
mobile de votre site existe pour qu'il envoie
Googlebot-Mobile
http://mmadcomm.fr/
Grâce à l'en-tête HTTP Vary avec la valeur User-agent:
8
Dynamic Serving
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

9. Pour un serveur de cache, cela signifie une copie de
chaque page HTML / User Agent
9
Dynamic Serving
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés
= des milliers de fichiers à gérer
pour une seule page !

10. Certains serveurs de cache ne mettent pas en cache les
pages qui contiennent "Vary: User-agent" dans les en-têtes
HTTP.
 Normaliser les user-agent pour avoir une version
smartphone et desktop en cache pour chaque page
10
Dynamic Serving
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

11. Une image vaut mieux que mille mots:
Attention aux boucles de redirections!
11
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

12. Redirection des pages profondes vers la homepage mobile
= mauvaise pratique
Pénalisant dans les SERP (déployé sur Google EN)
http://googlewebmastercentral.blogspot.fr/2014/06/faulty-redirects.html
12
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

13. La bidirectionnalité pour faciliter la correspondance entre
les URL Desktop et Mobile pour Google
contient:<link rel="alternate" media="only screen and (max-width:
640px)" href="http://mobile.lepoint.fr/high-tech-internet/" />
contient:
<link rel="canonical" href=http://www.lepoint.fr/high-tech-internet/>
c'est bien mais… quand aucune correspondance n'est
possible  proposer le contenu Desktop au mobinaute
13
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

14. Avoir des redirections c'est bien, mais si on peut limiter les
redirections, c'est mieux:
14
Site mobile dédié
> SEO Mobile
Mobile?
Desktop?
http://www.resoneo.com
©2014 – Tous droits réservés

15. Un site mobile dédié, ça peut provoquer des dommages
collatéraux
- Internaute peut se retrouver sur un site mobile avec un
ecran de 24"
- Share, like, RT & co divisés entre 2 URL différentes
15
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

16. forcer les URL desktop dans les boutons de partage
Ex: <div class="fb-like" data-href="http://www.yapasdequoi.com" data-layout="
standard" data-action="like" data-show-faces="true" data-share="
true"></div>
Redirections bidirectionnelles
User-agent desktop sur un site Mobile  301 vers la page
Desktop
16
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

17. Erreurs fréquentes:
- Proposer une bidirectionnalité sur la pagination (canonical vs
alternate) alors que les intervalles sont différents
- Penser que Google va comprendre que mon site est mobile avec un
sous domaine en "m.domain.com" ou "mobile.domain.com"
- Ne pas rediriger les utilisateurs desktop accédant à une version
mobile vers le site adapté à leur device
Encore beaucoup de sites se cannibalisent dans les pages de résultats
a cause du duplicate content
17
Site mobile dédié
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

18. Absence de bi-directionnalité
Pas de gestion du duplicate
 UX dégradée
18
Site mobile mal configuré
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

19. Vos meilleurs alliés pour optimiser votre SEO Mobile
GoogleWebmaster Tools:
Google Analytics: (segment mobile)
19
Outils
> SEO Mobile
http://www.resoneo.com
©2014 – Tous droits réservés

20. 20
Outils
> SEO Mobile
Des questions?
Twitter: @aymerictwit
Agence Résoneo www.resoneo.com
http://www.resoneo.com
©2014 – Tous droits réservés