Le carrousel de page d'accueil reste un réflexe de conception : plusieurs visuels qui défilent, chacun avec son message et son bouton. Il satisfait tout le monde en interne, puisque chaque service obtient sa slide. Le problème, c'est que les visiteurs ne se comportent pas comme le comité qui a validé la maquette.
Les mesures publiées depuis une dizaine d'années par des équipes de recherche UX indépendantes convergent : la majorité des visiteurs ne voit que la première slide, clique rarement, et le carrousel pèse sur la vitesse et l'accessibilité de la page. Cet article résume ces données, explique les mécanismes en jeu, propose des alternatives et donne les critères pour décider chez vous.
Ce que mesurent les études sur les carrousels
Les chiffres qui circulent sur les carrousels viennent de quelques sources précises, dont certaines sont anciennes mais jamais contredites depuis.
- Université de Notre Dame (2013) : Erik Runyon, développeur web de l'université, a suivi le carrousel de la page d'accueil nd.edu d'octobre 2012 à janvier 2013. Environ 1 % des visiteurs ont cliqué sur une slide, et 84 % de ces clics concernaient la première position. Sur trois autres sites de l'université, le taux de clic allait de 1,7 % à 2,3 %. Ces données sont publiées sur son blog et portent sur des sites universitaires, pas sur du e-commerce.
- Nielsen Norman Group (2013) : dans un test utilisateur, une participante cherchant une machine à laver sur le site de Siemens UK n'a pas vu une remise de 100 £ affichée en gros caractères dans le carrousel qui défilait automatiquement. Elle a conclu que la marque ne faisait pas d'offre et a quitté le site. Jakob Nielsen en tire une règle : le contenu qui bouge sans que l'utilisateur l'ait demandé est traité comme une publicité et ignoré.
- Baymard Institute (mis à jour en avril 2025) : sur un panel de grands sites e-commerce américains et européens, 33 % des pages d'accueil desktop utilisent un carrousel et 46 % de ces carrousels présentent des problèmes d'ergonomie. En test, les participants commencent leur recherche (barre de recherche, menu) avant même que la page d'accueil ait fini de charger, et ne voient donc pas la rotation. Baymard note que des sections statiques donnent des résultats équivalents tout en étant plus simples à utiliser.
| Source | Périmètre | Résultat |
|---|---|---|
| E. Runyon, Notre Dame, 2013 | Page d'accueil nd.edu, oct. 2012 à janv. 2013 | Environ 1 % des visiteurs cliquent ; 84 % des clics sur la slide 1 |
| Nielsen Norman Group, 2013 | Test utilisateur qualitatif, site Siemens UK | Promotion en défilement automatique non vue par la participante |
| Baymard Institute, 2019, mis à jour 2025 | Benchmark de grands sites e-commerce US et européens, desktop | 33 % ont un carrousel ; 46 % de ces carrousels posent des problèmes UX |
Ces résultats ne disent pas qu'un carrousel divise vos ventes par deux. Ils montrent que les slides suivantes sont très peu vues et que le message principal est manqué s'il n'est pas sur la première.
Pourquoi un carrousel nuit aux conversions
Il dilue le message principal
Une page d'accueil a un travail : dire en quelques secondes ce que vous faites, pour qui, et quoi faire ensuite. Un carrousel remplace ce message unique par quatre ou cinq messages qui se succèdent. Le visiteur qui arrive sur la slide 3 voit une promotion secondaire à la place de votre proposition de valeur.
Il est perçu comme une publicité
Les internautes ont appris à ignorer les zones animées et les grands visuels de type bannière. Un bloc qui défile tout seul active ce réflexe : plus l'élément bouge, plus il ressemble à une publicité, moins il est lu.
Il pèse sur la vitesse et les Core Web Vitals
Un carrousel en haut de page charge plusieurs images lourdes, plus une bibliothèque JavaScript. Le guide de Google sur les bonnes pratiques des carrousels rappelle que le carrousel contient souvent l'élément mesuré par le LCP (Largest Contentful Paint), que le chargement des slides par JavaScript retarde cet indicateur, et qu'une rotation automatique mal codée peut provoquer des décalages de mise en page (CLS) en continu. Le même guide recommande simplement de ne pas utiliser la lecture automatique. Pour mémoire, les seuils « bons » définis par Google sont un LCP inférieur à 2,5 secondes, un INP de 200 ms ou moins et un CLS de 0,1 ou moins, mesurés au 75e percentile des chargements. Si votre page d'accueil dépasse ces seuils, le carrousel est un suspect à examiner en priorité ; nous détaillons la démarche sur notre page optimisation de la vitesse d'un site.
Il pose un problème d'accessibilité
Le critère 2.2.2 des WCAG (niveau A), repris par le RGAA en France, impose qu'un contenu qui bouge ou se met à jour automatiquement pendant plus de cinq secondes puisse être mis en pause, arrêté ou masqué par l'utilisateur. Beaucoup de carrousels n'offrent pas cette commande. Le sujet n'est plus seulement une bonne pratique : la directive européenne 2019/882 sur l'accessibilité, applicable depuis le 28 juin 2025, couvre notamment les services de commerce électronique. Les micro-entreprises qui fournissent des services en sont exemptées, mais leurs clients grands comptes peuvent exiger la conformité.
Pourquoi les carrousels persistent
Si les données sont aussi nettes, pourquoi un tiers des grands sites e-commerce en ont encore un ? Trois raisons reviennent.
- Le carrousel évite une décision. Choisir un seul message pour la page d'accueil demande d'arbitrer entre le commerce, le marketing et la direction. Le carrousel permet de ne pas trancher : tout le monde a sa slide.
- Il est livré par défaut. La plupart des thèmes WordPress, Shopify ou PrestaShop proposent un « slider » sur la page d'accueil. Le retirer demande un choix conscient, le garder ne demande rien.
- Il rassure sur le plan esthétique. Un visuel animé donne une impression de site « vivant ». Cette impression est celle du dirigeant qui regarde sa propre page, pas celle du visiteur qui cherche un prix ou un horaire.
Aucun de ces arguments ne porte sur le visiteur.
Que mettre à la place d'un carrousel
L'objectif n'est pas de faire une page vide, mais de hiérarchiser. Trois dispositifs couvrent la quasi-totalité des besoins qu'un carrousel prétend traiter.
| Besoin exprimé | Alternative | Point d'attention |
|---|---|---|
| Présenter l'offre principale | Un bloc d'en-tête statique : un titre, une phrase, un bouton, un visuel | Le message doit être compréhensible en une lecture ; le visuel ne doit pas retarder le LCP |
| Mettre en avant plusieurs promotions | Une grille de deux à quatre blocs, avec une taille plus grande pour la promotion prioritaire | Tous les blocs sont visibles en même temps ; l'ordre exprime la priorité |
| Présenter plusieurs univers ou cibles | Des sections successives dans la page, une par cible, avec leur propre bouton | Le visiteur fait défiler naturellement ; le contenu reste lisible par Google |
| Galerie de réalisations ou portfolio | Un carrousel manuel, sans rotation automatique, ou une galerie en grille | Ici la navigation est voulue par l'utilisateur ; c'est le cas légitime |
La question de l'indexation se pose aussi pour les onglets et les accordéons, souvent proposés comme substituts. Nous l'avons traitée dans l'article Accordéons, infinite scroll, onglets : est-ce bon pour le SEO ?. En résumé, Google lit le contenu masqué par un onglet s'il est présent dans le HTML, mais un contenu chargé par JavaScript au clic n'est pas garanti.
Si vous gardez un carrousel : les conditions minimales
Certains sites ont de bonnes raisons de conserver un carrousel, par exemple un portfolio ou une galerie produit. Les recommandations de Baymard, de Nielsen Norman Group et de Google se recoupent et forment une liste de contrôle.
- Pas de rotation automatique sur mobile, et de préférence pas non plus sur desktop.
- Si la rotation automatique est maintenue sur desktop : intervalle de 5 à 7 secondes minimum, pause au survol, arrêt définitif dès que l'utilisateur interagit, et une commande visible pour la stopper.
- Cinq slides au maximum, la plus importante en première position.
- Des commandes de navigation grandes et visibles à l'intérieur du carrousel, pas de petits points seuls, surtout sur mobile.
- Du texte HTML lisible plutôt que du texte incrusté dans les images.
- Les slides chargées dans le HTML, pas injectées par JavaScript, pour ne pas retarder le LCP.
- Chaque contenu du carrousel accessible ailleurs sur le site, par le menu ou une section dédiée.
Si votre carrousel ne remplit pas ces conditions, un bloc statique demande souvent moins de travail que sa mise en conformité.
Comment décider chez vous
Les études donnent des ordres de grandeur, pas une réponse pour votre site. Trois mesures suffisent pour trancher.
- Mesurez les clics par slide. Dans Google Analytics 4 ou Matomo, créez un événement par clic sur une slide avec sa position en paramètre. Après deux à quatre semaines, vous saurez si vos slides 2 à 5 servent à quelque chose.
- Regardez la vitesse réelle. Dans la Search Console, le rapport « Signaux Web essentiels » indique si votre page d'accueil est dans les seuils. PageSpeed Insights vous dira quel élément est mesuré pour le LCP ; si c'est une image du carrousel, vous tenez votre première optimisation.
- Testez une version statique. Remplacez le carrousel par un bloc d'en-tête reprenant la slide 1 et comparez, sur une période équivalente, le taux de clic vers la page suivante et les conversions. Un test A/B est préférable ; à défaut, une comparaison avant/après sur quatre semaines donne déjà une indication.
Ce travail de mesure rejoint ce que nous faisons dans un audit UX : observer ce que font réellement les visiteurs, puis proposer une hiérarchie de page qui correspond à vos objectifs plutôt qu'aux compromis internes.
Questions fréquentes
Un carrousel est-il mauvais pour le référencement ?
Pas directement : Google indexe le contenu des slides s'il est présent dans le HTML. En revanche, un carrousel alourdit souvent la page d'accueil, retarde l'affichage de l'élément principal (LCP) et peut créer des décalages de mise en page. Ces signaux de performance entrent dans l'évaluation de l'expérience de page.
Quel pourcentage de visiteurs clique sur un carrousel ?
La mesure la plus citée vient de l'université de Notre Dame en 2013 : environ 1 % des visiteurs cliquaient sur une slide, et 84 % de ces clics concernaient la première. D'autres sites de la même université allaient de 1,7 % à 2,3 %. Ces chiffres varient selon le site, d'où l'intérêt de mesurer le vôtre.
Comment présenter plusieurs promotions sans carrousel ?
Avec une grille de deux à quatre blocs visibles en même temps, dont un plus grand pour la promotion prioritaire. Tous les messages sont lus d'un coup, sans attendre une rotation, et l'ordre des blocs exprime vos priorités. Les promotions secondaires peuvent aussi prendre place dans une section plus bas dans la page.
Un carrousel à défilement automatique est-il conforme en matière d'accessibilité ?
Le critère 2.2.2 des WCAG, repris par le RGAA, exige qu'un contenu qui bouge automatiquement pendant plus de cinq secondes puisse être mis en pause, arrêté ou masqué par l'utilisateur. Un carrousel sans bouton de pause ne respecte pas ce critère. Le plus simple est de désactiver la rotation automatique.
Dans quels cas un carrousel reste-t-il pertinent ?
Quand la navigation entre les images est voulue par l'utilisateur : galerie de réalisations, photos d'un produit, portfolio. Dans ce cas, le carrousel doit être manuel, avec des commandes visibles et un nombre de slides limité. Pour porter le message principal d'une page d'accueil, un bloc statique est préférable.