SXO : Comment optimiser son SEO grâce à l'UX ?

Cet encart ne peut être enlevé
Mettre l’image par dessus en respectant la taille
SXO :
comment optimiser son
SEO grâce à l’UX ?

photo
5x5
photo
5x5
Charlène Pomme
Chef de projet / Webmarketing
cpomme@concept-image.fr
Julie de Moliner
Chef de projet
julie@concept-image.fr

SXO :
mais quel acronyme marketing vous nous avez
encore pondu chez Concept Image ?

SEO + UX
= SXO
Search eXperience Optimization

Notes
● SEO = Search Engine Opimization (les optimisations pour le moteur de recherche)
● UX = User eXperience (expérience utilisateur)
SXO : Optimisation de l’expérience de recherche

Oui mais encore ?
SXO est utilisé pour désigner ce qui serait une
nouvelle forme de SEO,
par laquelle on prendrait davantage en compte la
qualité de l’expérience de l’individu

Bonne nouvelle :
on ne va plus juste faire du SEO
pour parler à des robots !

Vous vous souvenez quand vous faisiez du SEO
en mode hardcore ?
Mettre des quantités de texte juste pour faire plaisir à Google (tant pis si vous noyez
l’utilisateur) (keyword stufﬁng)
Mettre des mots-clés en blanc sur blanc, ou en tout petit, ou caché derrière des images
Faire un pied de page à rallonge avec 60 liens
Cacher du texte dans le code et ne pas l’afﬁcher aux utilisateurs (contenu différent pour
Google / les robots et les humains aussi appelé cloaking)

Et vous aviez de bonnes raisons
de le faire
(enﬁn, vous aviez vos raisons)
Car c’est comme ça que Google
faisait remonter votre site dans
ses résultats

L’objectif de Google, c’est de répondre le mieux
possible à la recherche d’un internaute
(et vendre beaucoup, beaucoup, beaucoup de pub)

Et au ﬁl des années, les robots ont
gagné en intelligence
Ils se mettent de mieux en mieux à la
place de l’utilisateur

Petit cours d’Histoire
sur Google ?

Notes
Il n’y a pas qu’un seul algorithme de classement de Google, mais plusieurs qui se
cumulent. Puisque les usages sur Internet évoluent, les algorithmes s’adaptent. De
nouvelles règles sont ainsi créées dans le but d’améliorer la qualité des résultats de
recherche et de fournir la meilleure réponse possible aux internautes.

Panda Penguin
2011 2012
Évolutions de l’algorithme Google :

Notes
● Panda : Lancé en 2011, Panda a pour objectif d’évaluer la qualité de sites web, et de
pénaliser ceux qui présentent un contenu de faible qualité créé (contenu dupliqué,
pages trop pauvres en contenu etc.).
● Penguin : Penguin vise à sanctionner les sites qui abusent de techniques qui
enfreignent les consignes de Google dans le but de gagner des positions dans le
moteur de recherche. Parmi ces pratiques il y a par exemple le fait d’insérer une
quantité importante de liens artiﬁciels pointant vers le site.

2013 : Hummingbird vise à mieux comprendre les
requêtes longue traîne

Notes
Hummingbird est l’une des plus importantes refontes de l’algorithme de classement de
Google. Il a permis de mieux comprendre les recherches des internautes aﬁn de proposer
des résultats plus précis et plus pertinents.
Concrètement, Google cherche désormais davantage à répondre au sens complet de la
requête, en analysant tous les termes, au lieu de trouver la page web correspondant le
mieux à ces mots. Les résultats seront donc différents d’un individu à un autre en fonction
de leurs intentions.
● Intention d’information : la thématique (personne, recette, tutoriel)
● Intention de navigation : types d’information souhaitée (site ofﬁciel, actualités etc.)
● Intention de transaction : actions concrète (achat, réservation, information etc.)

Exact Match
Domain
Pigeon
2012
2015

Notes
● Exact Match Domain (EMD) : EMD, se traduisant par « Correspondance exacte au nom
de domaine », a pour objectif de pénaliser les sites de mauvaise qualité en les
empêchant de remonter en tête des résultats de recherche uniquement grâce à leur
nom de domaine.
● Pigeon : Cet algorithme se concentre sur la recherche locale et apporte des réponses
plus précises aux internautes (en fonction de leur géolocalisation).

2015 : RankBrain
L’intention de recherche

Notes
RankBrain a été mis en place en 2015. Il s’agit d’un algorithme utilisant des techniques
d’intelligence artiﬁcielle aﬁn de mieux comprendre les requêtes des utilisateurs, et en
particulier les recherches implicites. Il est capable d’analyser la syntaxe et l’intention de la
requête pour interpréter la demande de l’internaute.
Chaque jour, 15% des requêtes faites sur Google n’avaient encore jamais été recherchées.
C’est grâce à RankBrain que Google parvient à répondre à ces requêtes ambiguës.

2020 : Core Web Vitals
(ou signaux web essentiels)

1 -
Le temps de chargement
Largest Contentful Paint

