Sliders et carrousels : faut-il en mettre sur son site ?

Un slider (ou carrousel, diaporama) fait défiler plusieurs images ou messages au même endroit d'une page, le plus souvent en haut de la page d'accueil. Il a été très à la mode dans les thèmes WordPress. Depuis une dizaine d'années, la plupart des spécialistes du référencement et de la conversion le déconseillent. Cette page résume leurs arguments, ce que montrent les tests, et ce qu'il vaut mieux mettre à la place.

• Peu de visiteurs interagissent avec eux : les études citées par les articles ci-dessous parlent d'environ 1 % de clics, presque toujours sur la première image. Les autres diapositives ne sont presque jamais vues.

• Ils sont ignorés : un élément qui bouge et ressemble à une publicité est évité par le regard. Le message important du slider n'est tout simplement pas lu.

• Ils ralentissent la page : plusieurs grandes images et un script à charger dès le haut de page pèsent sur le temps d'affichage, donc sur l'expérience et sur le référencement (voir les performances WordPress).

• Ils brouillent le message : en multipliant les promesses, ils donnent trop de choix à la fois et diluent ce qui compte. Ils servent souvent à contenter chaque service de l'entreprise plutôt que le visiteur.

• Ils fonctionnent mal sur mobile : images recadrées, texte illisible, gestes de balayage qui entrent en conflit avec le défilement de la page.

• Ils retirent le contrôle au visiteur : l'image change avant la fin de la lecture. Une animation automatique de plus de cinq secondes doit pouvoir être mise en pause, c'est une règle d'accessibilité (critère WCAG 2.2.2).

• Ils repoussent le contenu vers le bas : un grand bandeau en haut de page oblige à défiler pour trouver ce que le site propose.

L'article d'origine, publié en 2017, rassemblait quatre points de vue, tous en anglais :

• Yoast (référence du SEO sous WordPress) : un slider n'apporte rien au référencement, alourdit la page et réduit probablement le taux de conversion ; une image seule a autant d'impact. Lire l'avis de Yoast sur les sliders.

• Search Engine Land : sur les sites B2B, le carrousel en page d'accueil est un des problèmes les plus courants, inefficace et nuisible à la facilité d'utilisation. Alternatives proposées : une image forte avec un contenu de qualité, des zones qui orientent chacun vers ce qu'il cherche, un contenu personnalisé selon l'activité précédente ou le profil du visiteur. Lire l'article de Search Engine Land (le site refuse parfois les accès automatiques).

• ManageWP : douze raisons de s'en passer (ignorés, lents, contenu éparpillé, aspect de publicité, faible contrôle donné au visiteur, trop d'options) et des alternatives. Lire les alternatives aux sliders de ManageWP.

• Thrive Themes : « pourquoi il est temps de bannir les sliders ». L'article d'origine n'est plus à cette adresse, qui renvoie aujourd'hui vers un autre contenu ; nous ne le lions donc plus.

Le site Should I use a carousel? résume la même position : remplacez le slider par une image fixe, et « si vous voulez faire bouger des images, réalisez une vidéo ».

Deux tests comparaient une page avec slider à la même page avec une image fixe. Ils étaient publiés par Behave.org, un site qui n'est plus accessible ; les chiffres ne sont donc plus vérifiables aujourd'hui et sont à prendre comme des ordres de grandeur, pas comme des preuves :

• Emob4kids : images fixes, soit 189,7 % de clics en plus et 75 % de ventes en plus par rapport au slider.

• Dell (page d'accueil) : images fixes, soit 20 % de clics en plus et 5 % de revenu par visiteur en plus.

La conclusion vaut surtout comme méthode : sur votre propre site, la seule façon de savoir est de comparer les deux versions (voir les tests A/B).

• Une image fixe forte, avec le message principal en vrai texte (titre, une phrase, un bouton), à la place du slider. C'est la solution la plus simple et, d'après les sources ci-dessus, aussi efficace.

• Une proposition de valeur claire dès le premier écran : dites ce que vous faites, pour qui, et ce que le visiteur gagne (voir la proposition de valeur unique).

• Des zones d'orientation : trois ou quatre blocs visibles en même temps qui mènent vers vos offres ou vos pages principales, plutôt que quatre messages l'un après l'autre.

• Une vidéo, si vous avez vraiment quelque chose à montrer en mouvement, lancée par le visiteur plutôt qu'en lecture automatique.

• Un choix de profil : demander au visiteur qui il est (particulier, entreprise…) et lui montrer la suite adaptée.

Pour le choix des images elles-mêmes, voir Quelles images mettre dans votre site Web ?.

Le problème vient surtout du slider d'accueil qui sert à tout dire en même temps. Un carrousel garde son sens quand le visiteur le commande lui-même et qu'il parcourt des éléments de même nature : photos d'un même produit, témoignages, logos de clients. Dans ce cas :

• ne le placez pas au tout début de la page, et ne lui confiez pas votre message principal ;

• pas de défilement automatique, ou avec un bouton de pause ;

• flèches et points utilisables au clavier et au toucher, images légères, chargées au fur et à mesure ;

• vérifiez que la page reste utile si seule la première image est vue.

Si vous utilisez Divi, ses modules de diaporama existent encore (voir le module Diapo et le tutoriel pour créer un diaporama d'images), mais les mêmes réserves s'appliquent.