1.
LE SEOUX
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

2.
Sweet Jesus, Lord of Mercy…
De quoi on parle ?
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
“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.
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.
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.
Mais du coup, qu’est ce que ça a à voir avec l’UX ?
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
CHALLENGE ACCEPTED !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
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.
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.
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.
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.
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.
Never say no to Panda !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
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.
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.
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.
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.
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.
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.
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.
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.
Contenu frais et original5
BIEN !
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

27.
Temps de chargement6
Business2Community
Jaymin Bhuptani, décembre 2014
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
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.
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.
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.
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.
Attention cependant à ne pas faire un site que pour le SEO
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou

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.
Merci, Bisous
©copyrightux-republic2015-blog.ux-republic.com-QuentinBouissou