Notes
Cet indicateur mesure la vitesse de chargement du contenu d’une page web et évalue le
temps nécessaire pour afﬁcher les éléments principaux sur l’écran.
Google recommande un LCP inférieur à 2,5 secondes.
De mauvais temps de chargement entraînent une hausse du taux de rebond, des visiteurs
qui quittent le site sans avoir parcouru d’autres pages, et donc des conversions perdues.
Selon une étude de Pingdom, le taux de rebond passe de 7% si une page met 1 seconde à
se charger, à 53% si le temps de chargement est de 7 secondes. Cela signiﬁe que 53% des
internautes ne consultent pas plus d’une page, ce qui n’est pas bon signe.
Bien sur, c’est à nuancer en fonction des autres statistiques de navigation à votre
disposition. Un taux de rebond élevé et un temps passé sur le site très faible est
effectivement mauvais signe.

2 -
L’interactivité de la page
First Input Delay

Notes
Cet indicateur évalue la réactivité du chargement d’une page web. Il mesure le délai entre
la première interaction de l’utilisateur et le moment où son navigateur pourra lui répondre.
Google recommande un FID inférieur à 100 millisecondes.
Exemple : Un internaute remplit un formulaire de contact et clique sur l’étape suivante. Si
celle-ci met 2 secondes à s’afﬁcher, le FID sera considéré comme trop lent. Si la seconde
page s’afﬁche en moins de 100 millisecondes, le FID sera considéré comme bon.
Une mauvaise réactivité peut générer de la frustration chez l’utilisateur. Les internautes
s’impatientent très rapidement et aiment que le navigateur réponde à leurs actions le plus
rapidement possible.

3 -
La stabilité visuelle du
contenu de la page
Cumulative Layout Shift

Notes
Cet indicateur permet de mesurer la stabilité visuelle d’une page web. Google verra ainsi les
changements de mise en page subis par les internautes. En effet, tous les éléments d’une page
ne s’affichent pas toujours instantanément. On peut parfois les voir se déplacer au fur et à
mesure que le contenu se charge et s’affiche sur l’écran.
Google recommande un score CLS inférieur à 0,1.
L’idéal est de se rapprocher le plus possible de 0 car ce score signifie qu’il n’y a aucun
déplacement. Plus le score est proche de 1 et plus les déplacements sont nombreux. Ainsi,
une page est considérée comme plus agréable lorsque le score CLS est faible.
Si un internaute commence à lire le contenu d’une page, et qu’un bloc de publicité apparaît
après et décale le contenu vers le bas, cela génèrera de l’insatisfaction. S’il clique trop vite
et donc au mauvais endroit car la page n’était pas entièrement chargée, cela pénalise
également son expérience utilisateur.

Temps de chargement
Interactivité
Stabilité visuelle
Adapté au mobile
Navigation sécurisée
Https
Pas d’intrusion dans
les interstices
Core
Web
Vitals
Signaux de
recherche pour
l’expérience
des pages
Ces 3 indicateurs viennent tout récemment de
s’ajouter aux autres indicateurs UX qui faisaient
déjà partie de l’algorithme Google

Notes
Pour mesurer ces 3 indicateurs, vous pouvez utilisez la Search Console de Google.
Certains sites, sans inscription, permettent également de le faire (notamment le site
PageSpeed Insights).
Si vous tentez d’améliorer vos scores, les effets de vos actions ne seront pas
forcément instantanés. Google peut mettre jusqu’à 1 mois pour prendre en compte vos
améliorations.

Il existe des outils pour mesurer ces indicateurs.

Vous l’aurez compris :
il est grand temps de vous mettre au SXO

Le SXO booste votre SEO ET vous aide à convertir
Augmentation du taux de clic (CTR)
Augmentation du temps passé sur la page ou le site
Augmentation du nombre de pages vues
Baisse du taux de rebond
Traﬁc capté de meilleure qualité
Augmentation du nombre de conversions

Vos internautes sont contents
Réduction du temps de chargement
Amélioration de la navigation
Bonne image, conﬁance
Et donc plus disposés à vous contacter, vous acheter des
trucs produits/services...

On va donc réconcilier SEO et UX à chaque étape
du parcours utilisateur
C’est le début d’une histoire d’amour

Afﬁchage dans les
résultats de recherche
Page positionnée sur la
requête
Maillage interne Pages de conversion

Notes
Anciennement, le SEO visait à améliorer le positionnement et la visibilité d’un site dans les
résultats de recherche.
Aujourd’hui, le SXO vise à optimiser l’ensemble du parcours utilisateur depuis les résultats
de recherche jusqu’à la page de conversion.
Il devient donc primordial d’optimiser chaque étape de ce parcours utilisateur:
● Optimisation de l’afﬁchage dans les résultats de recherche (snippets, méta
description, méta title, vidéos, images, maps...)
● Optimisation du site et de la page positionnée sur la requête (qualité et pertinence
des contenus, lisibilité, temps de chargement...)
● Optimisation du maillage interne (liens, CTA, contenus similaires et
complémentaires...)
● Optimisation des pages de conversions (formulaires, des tunnels de d’achats...)

Et pour faire ça, on va s’attaquer à 7 éléments

