Slider ou carrousel en page d'accueil : pourquoi s'en passer

Sur la page d'accueil de la boulangerie, quatre grandes photos défilent toutes seules, chacune avec son titre et son bouton. Pendant que vous lisez le deuxième message, le troisième arrive. Ce diaporama, appelé carrousel ou slider, permet de caser tous les messages de l'entreprise en haut de page, ce qui est justement son défaut.

Pourquoi le slider séduit

Le slider règle d'abord un problème d'organisation interne. Le boulanger veut montrer ses pains, la pâtissière les gâteaux de fête, le responsable du comptoir les plateaux-repas du midi : faute de trancher, chacun obtient une diapositive. Le résultat ressemble à une vitrine où tous les produits seraient posés au même endroit, sans que l'on voie lequel est mis en avant.

Beaucoup de thèmes et de créateurs de sites proposent aussi un slider prêt à l'emploi dans leurs modèles de page d'accueil. Il arrive donc qu'un site en possède un sans que personne l'ait vraiment choisi.

Pour sortir de l'impasse, classez les messages selon ce qui amène le plus de clients et confiez les autres à des emplacements secondaires : un bloc plus bas, une page dédiée, un bandeau temporaire. Chaque responsable garde sa place, sans qu'il faille partager le haut de la page.

Les défauts du carrousel

Des messages qui se font concurrence

Quand quatre messages se partagent le même espace, aucun ne pèse. Le visiteur ne sait pas s'il doit réserver, appeler ou commander, et il remet souvent sa décision à plus tard.

Les images suivantes sont rarement vues

Le visiteur lit le premier message, puis fait défiler la page. Il attend rarement la deuxième image, encore moins la quatrième : les messages relégués en fin de rotation passent inaperçus. Si votre outil de statistiques suit les clics sur le carrousel, comparez ceux de chaque diapositive pour voir ce que chacune rapporte.

Un poids qui ralentit la page

Chaque diapositive comporte une grande image, parfois chargée dès l'arrivée sur la page. Une page d'accueil plus lourde s'affiche plus lentement sur un téléphone, au moment précis où le visiteur décide de rester ou de partir. Si vous gardez un carrousel, compressez chaque image et ne chargez que la première à l'ouverture de la page. L'article sur la vitesse du site et les Core Web Vitals explique comment mesurer cet effet.

Un défilement automatique difficile à lire

Un contenu qui bouge tout seul gêne beaucoup de personnes : lecture lente, troubles de l'attention, difficulté à toucher un bouton qui se déplace. Les règles d'accessibilité, que reprend en France le RGAA, le référentiel officiel de l'accessibilité numérique, demandent de pouvoir mettre en pause ou arrêter un contenu qui bouge automatiquement au-delà de quelques secondes. Les flèches et les points de navigation doivent aussi se manier au clavier. Les bases sont présentées dans l'article sur l'accessibilité d'un site internet.

Un effet qui se dégrade sur mobile

Sur un petit écran, les photos se recadrent, le texte posé dessus devient illisible, et les petits points de navigation se touchent mal. Le glissement latéral peut aussi entrer en conflit avec le défilement de la page : le visiteur change d'image sans le vouloir.

Ce qui fonctionne mieux

• Un message fort : une belle photo, une phrase qui dit ce que vous faites et où, un seul bouton. C'est la structure décrite dans l'article sur la rédaction de la page d'accueil ;
• Une grille de blocs : trois ou quatre cartes, chacune avec un titre, une phrase et un lien, qui donnent à chaque offre une place visible sans rien faire défiler ;
• Un bandeau d'actualité : une ligne sous l'en-tête pour l'offre du moment, le menu de fête ou la fermeture annuelle ;
• Un changement manuel : l'image et le message d'accueil évoluent à chaque saison ou événement, quand vous les modifiez.

Pour réussir ce message, choisissez une photo réelle de votre lieu ou de votre travail, avec une zone calme où le texte reste lisible, une phrase de deux lignes au plus et un bouton qui reprend l'action principale. Pour décider du message, demandez-vous ce que vous voulez qu'un visiteur fasse en premier : réserver, appeler, commander. Le reste passe en dessous.

Quand une galerie reste pertinente

Un carrousel de photos se justifie quand le visiteur le commande lui-même : galerie de réalisations, photos d'un même produit, avant et après d'un chantier. Pour qu'il serve :

• aucun défilement automatique ;
• des flèches larges et des points faciles à toucher, avec le même fonctionnement au clavier ;
• une légende et un texte alternatif pour chaque image ;
• aucune information essentielle cachée dans les diapositives suivantes : horaires, prix et bouton de réservation restent visibles ailleurs sur la page.

Pour des réalisations nombreuses, une grille de miniatures montre tout d'un coup d'œil, sans attente. Dans une galerie, les images se chargent de préférence à la demande, au fil de la navigation, pour ne pas alourdir la page à son ouverture.

Faire le ménage sur votre page

1. Regardez votre page d'accueil sur téléphone pendant dix secondes, puis notez le message que vous avez retenu.
2. Si votre site a un carrousel, coupez le défilement automatique ou supprimez-le, en gardant la meilleure photo avec son bouton.
3. Déplacez les autres messages dans des blocs sous l'image. Si le site est à refaire, demandez cette structure dès le premier échange avec votre prestataire ; le configurateur de devis donne une idée du budget.
4. Quelques semaines plus tard, comparez les clics sur le bouton principal et les appels ou réservations reçus : vous saurez si le changement a servi.