Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Seo mobile - bonnes pratiques

956 views

Published on

Published in: Technology

Seo mobile - bonnes pratiques

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 20 Outils > SEO Mobile Des questions? Twitter: @aymerictwit Agence Résoneo www.resoneo.com http://www.resoneo.com ©2014 – Tous droits réservés

×