UX designer
J’ai horreur de noyer les
internautes
J’aime les sites avec plein d’images
et de vidéos parce que ça fait
respirer mes pages (et c’est joli)
Expert SEO
J’adore les tartines de texte
Alors, est-ce que ça match ?

Les 2 veulent de la rapidité
Mais a priori ils ne semblent pas compatibles

Alors comment fait-on ?
Voici des bonnes pratiques

On rédige des contenus longs
car un article long est souvent mieux référencé

Notes
Un article long est souvent mieux référencé car vous pourrez y placer plus de mots-clés et
les mettre davantage en valeur.
Ce type d’article possède également une architecture plus détaillée. Il y a donc bien une
corrélation entre un contenu long et une position forte. La longueur d’un article n’est pas le
seul critère au bon référencement d’une page, mais c’est l’un des critères principaux.

Mais est-ce vraiment ce qui est le mieux pour
l’utilisateur ?
Pas toujours.

Notes
Il y a 2 types de recherches : Celles qui nécessitent une réponse courte, rapide et explicite
et celles qui nécessitent une réponse détaillée. L’utilisateur peut être exposée aux deux
types, il prolongera sa lecture ou non.
Lorsque l’utilisateur recherche des contenus courts et à consommer rapidement, un texte
trop long peut alors vous desservir. Un internaute peut très vite se perdre sur une page
lorsqu’elle contient beaucoup de contenu, et la longueur du texte peut le décourager à lire.
Les internautes ne prendront pas 15 minutes pour lire votre page qui contient 4 000 mots
alors qu’ils ne recherchent qu’une seule information. Ils quitteront très vite votre site s’ils
ne trouvent pas assez rapidement la réponse à leur question.

Notes
Nous vous conseillons de rédiger vos contenus selon la technique de la pyramide inversée.
Comme son nom le suggère, cette technique invite à organiser les informations de la plus
générale à la plus détaillée, selon un ordre bien déﬁni. Vous devez donc commencer par
bien planter le décor. Répondez à la question directement, sans nécessairement parler de
votre produit ou service dès le début.
Cette pratique est employée pour l’écriture web pour deux raisons. Elle délivre
immédiatement l’information principale au « lecteur zappeur », qui n’accorde pas plus d’une
minute à une page web. D’autre part, elle répond aux contraintes ergonomiques imposées
par la lecture à l’écran, telle qu’une vitesse de lecture sur écran est diminuée de 6 à 25%
par rapport au papier.

Si vous voulez en savoir plus 󰗊
Petit-déj Comment rédiger pour le web ?
Voir le petit-déj sur notre blog

On ne duplique pas ses contenus
(Google fait la police là dessus depuis 2011 déjà)

Notes
Faire trop de contenu dupliqué n’est pas bon pour votre référencement. Si en scannant
votre site, Google se rend compte que vous utilisez facilement les copiés-collés, il vous
sanctionnera.
Vos visiteurs vous sanctionneront aussi. S’ils trouvent que votre contenu manque
d’originalité ou ressemble trop à ce qui est écrit ailleurs, ils auront tendance à quitter votre
page et à ne plus y revenir.
On parle de contenu dupliqué lorsque l’on a plus de 30% du contenu qui est similaire.

On allège ses images :
d’abord, la taille

Notes
Les images ralentissent vos pages Web, ce qui crée une mauvaise expérience utilisateur.
Personne n’aime attendre plusieurs secondes qu’une page s’affiche. Il est donc important
de les optimiser.
D’abord on optimise la taille. Plus une photo est grande, plus son impact sur le temps de
chargement sera important. Evitez donc de choisir des images haute-définition en 7680 x
4320 px si l’image affichée à vos utilisateurs ne dépasse pas les 720 x 480 px. En effet,
vous allez héberger et charger une image très grande et très lourde alors que vous n’en
avez pas besoin.
Des outils comme Photopea (Logiciel de retouche d’image en ligne – gratuit) ou des
éditeurs natifs de vos ordinateurs permettent de diminuer la taille des images très
rapidement et très facilement.
Voir l’outil Photopea

On allège ses images :
puis, le poids

Notes
Ensuite on optimise le poids. Si vous utilisez l’un des outils que nous venons de citer pour
diminuer la taille d’une image, vous avez déjà réussi à réduire le poids de votre fichier. Mais
vous pouvez faire encore mieux.
Il existe des outils de compression qui peuvent vous aider à optimiser de façon significative
le poids de l’image sans que cela n’impacte la qualité perçue par l’utilisateur. Vous pouvez
utiliser l’outil Compressor. En compressant votre image, des pixels seront supprimés.
Cependant, un œil humain ne perçoit pas la différence entre une photo originale en haute
définition et un export en qualité 70-80%.
Ainsi, l’expérience utilisateur n’est pas dégradée, au contraire car vous allez augmenter
considérablement la vitesse de chargement de vos pages. En effet, diminuer la qualité de
20% seulement permet de réduire 80% du poids de l’image !
Tester l’outil Compressor

On héberge les vidéos sur un site tiers

