Upload
ux-republic
View
1.151
Download
0
Embed Size (px)
Citation preview
Sweet Jesus, Lord of Mercy…
De quoi on parle ?
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
“Si vous voulez cacher un cadavre, planquez-le en page 2 des résultats de Google, personne ne le trouvera jamais.”
Vieil adage SEORepris par Olivier Andrieu Le référencement Web en 4 étapes, Eyrolles, 2014
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
L’objectif du SEO est donc triple
Être visible Être cohérent TransformerPouvoir 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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Pour ce faire, 2 grandes facettes “historiques” du SEO
La SémantiqueL’optimisation techniqueAu 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...
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Mais du coup, qu’est ce que ça a à voir avec l’UX ?
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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.
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Google Search est construit pour les utilisateurs, pas pour les sites !Eric Schmidt, CEO de Google
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Des recherches sont faites sur Google en France
Pourquoi Google ?
des recherches sont faites sur mobile
+90% +50%
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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)
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Et qu’est ce que la qualité pour Google ? La notion centrale du panda !
JOSH PATRICEAncien 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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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.
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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.
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Contenu frais et original5
BIEN !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Temps de chargement6
Business2CommunityJaymin Bhuptani, décembre 2014
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Facilité de navigation9
Que ce soit pour les robots ou pour les utilisateurs, la navigation doit être claire, simple et les explication limpides.
BIEN !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Ni fil d’ariane, ni header, je ne sais absolument pas ou je suis et comment revenir en arrière
PAS BIEN !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
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 !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou
Attention cependant à ne pas faire un site que pour le SEO©
copyright ux-republic 2015 - blog.ux-republic.com - Q
uentin Bouissou
L’UX est le futur du SEO
L’UX, C’est vous
Vous êtes le futur !
© copyright ux-republic 2015 - blog.ux-republic.com
- Quentin B
ouissou