UX, UI : deux notions à ne pas confondre
UX est l'abréviation de User Experience, soit expérience utilisateur. Il s'agit de l'ensemble des perceptions qu'un visiteur ressent en naviguant sur votre site : est-ce rapide ? Facile à comprendre ? Les informations sont-elles accessibles en deux clics ? La lecture est-elle agréable sur mobile ?
On confond souvent UX et UI (User Interface). Voici la distinction utile à garder en tête.
| UX (User Experience) | UI (User Interface) |
|---|---|
| Ressenti global de navigation | Aspect visuel des éléments |
| Logique, fluidité, lisibilité | Couleurs, boutons, typographie |
| Est-ce que ça fonctionne bien ? | Est-ce que c'est beau ? |
| Architecture de l'information, navigation | Charte graphique, icônes, mise en page |
Un site peut être visuellement soigné (bon UI) mais complètement raté en termes d'UX si la navigation est confuse, le chargement lent ou les informations difficiles à trouver. Pour le SEO, c'est l'UX qui compte, pas la beauté.
Les signaux comportementaux que Google observe
Google ne se contente pas de lire votre code. Il collecte des données réelles sur le comportement des visiteurs via Chrome et les données CrUX (Chrome User Experience Report). Ces données l'informent sur la qualité perçue de votre site.
| Signal | Ce que Google interprète | Impact sur le SEO |
|---|---|---|
| Pogo-sticking | L'utilisateur clique sur votre résultat, revient aussitôt sur Google et clique sur un concurrent | Signal fort de non-satisfaction, peut dégrader le positionnement |
| Taux de rebond | Visite sans interaction, sans scroll, sans clic sur d'autres pages | Indirect : signal de mauvais UX ou de contenu non pertinent |
| Temps passé sur la page | Engagement avec le contenu | Plus un visiteur reste, plus le contenu semble satisfaire l'intention |
| Pages par session | Navigation dans le site, intérêt pour d'autres contenus | Signal de qualité globale du site, pas seulement d'une page |
| CTR dans les SERP | L'utilisateur clique (ou non) sur votre résultat | Un CTR élevé sur une position donnée peut améliorer le classement |
Google ne divulgue pas exactement comment il pondère ces signaux. Mais les données CrUX (issues de Chrome) sont clairement utilisées pour mesurer les Core Web Vitals. Les signaux comportementaux comme le pogo-sticking font partie des brevets déposés par Google, même s'ils ne sont pas officiellement confirmés comme facteurs directs.
Core Web Vitals : les métriques officielles d'expérience
Depuis 2021, Google intègre les Core Web Vitals dans ses critères de classement. Ce sont trois métriques techniques qui mesurent directement la qualité de l'expérience utilisateur, mesurées sur les données réelles des visiteurs Chrome.
| Métrique | Ce qu'elle mesure | Seuil "Bon" | Erreur fréquente |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Vitesse d'affichage du contenu principal visible | Moins de 2,5 secondes | Image hero non optimisée, CSS bloquant |
| INP (Interaction to Next Paint) | Réactivité aux clics et interactions | Moins de 200 ms | JavaScript trop lourd au moment de l'interaction |
| CLS (Cumulative Layout Shift) | Stabilité visuelle lors du chargement | Moins de 0,1 | Images sans dimensions définies, publicités qui s'insèrent |
Architecture de l'information et navigation
Un bon UX commence par une navigation claire. L'utilisateur doit comprendre en quelques secondes où il est et comment aller là où il veut. C'est ce qu'on appelle l'architecture de l'information.
- Menu principal lisible : 5 à 7 entrées maximum, libellés clairs et fonctionnels. "Services" est plus utile que "Nos solutions innovantes".
- Fil d'Ariane (breadcrumb) : indispensable sur les sites avec plusieurs niveaux de profondeur. Il indique à l'utilisateur où il se trouve et facilite la remontée dans la structure. C'est aussi un signal SEO reconnu par Google.
- Liens internes pertinents : chaque page doit proposer des liens vers des contenus complémentaires. Un visiteur qui arrive sur un article de blog doit trouver facilement les pages de service ou les articles liés.
- Recherche interne : sur les sites avec plus de 50 pages, un moteur de recherche interne améliore fortement la navigation.
Lisibilité : le facteur le plus sous-estimé
Un contenu excellent devient inutile s'il est difficile à lire. La lisibilité dépend de plusieurs facteurs techniques et éditoriaux.
| Critère | Bonne pratique | Erreur fréquente |
|---|---|---|
| Taille de police | 16px minimum sur mobile, 15-16px sur desktop | 12-13px, illisible sans zoom |
| Contraste texte/fond | Ratio minimum 4,5:1 (WCAG AA) | Gris clair sur fond blanc, texte sur image |
| Longueur des paragraphes | 4 à 6 lignes maximum | Blocs de 15-20 lignes sans respiration |
| Largeur de colonne | 60 à 75 caractères par ligne idéalement | Texte pleine largeur sur grand écran (trop long à lire) |
| Hiérarchie des titres | H1 unique, H2 pour les sections, H3 pour les sous-points | Titres utilisés pour le style, pas pour la structure |
| Interligne | 1,5 à 1,8 pour le corps de texte | Interligne serré qui fatigue la lecture |
UX mobile : un enjeu à part entière
Depuis le Mobile-First Indexing (généralisé en 2023), Google utilise la version mobile comme référence pour l'indexation et le classement. Un UX dégradé sur mobile pénalise l'ensemble du référencement, desktop compris.
- Cibles tactiles : les boutons et liens doivent faire au minimum 48x48px et être espacés de 8px pour éviter les clics accidentels.
- Menu hamburger accessible : il doit fonctionner sans JavaScript si possible, ou avec un JS léger et rapide.
- Formulaires adaptés : utiliser les bons types de champs (
type="tel",type="email") pour déclencher le bon clavier mobile automatiquement. - Pop-ins contrôlées : depuis 2017, Google pénalise les interstitiels intrusifs qui couvrent le contenu dès l'arrivée sur la page mobile. Les cookies banners sont exemptés.
Comment auditer l'UX de son site
-
PageSpeed Insights (pagespeed.web.dev)
Mesure les Core Web Vitals réels (données CrUX) et de laboratoire. Donne des suggestions d'amélioration priorisées. À tester sur mobile ET desktop.
-
Google Search Console, rapport Ergonomie mobile
Liste les problèmes détectés sur vos pages : éléments cliquables trop proches, viewport non configuré, contenu plus large que l'écran.
-
Chrome DevTools en mode mobile
Simulez différents appareils (iPhone, Galaxy) et testez la navigation manuellement. Regardez si les menus fonctionnent, si le texte est lisible, si les boutons sont accessibles.
-
Hotjar ou Microsoft Clarity (heatmaps)
Ces outils enregistrent les clics, scrolls et sessions réelles. Ils révèlent où les utilisateurs s'arrêtent, ce qu'ils ignorent et où ils quittent la page. Une session enregistrée est souvent plus révélatrice que n'importe quel rapport analytique.
-
Test utilisateur manuel
Demandez à quelqu'un qui ne connaît pas votre site de réaliser une tâche simple (trouver votre tarif, prendre contact, trouver un article sur un sujet). Observez où il hésite ou se perd. C'est souvent la source d'insights la plus directe.
J'audite toujours l'UX avant de travailler sur le contenu. Un texte parfait sur une page lente, illisible ou difficile à naviguer ne produira jamais de bons résultats. Les deux doivent être traités ensemble, et l'UX est souvent la priorité.
Erreurs UX les plus fréquentes sur les sites français
- Pop-in d'inscription à la newsletter au premier chargement : l'utilisateur ne vous connaît pas encore. Proposez-lui d'abord de la valeur avant de lui demander son email.
- CTA introuvables ou trop discrets : si le visiteur doit chercher le bouton "Contacter" ou "Acheter", vous perdez des conversions et des signaux d'engagement.
- Page d'accueil qui explique ce que fait l'entreprise mais pas pourquoi ça compte pour le visiteur : un visiteur veut comprendre ce qu'il gagne, pas lire une description d'activité.
- Formulaires longs et sans progression visible : un formulaire de contact de 8 champs sur mobile décourage la majorité des visiteurs.
- Vitesse de chargement ignorée : un slider d'images animé en pleine page, des dizaines de scripts tiers, des images non compressées. La performance est souvent le premier levier UX à corriger.
- Contenu trop dense sans aération : des pages entières sans images, sans listes, sans tableaux. Le texte brut mal structuré est la première cause de rebond sur les contenus informationnels.
Questions fréquentes
Google utilise-t-il les signaux comportementaux pour classer ?
Officiellement, Google nie utiliser le taux de rebond ou le temps passé sur page comme signaux directs. En pratique, le procès Google de 2024 a révélé l'existence de signaux comportementaux internes (Navboost, Glue) qui prennent en compte les clics et les retours en SERP. Ces signaux ne remplacent pas le contenu et les backlinks, mais ils peuvent moduler le classement à la marge.
Quels éléments UX influencent le plus le SEO ?
Quatre dimensions principales : la performance (Core Web Vitals officiels), la mobile-friendliness (ergonomie tactile, lisibilité), la qualité du contenu (clarté, structure, valeur ajoutée), et la facilité de navigation (maillage interne, fil d'Ariane, recherche interne). Un site lent ou peu lisible aura beau avoir un contenu excellent, son SEO sera plafonné.
Le taux de rebond est-il un mauvais signal SEO ?
Pas par lui-même. Un fort taux de rebond peut être normal sur une page qui répond directement à la question (l'utilisateur a trouvé sa réponse et repart). Il devient suspect quand il s'accompagne d'un retour rapide vers la SERP (pogo-sticking) : l'utilisateur n'a pas trouvé sa réponse et essaie un autre résultat. Ce signal-là, Google le perçoit indirectement.
Comment auditer l'UX d'un site dans une optique SEO ?
Quatre outils complémentaires : PageSpeed Insights pour les Core Web Vitals et la performance, Microsoft Clarity (gratuit) pour les heatmaps et enregistrements de sessions, Google Analytics 4 pour les comportements et conversions, et des tests utilisateurs réels (5 personnes suffisent pour révéler 80 % des problèmes). Croiser ces sources donne une vision complète des frictions UX qui freinent le SEO.