Notes
Les vidéos sont également un type de contenu qui peut très vite pénaliser la vitesse de
chargement. Dans le cas où vous proposez du contenu vidéo dans vos pages, nous vous
recommandons de ne pas charger, ni d’héberger directement vos vidéos sur votre site
Internet. Il vaut mieux les héberger sur un site tiers qui est dimensionné et conçu pour cela.
Ainsi, privilégiez l’intégration de vidéos hébergées sur YouTube ou Vimeo par exemple.
Cela permettra d’afﬁcher plus rapidement le contenu aux utilisateurs et de ne pas ralentir
votre site.

On met à jour fréquemment ses contenus

Notes
L’algorithme de Google aime les sites web qui fournissent du contenu nouveau ou
actualisé. Un contenu frais et de qualité indique aux robots que votre site est pertinent et
actif.
Les visiteurs eux aussi aiment le contenu frais. Ils sont à la recherche de contenus
pertinents qui offrent une information valable et d’actualité au moment de leur recherche. Il
n’est pas toujours rassurant de chercher des informations dans une publication qui semble
déjà bien dater.
Lorsqu’un internaute recherche sur Internet, les dates s’afﬁchent parfois dans les résultats.
Un contenu récent sera donc plus attirant pour un visiteur et inspirera davantage conﬁance.
Et une page qui génère un nombre de clics plus important sans apparaître dans les
premiers résultats de Google pourra voir son positionnement réévalué par Google.
Vous pouvez également corriger les erreurs et les liens morts dans vos contenus pour
éviter de créer un effet déceptif chez les utilisateurs qui tenteraient de les consulter.

Notre astuce :
Déﬁnir un planning éditorial

Notes
Notre astuce : Déﬁnissez en amont un planning éditorial pour toujours avoir une longueur
d'avance et anticiper la production régulière de contenu tout au long de l'année.
Par exemple, vous pouvez prévoir de publier au minimum un article de blog toutes les deux
semaines.

Pour un blog, on met en place
un sommaire interactif

Notes
Le sommaire interactif se trouve en haut d’un article. Il remonte les titres hn et permet à
l’utilisateur d’accéder directement au paragraphe qui l’intéresse via des ancres.
Si l’article est long, un sommaire peut faciliter la compréhension de l’article. Cela peut
aiguiser l’intérêt auprès des utilisateurs et ainsi inciter à la lecture des parties qui les
concernent.

Notes
De plus, les robots de Google pourront mieux parcourir et indexer cette page. Les
différents titres peuvent également être remontés par les robots d’indexation.

N’oubliez pas
Pour remonter sur un mot-clé,
on cherche toujours à produire un contenu qui va
VRAIMENT apporter de la valeur à l’internaute
Exemple sur une ﬁche produit en e-commerce :
vidéo d’entretien du produit

UX designer
Je suis de plus en plus passionné
par le mobile. Comme beaucoup
de monde, puisque 55% du traﬁc
web en France se fait sur mobile
Expert SEO
J’ai vraiment un faible pour les
sites responsive

SEO et UX : les 2 sont accros au mobile
C’est un Match !
Vous êtes compatibles

Google aime les sites pensés pour le mobile

Notes
Un site Internet responsive est un site qui s’adapte à tous les écrans. Google favorise les
sites adaptés à la navigation sur mobile dans ses résultats de recherche.
Faire un test de compatibilité mobile

Le traﬁc Internet mobile représente 55% du traﬁc
Internet mondial total

Notes
En 2021, le traﬁc Internet mobile représente 55 % du traﬁc Internet mondial total. Pour
améliorer l’expérience utilisateur, il est donc indispensable d'avoir un site web qui s’adapte
au smartphone.
Pensez à tout : le menu, les images, les appels à l'action, les textes, les sauts de ligne, etc.
Tout doit être repensé pour faire en sorte que l’expérience utilisateur soit aussi bonne sur
écran d’ordinateur que sur téléphone ou tablette.
Voir la statistique sur Statcounter

Une conception mobile ﬁrst
Le meilleur moyen de bien optimiser le mobile
“ Qui peut le plus peut le moins”
Aristote

Notes
L’expression mobile first désigne une approche en termes de webdesign qui place le
mobile au cœur de la stratégie.
En mobile first, c’est la version mobile du site qui est conçue en priorité. Les pages sont
créées pour s’afficher sur les terminaux mobiles, puis on adapte progressivement
l’affichage aux écrans d’ordinateurs, plus larges.
Cette technique est à utiliser selon l’objectif du site (consultation mobile majoritaire).

Notes
Aﬁn d’améliorer les performances sur mobile, les recommandations sur les images sont
valables. Boostez encore plus la vitesse de chargement sur ce support en proposant moins
de contenus visuels sur la version mobile.
Par exemple, les images qui vont donner une ambiance au site mais qui ne vont pas donner
de valeur ajoutée sont inutiles.
De la même façon, si vous proposez une vidéo en page d’accueil, nous vous
recommandons d’afﬁcher plutôt une image en version mobile.

Fichier vidéo en
version ordinateur
Fichier image en
version mobile

