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+UX = SEOUX @UXRepublic

1,436 views

Published on

Quentin présente les impacts de l'UX sur le référencement Google (SEO).

UX-REPUBLIC
Agence de Design d'interfaces & Centre de formation.
www.ux-republic.com

Published in: Internet

SEO+UX = SEOUX @UXRepublic

  1. 1. LE SEOUX ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  2. 2. Sweet Jesus, Lord of Mercy… De quoi on parle ? ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  3. 3. SEOUX = SEO & UX Search Engine Optimization L’ensemble des techniques permettant d’optimiser son site web afin qu’il remonte dans les premiers résultats naturels d’un moteur de recherche (hors lien sponsorisés donc) User eXperience “L’UX englobe l’ensemble des aspects de l’interaction entre l’ utilisateur final et une marque, ses services et ses produits” Donald Norman & Jacob Nielsen ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  4. 4. “Si vous voulez cacher un cadavre, planquez-le en page 2 des résultats de Google, personne ne le trouvera jamais.” Vieil adage SEO Repris par Olivier Andrieu Le référencement Web en 4 étapes, Eyrolles, 2014 ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  5. 5. L’objectif du SEO est donc triple Être visible Être cohérent Transformer Pouvoir se positionner dans les premiers résultats de recherche afin d’être le plus visible possible Être visible veut dire générer du trafic ! Lorsqu’il clique sur un lien du moteur de recherche, l’ utilisateur s’attend à trouver un contenu en adéquation avec la raison de son clic Un trafic qualifié pour un contenu de qualité L’objectif, pas toujours évident, du SEO est également la conversion, quelle qu’elle soit, au sein du site Un site est jugé de qualité lorsqu’il rempli son objectif ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  6. 6. Pour ce faire, 2 grandes facettes “historiques” du SEO La SémantiqueL’optimisation technique Au sein du code et de l’architecture, un grand nombre de guidelines permettant aux robots de mieux crawler le site et d’en comprendre le fonctionnement. Utilisation de mots clefs cohérents, leur importance dans la page, l’ utilisation de synonymes, leur place dans la page (dans le corps ou les titres), occurrence sémantique... ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  7. 7. Mais du coup, qu’est ce que ça a à voir avec l’UX ? ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  8. 8. SEO Être visible et générer du trafic est bien, c’est un premier pas mais il faut alors satisfaire cette foule nouvelle. Il faut s’assurer que celle ci ne fasse pas demi tour à peine entrée, qu’elle trouve ce qu’elle est venue chercher, qu’elle soit satisfaite et idéalement qu’elle en parle à ses amis. ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  9. 9. CHALLENGE ACCEPTED ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  10. 10. Google Search est construit pour les utilisateurs, pas pour les sites ! Eric Schmidt, CEO de Google ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  11. 11. Des recherches sont faites sur Google en France Pourquoi Google ? des recherches sont faites sur mobile +90% +50% ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  12. 12. Google s’appuie donc sur un algorithme dont lui seul à le secret, on le dit aussi bien gardé que la recette du Coca-Cola ! Cet algorithme est enrichi de filtres comme le sont Panda et Pingouin. Ils évoluent régulièrement et prennent en compte de plus en plus de critères. Petit plus non négligeable : ils apprennent ! (machine learning) ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  13. 13. En février 2011 Google lance un nouveau filtre intégré, Panda, à son algorithme de recherche chargé de nettoyer ses résultats. Le géant déclare alors la guerre aux sites de mauvaise qualité et aux fermes de contenu. Il s’appuie alors sur : Un groupe d’experts du design, de l’UX , de la convivialité ou encore des agences ou des internautes lambda qui notent les résultats L’ensemble des données de navigation issues de Google Analytics ou du comportement des utilisateurs dans chrome Des Quality Raters Des données de navigation ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  14. 14. Et qu’est ce que la qualité pour Google ? La notion centrale du panda ! JOSH PATRICE Ancien directeur du SEO a Portent de Formation UX designer Le temps de chargement des pages La facilité de navigation La structure de liens interne Le fait de ne pas avoir de contenu dupliqué Du contenu pertinent et descriptif Le layout des pages (Organisation, composition) 1 2 3 4 5 6 ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  15. 15. Panda = la hantise des marqueteurs et référenceurs Le Panda, lancé comme un filtre, est maintenant directement intégré aux critères d’indexation de l’algorithme. Il avait atteint sa 27ème version mais se met aujourd’hui à jour tous les mois environ, en même temps que Search. ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  16. 16. Never say no to Panda ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  17. 17. La loi du panda ! Sites en baisse Évolution visibilité (entre 24/07 et 12/08 2011) Sites en hausse Évolution visibilité (entre 24/07 et 12/08 2011) Source : ranking-metrics.fr Si Lapeyre perdait 30% de visibilité, cela pourrait représenter, au minimum, une perte de près de 200 000€ par mois ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  18. 18. Le meilleur ami du panda, c’est l’UX ! L’UX est parfois tellement concentré sur l’optimisation que l’on peut faire au sein d’un site ou d’une interface qu’il en oublie parfois que la première étape de l’expérience utilisateur est le moteur de recherche ! Les personas pour lesquels on designe ne doivent pas uniquement se baser sur des données démographique, de lieu, d’âge ou de cible mais également sur le comportement que l’on attend d’eux lorsqu’ils sont en ligne. ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  19. 19. 10 corrélations profondes entre UX et SEO 1 Ligne de flottaison Les liens, recommandations d’expert, social, personnification Contenu frais et original Adéquation contenu / promesse Hiérarchisation de l’information Facilité de navigation Temps de chargement Taux de rebond Contenu plié / déplié Mobilité 3 4 5 6 7 8 9 2 10 ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  20. 20. 1 La ligne de flottaison Le contenu au dessus de la ligne de flottaison attire toujours + de 80% de notre attention Les nouveaux usages en font une priorité moins importante pour le SEO Aujourd’hui, il faut prendre en compte : - Le device - La culture du pays - L’objectif du site En UX, il faut toutefois aider ou encourager l’utilisateur à scroller si besoin Source : Moz.com, Tim Allen Source : Contentsquare, 2014 ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  21. 21. Mobilité2 By Zack Rutherford templatemonster.com Le RWD fait aujourd’hui référence dans la mobilité. L’algorithme de google a intégré courant 2014 cette notion et dé-référence les sites ne proposant pas d’expérience mobile ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  22. 22. contenu plié / déplié3 Le contenu non affiché directement dans la page (expand/collapse, toggle…) n’est pas directement scrollé par google qui pénalise les site utilisant ce procédé. Le contenu doit être clair et directement accessible par l’utilisateur. BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  23. 23. Le site A nous paris tronque ses phrases en incitant l’utilisateur à cliquer dessus pour en savoir plus au lieu de proposer une accroche non tronquée. Google pénalise ce comportement. PAS BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  24. 24. taux de rebond4 Airbnb propose une page d’accueil épurée et claire qui répond exactement au besoin de l’utilisateur : Où ? Quand ? avec qui ? BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  25. 25. Un exemple qui parle de lui même, le SEO prend bien évidemment en compte le taux de rebond. Une bonne UX permet de séduire l’utilisateur et de lui donner envie de rester sur le site, tant pour l’adéquation à son besoin que pour l’agréabilité de l’interface PAS BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  26. 26. Contenu frais et original5 BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  27. 27. Temps de chargement6 Business2Community Jaymin Bhuptani, décembre 2014 ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  28. 28. Adéquation contenu / promesse7 Dans les résultats de recherche, l’ utilisateur choisit et clique sur un lien car il pense que c’est la bonne réponse par rapport à son besoin. Il ne doit pas être déçu par le contenu qu’il y trouve ni se dire que ce n’est absolument pas ce qu’il cherchait. L’UX doit être vigilant sur ce point et toujours se re-concentrer sur le besoin initial de l’utilisateur afin d’y répondre au mieux et au plus vite ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  29. 29. Hiérarchisation de l’information8 Le code a une grande importance en terme de SEO mais il se reflète également dans l’interface. Incorporation des mots clefs dans les balises métas, URLs, Titre H1, H2, balises alt des images, densité des mots clefs dans le texte… etc ⇒ IL faut construire sa page avec une architecture “SEO friendly” ⇒ Cela réjouit autant les robots Google que l’utilisateur ! BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  30. 30. Facilité de navigation9 Que ce soit pour les robots ou pour les utilisateurs, la navigation doit être claire, simple et les explication limpides. BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  31. 31. Ni fil d’ariane, ni header, je ne sais absolument pas ou je suis et comment revenir en arrière PAS BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  32. 32. Les liens, recommandations d’expert, social, personnification 10 L’UX doit faire de la place aux avis, aux recommandations d’expert et faciliter le partage afin de promouvoir le maillage de lien mais aussi permettre de développer la notoriété. BIEN ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  33. 33. Attention cependant à ne pas faire un site que pour le SEO ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  34. 34. L’UX est le futur du SEO L’UX, C’est vous Vous êtes le futur ! ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
  35. 35. Merci, Bisous ©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

×