Seo mobile - bonnes pratiques

758 vues

Publié le

Publié dans : Technologie
1 commentaire
1 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
758
Sur SlideShare
0
Issues des intégrations
0
Intégrations
20
Actions
Partages
0
Téléchargements
0
Commentaires
1
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×