Notes :
Ici, pour notre client Nautiraid, la page d’accueil est différente en fonction du support
utilisé. Sur mobile, les visiteurs verront une image et sur ordinateur, une vidéo.

UX designer
Je veille sur les internautes : pas
moyen que mes utilisateurs se
perdent dans mon site et mettent
12 clics à trouver l’info qu’ils
recherchent
Expert SEO
J’adore les stratégies de mots-clés,
j’ai 512 pages à organiser dans
mon arborescence !!!

Ils vont avoir besoin d’un peu d’aide
pour devenir compatibles

On confronte les 2
pour faire une bonne arborescence
🤝
Expert SEO
Je fais mon arborescence avec ma
stratégie de mots-clés
UX designer
Je demande leur avis aux
utilisateurs, par exemple avec un
atelier tri de cartes

On confronte les 2
pour faire un bon menu de navigation
🤝
Expert SEO
J’y mets mes pages stratégiques
car ce sont les pages les plus
crawlées par Google
UX designer
J’y mets les entrées les plus
logiques pour mes cibles

Score total : 10
Score total : 10
Score final : 5 points
Score final : 5 points
Page 1
Page 2
Liens
Score final : 1 point

Notes
Oubliez les méga-menus qui proposent une très grosse quantité de liens vers vos pages.
Dans ce cas-là, puisque toutes les pages sont liées et partout, on se retrouve avec une
structure à plat où tout est au même niveau. Plus vous aurez de liens sortants de votre
page d’accueil, moins ils seront efﬁcaces pour le SEO. Autrement dit, la valeur de vos liens
pour les pages vers lesquelles ils renvoient diminue avec la quantité.
Privilégiez un menu intuitif en y plaçant des pages stratégiques.

On guide les utilisateurs avec un menu clair

Notes
L’objectif du menu est aussi de guider les utilisateurs vers les pages appropriées, et de
simpliﬁer la navigation sur le site. Ici encore, un menu clair et fonctionnel sera donc plus
efﬁcace pour amener l’utilisateur à remplir des objectifs de conversion.
Si votre menu contient trop d’informations, vous risquez de perdre l’attention des visiteurs
ou de les décourager. Vous avez probablement déjà vu des sites web où le menu était si
encombré que vous ne saviez pas où aller, c’est exactement ce qu’il faut éviter de faire.
De la même façon, un menu avec pas assez de liens ne guidera pas assez l’utilisateur, il
risque aussi d’être perdu.
Parfois, les pages stratégiques ne correspondent pas aux entrées les plus logiques pour
vos visiteurs. Si vous vous trouvez dans ce cas-là, il faut savoir doser. C’est important de
construire ses pages en fonction des critères de Google, mais ce sont des humains qui
navigueront sur votre site.

UX designer
J’apprécie les fils d’Ariane : ils
aident à se repérer
Expert SEO
Le fil d’Ariane : je suis fan. C’est
super pour le maillage. En
e-commerce, chaque produit est
rattaché à sa catégorie
Et pour le fil d’Ariane, est-ce que ça match ?

SEO et UX : les deux aident les robots et les humains à se repérer facilement
C’est un Match !

Notes
Le ﬁl d’ariane est une série de liens qui indiquent au visiteur sa position sur le site. Il
permet de guider les robots des moteurs de recherche.
Il facilite également la navigation des internautes en leur rappelant le chemin de la page
sur laquelle il se trouve. Lorsqu’ils consultent une page, ils pourront rapidement revenir à
l’une des sections précédente, son expérience sur votre site se voit donc améliorée.
En revanche, lorsque vous êtes sur un site avec peu de pages et peu de niveaux, le ﬁl
d’ariane n’est pas obligatoire.

UX designer
Le maillage interne, c’est
l’opportunité de rediriger
l’internaute vers des contenus qui
pourraient l’intéresser (si c’est bien
fait) : produits similaires, conseils...
Expert SEO
Le maillage interne facilite la
navigation des robots dans le site.
Un maillage en silo facilite la
compréhension de Google vis à vis
de la structure du site web
Et pour le maillage interne, est-ce que ça match ?

SEO et UX : les 2 veulent simpliﬁer la navigation des robots et des humains
C’est un Match !

Notes
Ne négligez pas le maillage interne car c’est un facteur de classement puissant.
Concrètement, il s’agit de lier certaines de vos pages ensemble. De cette manière, vous
allez faciliter la navigation des robots dans le site et la compréhension de Google vis à vis
de la structure du site web. Ils vont ainsi pouvoir découvrir quels contenus sont liés et quel
est leur valeur.
Plus une page importante reçoit de liens, plus elle apparaîtra importante aux moteurs de
recherche. Si Google remarque que beaucoup de vos pages sont liées à une page
spéciﬁque, il va examiner le contexte et classer cette page comme étant pertinente pour ce
sujet.
Ce n’est pas bien compliqué, assurez-vous juste d’ajouter des liens sur vos pages les plus
importantes, et de créer des liens pertinents entre les pages.

Page d’accueil
Rubrique
Rubrique Rubrique
Page Page Page Page Page Page

