LE SEOUX
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
Sweet Jesus, Lord of Mercy…
De quoi on parle ?
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
SEOUX = SEO & UX
Search Engine Optimization
L’ensemble des techniques
permettant d’optimiser son site web
afin qu’il remon...
“Si vous voulez cacher un cadavre,
planquez-le en page 2 des résultats de
Google, personne ne le trouvera jamais.”
Vieil a...
L’objectif du SEO est donc triple
Être visible Être cohérent Transformer
Pouvoir se positionner
dans les premiers résultat...
Pour ce faire,
2 grandes facettes “historiques” du SEO
La SémantiqueL’optimisation technique
Au sein du code et de l’archi...
Mais du coup, qu’est ce que ça a à voir avec l’UX ?
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
SEO
Être visible et générer du trafic est bien, c’est un premier pas
mais il faut alors satisfaire cette foule nouvelle.
I...
CHALLENGE ACCEPTED !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
Google Search est construit pour les
utilisateurs, pas pour les sites !
Eric Schmidt, CEO de Google
©copyrightux-republic2...
Des recherches
sont faites sur
Google en France
Pourquoi Google ?
des recherches
sont faites sur
mobile
+90% +50%
©copyrig...
Google s’appuie donc sur un algorithme dont lui seul à le
secret, on le dit aussi bien gardé que la recette du Coca-Cola !...
En février 2011 Google lance un nouveau filtre intégré, Panda, à son
algorithme de recherche chargé de nettoyer ses résult...
Et qu’est ce que la qualité pour Google ?
La notion centrale du panda !
JOSH PATRICE
Ancien directeur du SEO a Portent
de ...
Panda = la hantise des marqueteurs et référenceurs
Le Panda, lancé comme un filtre, est maintenant directement intégré aux...
Never say no to Panda !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
La loi du panda !
Sites en baisse Évolution visibilité
(entre 24/07 et 12/08 2011)
Sites en hausse Évolution visibilité
(e...
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...
10 corrélations profondes entre UX et SEO
1 Ligne de flottaison
Les liens, recommandations d’expert,
social, personnificat...
1 La ligne de flottaison
Le contenu au dessus de la
ligne de flottaison attire
toujours + de 80% de notre
attention
Les no...
Mobilité2 By Zack Rutherford templatemonster.com
Le RWD fait aujourd’hui référence dans la mobilité. L’algorithme de googl...
contenu plié / déplié3
Le contenu non affiché directement dans la page (expand/collapse, toggle…) n’est pas
directement sc...
Le site A nous paris tronque ses phrases en incitant l’utilisateur à cliquer dessus pour en
savoir plus au lieu de propose...
taux de rebond4
Airbnb propose une page d’accueil épurée et claire qui répond exactement au
besoin de l’utilisateur : Où ?...
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...
Contenu frais et original5
BIEN !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
Temps de chargement6
Business2Community
Jaymin Bhuptani, décembre 2014
©copyrightux-republic2015-blog.ux-republic.com-Quen...
Adéquation contenu / promesse7
Dans les résultats de recherche, l’
utilisateur choisit et clique sur un lien
car il pense ...
Hiérarchisation de l’information8
Le code a une grande importance en
terme de SEO mais il se reflète
également dans l’inte...
Facilité de navigation9
Que ce soit pour les robots ou pour les utilisateurs, la navigation doit être claire, simple et
le...
Ni fil d’ariane, ni header, je ne sais absolument pas ou je suis et comment revenir en arrière
PAS BIEN !
©copyrightux-rep...
Les liens, recommandations d’expert,
social, personnification
10
L’UX doit faire de la place aux avis, aux recommandations...
Attention cependant à ne pas faire un site que pour le SEO
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
L’UX est le futur du SEO
L’UX, C’est vous
Vous êtes le futur !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouis...
Merci, Bisous
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou
SEO+UX = SEOUX @UXRepublic
Prochain SlideShare
Chargement dans…5
×

SEO+UX = SEOUX @UXRepublic

957 vues

Publié le

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

Publié dans : Internet
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
957
Sur SlideShare
0
Issues des intégrations
0
Intégrations
122
Actions
Partages
0
Téléchargements
31
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×