Carrousel sur une landing page : pourquoi il plombe la conversion
Publié le 31 juillet 2026 · 7 min de lecture
Le carrousel — ce bandeau d'images qui défilent automatiquement en haut de page — a une qualité qui explique sa longévité : il met tout le monde d'accord en réunion. Le produit A, la promo du moment, le nouveau service et le message institutionnel ont chacun leur slide, personne n'a eu à trancher. C'est précisément le problème : la landing page a été conçue pour éviter de choisir un message, et le visiteur, lui, tranchera en quelques secondes. Sur une page dont l'objectif est une action unique, le carrousel travaille contre vous par trois mécanismes bien documentés.
Mécanisme 1 : il ressemble à une publicité, donc il est ignoré
Un grand visuel animé qui change tout seul, c'est le format exact de la bannière publicitaire — et les internautes ont appris à ne plus voir les bannières. Ce phénomène a été mis en évidence dès les débuts du web par l'étude de Benway et Lane (1998), « Banner Blindness: Web Searchers Often Miss "Obvious" Links » : dans leurs expériences, des bandeaux volontairement voyants, placés en haut de page et contenant l'information que les participants cherchaient, n'étaient remarqués que dans 58 % des cas — contre 94 % pour la même information présentée comme un lien ordinaire. Plus l'élément était grand, coloré et séparé du contenu, plus il était ignoré. Un carrousel hérite en plein de cette « cécité aux bannières » : votre message principal est servi dans le format que le cerveau des visiteurs a appris à filtrer.
Mécanisme 2 : des messages qui défilent sont des messages qu'on rate
Même quand le carrousel est regardé, l'arithmétique joue contre lui. Cinq slides qui tournent, c'est chaque message visible 20 % du temps : un visiteur qui arrive, lit le slide affiché et descend — le comportement normal — ne verra jamais les quatre autres. Ceux qui restent subissent le défilement automatique : la slide change pendant la lecture, l'information disparaît avant d'être traitée, et sur mobile le geste de swipe entre en conflit avec le scroll. Le résultat pratique, constaté dans les données de clics de la plupart des sites : l'écrasante majorité des interactions se concentre sur la première slide, les suivantes existant surtout pour rassurer les parties prenantes internes.
Mécanisme 3 : le coût technique est réel
Un carrousel charge plusieurs grandes images (souvent toutes d'emblée), embarque du JavaScript d'animation, et déclenche des décalages de mise en page qui dégradent les Core Web Vitals — précisément les métriques de vitesse et de stabilité que Google utilise et que vos visiteurs ressentent. Sur une landing page où chaque seconde de chargement coûte des conversions, payer ce prix pour un élément que le mécanisme 1 rend invisible est une double peine.
Par quoi remplacer le carrousel, selon ce que vous vouliez montrer
| Ce que le carrousel devait montrer | Alternative plus efficace |
|---|---|
| Plusieurs offres ou messages | Choisir LE message principal pour le hero, présenter les autres en sections successives dans l'ordre de l'argumentaire |
| Plusieurs visuels du produit | Une image hero forte + une galerie statique en grille plus bas dans la page |
| Des témoignages clients | Une section preuve sociale dédiée, témoignages visibles simultanément, sans défilement automatique |
| De l'animation, du « dynamisme » | Une vidéo courte déclenchée par l'utilisateur, ou des micro-animations discrètes au scroll |
| Plusieurs cibles (B2B/B2C, personas) | Une landing page par cible — c'est tout l'intérêt du format |
Le fil conducteur de ces alternatives : rendre le choix éditorial que le carrousel permettait d'esquiver. Une landing page a une hiérarchie — un message principal, des arguments de soutien, une action. Notre article sur l'anatomie d'une landing page qui convertit détaille cette structure section par section, et celui sur l'image hero montre comment une seule image bien choisie fait plus de travail que cinq qui défilent. Si votre vraie question est « plusieurs offres sur une même page ? », la réponse relève du paradoxe du choix — et elle est rarement en faveur de l'empilement.
Les rares cas où un défilement se défend
- Une galerie produit e-commerce contrôlée par l'utilisateur (flèches, vignettes), sans défilement automatique : c'est un outil d'exploration volontaire, pas un canon à messages.
- Un bandeau de logos clients qui défile lentement : les logos n'ont pas besoin d'être lus un à un, l'effet de masse suffit.
- Des témoignages nombreux en défilement manuel, à condition que les premiers soient visibles sans interaction.
Le critère commun : le défilement est initié par l'utilisateur et ne porte jamais le message principal. Dès qu'une information nécessaire à la décision est cachée derrière un swipe, elle est perdue pour la majorité des visiteurs.
C'est un parti pris assumé des templates LanderKit : aucun carrousel dans le hero, jamais. Un message, une image ou une démonstration, un bouton — et les sections suivantes déroulent l'argumentaire dans l'ordre où le visiteur en a besoin. Les 10 templates (89 € l'unité, 229 € le pack) appliquent cette structure à autant de cas d'usage différents.
FAQ
Questions fréquentes
Pourquoi les carrousels convertissent-ils mal ?
Trois raisons documentées : ils ressemblent à des bannières publicitaires que les internautes ont appris à ignorer (« banner blindness », mise en évidence par Benway et Lane dès 1998) ; les messages en rotation ne sont chacun visibles qu'une fraction du temps et la plupart des visiteurs ne voient que la première slide ; et leur poids technique dégrade la vitesse de chargement.
Par quoi remplacer un carrousel en haut de landing page ?
Par un hero statique portant le message principal : un titre orienté bénéfice, une image ou vidéo unique, un appel à l'action. Les contenus des autres slides deviennent des sections successives de la page, présentées dans l'ordre logique de l'argumentaire.
Un carrousel est-il acceptable pour une galerie de photos produit ?
Oui, à condition qu'il soit contrôlé par l'utilisateur (flèches, vignettes, swipe volontaire) et sans défilement automatique. Le problème n'est pas le composant en soi, c'est le défilement automatique de messages importants que le visiteur n'a pas demandé.
Le carrousel pénalise-t-il le référencement ?
Indirectement : les images multiples et le JavaScript d'animation alourdissent la page et peuvent dégrader les Core Web Vitals, signaux utilisés par Google. S'y ajoute un problème de contenu : les textes répartis sur des slides sont souvent peu accessibles aux moteurs et l'information clé se retrouve diluée.
À lire ensuite
Articles liés
- Image hero de landing page : photo, illustration ou capture d'écran ?L'image hero occupe la moitié de l'écran le plus précieux de votre landing page — celui que 100 % des visiteurs voient. Photo humaine, capture produit, illustration ou pas d'image du tout : comment choisir selon votre offre, ce que la recherche dit des visages et de la mémorisation des images, et les erreurs les plus répandues.
- Photos avant/après sur une landing page : comment les rendre convaincantes (et légales)« Avant » : une silhouette fatiguée, un jardin en friche. « Après » : le même sujet, quelques mois plus tard. Aucun argumentaire ne rivalise avec cette preuve-là — à condition de la montrer honnêtement. Formats, secteurs, placement et règles à respecter avant de publier une seule photo avant/après.
- Ligne de flottaison : que placer au-dessus du pli sur une landing page ?La « ligne de flottaison » — la limite basse de ce qui s'affiche sans scroller — n'a jamais cessé d'exister, même à l'ère du scroll infini. Ce qui se trouve au-dessus est vu par tout le monde ; ce qui se trouve dessous, seulement par ceux que le premier écran a convaincus de continuer.