Notes
Vous pouvez également utiliser les maillages internes pour offrir une expérience utilisateur
agréable à vos visiteurs. Grâce à ces liens, vous allez ainsi pouvoir les diriger vers des
contenus qui pourraient les intéresser en leur faisant découvrir certaines pages, et faciliter
la navigation sur le site.

Sur une actualité, pour en
lire plus, vous présentez
les 3 dernières actualités
classées dans la même
catégorie.
Dans le contenu d’une page,
sur un mot-clé, vous faites
un lien vers la page
correspondante
(mieux que “cliquez ici”)
Deux types de maillage

UX designer
Depuis ma plus tendre enfance,
j’aime structurer les données. C’est
quand même plus facile pour se
repérer
Expert SEO
Ma passion : les données bien
structurées. Cela permet d’avoir
des résultats de recherche riches

SEO et UX : les 2 aiment quand les choses sont bien rangées
C’est un Match !

Plus votre site est structuré, et plus les robots de
Google pourront l’explorer rapidement

Notes
La structure de votre site web a un impact majeur sur votre référencement naturel. C’est
donc l’une des principales optimisations à réaliser parmi toutes celles qui permettent
d’améliorer votre position dans les résultats de recherche.
Plus votre site est structuré, et plus les robots de Google pourront l’explorer rapidement et
de manière efﬁcace. Avec une arborescence correctement mise en place, ils pourront le
scanner sans rencontrer d’obstacle. Sachant qu’ils visitent 20 milliards de sites Internet
tous les jours, autant leur faciliter la tâche.

Une bonne structure facilite
la navigation des utilisateurs

Notes
Une bonne structure est également bénéﬁque pour l’expérience utilisateur. Cela facilite la
navigation et permet aux visiteurs de trouver plus facilement ce qu’ils recherchent.

Notes
Quand on structure bien ses données, voici ce que cela donne dans la résultats de
recherche Google :
Visibilité : Les résultats prennent plus de place dans les résultats de recherche, un
utilisateur a donc plus tendance à s’arrêter dessus pour les lire.
Rassurance : Les données structurées vont rassurer.
Exemples :
- Recette : Je vais cliquer sur celle qui a le plus d’avis positifs, cela est visible
directement depuis les résultats de recherche. Je gagne du temps et je n’ai pas la
mauvaise surprise de cliquer sur un recette pour laquelle les notes sont mauvaises).
- Actualité : Je peux connaître les dates de publication, je vais cliquer sur la plus
récente.
- Produit : Information sur le prix ou le stock.
Pour la mise en place il faut suivre les recommandations de Google (et faire appel à un
développeur).
Voir schema.org

UX designer
Des titres, des sous-titres, des
sous-sous-titres, des
sous-sous-sous-titres.
AU SECOURS : je ne sais même
plus où je suis
Expert SEO
Dans la vie, je veux un maximum
de balises. Sinon Google ne sait
pas lire mes sites

Il va falloir faire quelques concessions pour être
compatibles

Google lit à travers les balises

Notes
Les balises aident Google à contextualiser le thème de la page et à comprendre plus
facilement le contenu à travers les balises.

C’est le sujet principal de la page
Ceci est le Title

Double objectif : Mettre les mots-clés pour le SEO
et donner envie de cliquer aux utilisateurs

Notes
La balise Title est utilisée pour décrire le sujet de la page. Elle s’afﬁche dans la barre
supérieure des navigateurs et sur la page de résultats de recherche.
Optimiser cette balise est un élément important en SEO, car elle est prise en compte par
l’algorithme de Google. Il est donc important de bien la rédiger pour mettre toutes les
chances de votre côté. On vous conseille notamment de vous limiter à 70 caractères
maximum pour que votre titre puisse apparaître en entier, et de placer votre mot-clé
principal au début.

Notes
Elle joue un rôle important sur la première impression qu’un internaute se fait de votre
page. L’optimiser permet alors d’améliorer l’expérience client, en plus de votre
référencement.
Des études ont montré que selon le message que vous véhiculez dans votre balise, votre
page pourra générer plus de traﬁc que les résultats de recherche classés au-dessus de
vous. Choisissez donc un titre explicite qui donne envie de cliquer.

Elles aident les utilisateurs à se repérer

Notes
Elles sont aussi utiles à l’utilisateur car elles améliorent l’expérience de lecture en
apportant de la clarté au texte. Pour comprendre leur importance, il n’y a qu’à observer à la
manière dont on lit une page.
Pour commencer, on ne la lit pas réellement, on la scanne. En d’autres termes, on la
survole et on ne s’arrête que pour lire les éléments qui attirent le regard. La lecture vient
dans un second temps. Dans un premier temps on cherche à comprendre ce qui se passe
sur la page. Une page structurée par niveaux permet donc d’optimiser la recherche visuelle.
Plus les données sont structurées et plus il sera facile de se repérer et de comprendre les
parties importantes.

H1
H2
H2
H3
H3
H2
Un seul titre H1 par page
Puis des titres H2 et H3

