seo+ux = seoux @uxrepublic

36
LE SEOUX © copyright ux-republic 2015 - blog.ux-republic.com - Quentin Bouissou

Upload: ux-republic

Post on 22-Feb-2017

1.151 views

Category:

Internet


0 download

TRANSCRIPT

LE SEOUX

© copyright ux-republic 2015 - blog.ux-republic.com

- Quentin B

ouissou

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

CHALLENGE ACCEPTED !

© 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

Never say no to Panda !

© 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

Merci, Bisous

© copyright ux-republic 2015 - blog.ux-republic.com

- Quentin B

ouissou