Notes
Un seul titre h1 doit être utilisé par page.
Il faut ensuite structurer votre contenu de manière logique avec des titres h2, puis des h3
et respecter l’ordre.
Par exemple :
● h1
○ h2
○ h2
■ h3
■ h3
○ h2
Les titres h2 (et h3 ; h4 ; etc.) doivent être choisis avec soin, ils ne sont pas là uniquement
pour faire joli dans le webdesign de la page mais bien pour hiérarchiser le contenu.
Vous pouvez utiliser jusqu’à des h6 (h2 et h3 étant les plus courants), cela dépendra de la
densité de contenu et du volume des mots-clés.

La balise ALT
Le seul moyen pour Google de décrypter une image
(et c’est bien aussi pour l’accessibilité)

harry-potter-decouvrant-l-ecole-de-magie-poudlard.jpg
ALT = Harry Potter découvre l'école de magie Poudlard en première année

Notes
Pour décrypter votre image, comme pour un texte, Google va lire le code de votre page. Les
balises ALT vont lui permettre de comprendre ce qui est représenté sur les images. C’est
donc une occasion supplémentaire pour utiliser vos mots-clés. Elles serviront votre
référencement, grâce à Google Images.
Votre texte alternatif permettra également aux personnes présentant des déﬁciences
visuelles de savoir ce que représente l’image. C’est donc bénéﬁque pour l’expérience
utilisateur de votre site.

Optimiser la méta description

UX designer
Les méta descriptions c’est
important pour mes utilisateurs.
Elles aident les visiteurs à savoir si
la page est susceptible des les
intéresser ou non
Expert SEO
Les méta descriptions ? Si ça
augmente mon taux de clic, ça
m’intéresse !

SEO et UX : les 2 partagent le même objectif, l’expérience utilisateur
C’est un Match !

Notes
La méta description est le court texte qui s’afﬁche dans les moteurs de recherche, sous le
titre de la page et l’URL. Elle a pour but de décrire le contenu de la page. Les balises métas
n’affectent pas directement le classement des sites web car elles ne sont pas prises en
compte dans les critères de pertinence de Google.

Notes
Elles sont tout de même importantes car elles ont une inﬂuence sur les interactions des
internautes avec le site. En effet, les internautes vont se ﬁer à ces éléments pour se faire
une idée du contenu de la page et se décider à visiter notre site ou non. Elles les aident à
comprendre si cette page est susceptible de répondre à leurs questions, ce qui est bon
pour l’expérience utilisateur.

La méta description doit donner envie de cliquer.
Pensez-la comme la vitrine de votre boutique
dans une rue commerçante.

Notes
Dans un sens, une méta description peut quand même vous aider à améliorer votre SEO
mais uniquement si elle est bien faite. Si elle complète le titre et fournit des informations
pertinentes, elle pourra accroître la probabilité que les internautes consultent la page. Et si
le taux de clic est élevé, Google pourra améliorer votre position. Veillez donc à rédiger des
méta descriptions attrayantes et persuasives pour donner envie de cliquer.
On ne fait pas de fausses promesses, on indique dans la méta description le contenu de la
page s’il clique sur le lien. Il n’y a rien de plus frustrant que de faire une requête dans
Google, avoir une méta description attrayante et en fait se rendre compte que le contenu
de la page ne répond pas du tout à la question posée.

Optimiser techniquement le site

UX designer
Je veux le site le plus rapide
possible
Expert SEO
Je veux le site le plus rapide
possible

SEO et UX : les 2 sont pressés. Ils aiment la rapidité
C’est un Match !

Notes
Le HTTPS est un protocole sécurisé. Grâce à lui, les informations qui circulent ne peuvent
pas être récupérées et exploitées par des tierces personnes malintentionnées.
L’utilisation de ce protocole est un critère pris en compte par l’algorithme de Google.
Google afﬁche un message d’avertissement, ce qui peut amener les utilisateurs à quitter le
site dès la première page. Cela fait augmenter le taux de rebond, et c’est cette statistique
qui pénalise les sites.
Cela permet également de renforcer la conﬁance des internautes envers votre site, car ils
savent que toutes les informations qu’ils y laisseront seront en sécurité.

Limiter le nombre de scripts (ou requêtes) du site
en fusionnant tous les scripts

Faire du lazy loading
(ou chargement paresseux)

Notes
C’est une façon de coder qui déclenche le chargement des ﬁchiers lourds – tels que les
images, vidéos etc. – uniquement au moment où ils apparaissent sur l’écran de l’utilisateur.

Mettre en place un chargement différé
des ﬁchiers Javascript

Notes
On charge le site avant de charger les ﬁchiers Javascript. Ces derniers peuvent alourdir le
site et ralentir son chargement.

Installer des plugins qui augmentent
la rapidité du site

Notes
Pour WordPress, on peut citer WP Rocket. Il permet de :
● Faire de la compression
● Gérer le système de cache serveur, qui permet une distribution beaucoup plus rapide
du site

Mettre en place un CDN
(Content Delivery Network - Réseau de diffusion de contenus)
si vos utilisateurs se connectent partout dans le
monde

Notes
Un CDN (réseau de diffusion de contenu) est une plateforme de serveurs hautement
distribuée qui permet de réduire les temps de chargement du contenu des pages Web en
réduisant la distance physique entre le serveur et l'utilisateur. Cela permet aux utilisateurs
du monde entier de visualiser le même contenu de haute qualité sans temps de
chargement lents.
Sans CDN, les serveurs d'origine de contenu doivent répondre à chacune des requêtes des
utilisateurs finaux. Cela peut générer des pics de trafic, ce qui peut faire tomber le serveur.
En répondant aux requêtes des utilisateurs finaux à la place du serveur d'origine sur un
réseau proche de l'utilisateur final, le CDN déleste les serveurs de contenu et améliore
l'expérience Web, ce qui profite à la fois au fournisseur de contenu et aux utilisateurs
finaux.

Notes
Le WebP est un format d’image qui permet de compresser un visuel en divisant son poids
par 6 sans dégrader sa qualité.
Il existe désormais des fonctionnalités qui vous permettent d’importer dans votre
back-office des gros fichiers JPG en haute définition, et qui les compressent comme par
magie en WebP.
Cependant ce format est encore peu utilisé pour causes de contraintes techniques : Safari
ou certains CMS ne le supportent pas. Il est compatible avec Wordpress mais cela
nécessite d’installer une extension.

Notes
Plus le code est optimisé, plus le site est léger. Choisissez des développeurs qui ont l’esprit
de synthèse ;)

Notes
Les pages builders sont des modules qui vous permettent de jouer à l’UX designer. Vous
sélectionnez des blocs de mise en forme et vous créez vos pages web. Les possibilités de
mise en forme sont inﬁnies et vous n’avez pas besoin de passer par votre agence pour créer
un nouveau gabarit de page.
Cependant, les pages builders sont des outils costauds qui alourdissent très fortement
votre site.
Et par ailleurs malheureusement tout le monde n’a pas un talent caché d’UX designer..

Éviter toute fonctionnalité inutile
Avez-vous vraiment besoin d’un bouton “Imprimer la page”
sur votre site web ?

Notes
Imprimer des pages web, pour quoi faire ?
Voir l’article de blog

Héberger votre site sur un serveur
performant et adapté

Notes
Il ne vous viendrait pas à l’esprit de mettre le moteur d’une 2CV sur une Ferrari.
En web c’est la même chose, il faut choisir un serveur adapté :
● Au volume de données hébergées sur votre site et à la nature de ces données (texte,
images, vidéos etc.).
● À la complexité de votre site Internet. Par exemple un site qui gère des contenus
textuels est beaucoup moins lourd qu’un site proposant un moteur de recherche
avancé, qui va nécessiter beaucoup de ressources.
● Au volume de traﬁc sur votre site Internet. Votre serveur doit être dimensionné pour
accueillir tous les visiteurs de votre site et éviter les interruptions de service.
Exemple : Sur certains sites e-commerce en début de soldes, il y a tellement de traﬁc que
le serveur a parfois du mal à suivre et cela entraîne des coupures (le site devient
inaccessible).
Des outils comme Pingdom ou la Search Console de Google permettent de monitorer la
disponibilité de vos serveurs. Un site inaccessible va avoir un impact négatif sur
l’expérience utilisateur et va augmenter le taux de rebond. En conséquence, cela nuit à
votre SEO.

Alors, comment faire en sorte que
le responsable SEO et l’UX designer
s’entendent bien tout au long du projet ?

Enquêtes utilisateur pour bien comprendre le
besoin, les habitudes de navigation, les freins…

Stratégie de mots-clés :
laissons l’expert SEO faire son métier

Arborescence :
l’expert SEO propose une arborescence
l’UX designer vient la challenger

Menu
L’UX designer peut intervenir
pour rendre digeste la navigation

Wireframes :
On travaille en mobile ﬁrst

Wireframes :
Dans les ateliers d’idéation,
on invite un expert SEO et un UX designer

On fait relire les spéciﬁcations fonctionnelles
par un expert SEO

Une fois le site développé, on vériﬁe qu’on a bien
bossé. Il existe tout un tas d’outils pour ça :
Light House
Dareboost
Google Search Console
Test de données structurées
Semrush
Chrome User Experience Report

Et bien sûr, on fait aussi tester son site
par des humains

PROCHAINS PETITS-DEJ
Jeudi 26 août Jeudi 23 septembre
Et si vos présentations
n’endormaient plus votre auditoire ?
Chargés de com : Trucs, astuces et
outils pour vous aider au quotidien

Vous avez passé un bon moment ?
Laissez nous un avis sur Google My Business
󰗔 ici

Si vous voulez nous retrouver 󰗊
LinkedIn Instagram
Agence Concept Image @agenceconceptimage

Retrouvez nos conseils,
bonnes pratiques et outils pour votre
COMMUNICATION DIGITALE
blog.concept-image.fr

SXO : Comment optimiser son SEO grâce à l'UX ?

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (12)

Ähnlich wie SXO : Comment optimiser son SEO grâce à l'UX ?

Ähnlich wie SXO : Comment optimiser son SEO grâce à l'UX ? (20)

Mehr von Concept Image

Mehr von Concept Image (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (11)

SXO : Comment optimiser son SEO grâce à l'UX ?