Introduction

Appelés aussi carrousels (ou sliders en anglais), les diaporamas ont eu leur heure de gloire. L’objectif premier de cet élément de design web était de rendre la page plus attractive et interactive. Il permettait aussi de présenter plusieurs messages au même endroit. Mais pourquoi alors ne plus utiliser ces diaporamas sur un site web ? En fait, ils se sont progressivement avérés pénalisants pour l’expérience utilisateur et le référencement naturel (SEO).

Tout d’abord l’internaute doit attendre le défilement pour découvrir l’élément suivant (même s’il peut le faire manuellement). Au contraire, ce défilement peut être trop rapide. Dans les deux cas, cela peut engendrer de la frustration.  De multiples études montrent d’ailleurs que généralement l’utilisateur ne visualise que la première diapo.

Accessibilité

De plus les sliders sont peu adaptés à la navigation sur appareils mobiles. L’utilisation croissante de ces appareils entraine des attentes spécifiques en matière de rapidité et de navigation. Il vaut alors mieux privilégier des éléments statiques forts et des appels à l’action.
S’ils s’avèrent réellement utiles, ces diaporamas devraient être réservés à la version « desktop » du site.

Des problèmes d’accessibilité peuvent se poser, par exemple pour les personnes malvoyantes, celles qui utilisent un lecteur d’écran, ou encore celles qui souffrent de troubles de l’attention.

Performances et SEO

Les impacts sur les performances et donc le référencement naturel (SEO) sont multiples.
Si les illustrations sont de qualité, elles ne sont généralement pas optimisées pour le web. Cela a un impact direct sur la vitesse de chargement des pages.
Ces sliders sont générés par script ou plugin (sur WordPress). Or ces derniers peuvent avoir une qualité aléatoire. Ils ne prennent pas forcément bien en charge le lazy loading (permettant de charger les images uniquement quand elles apparaissent dans le champ de vision de l’utilisateur). Sans ce lazy loading, toutes les images sont chargées à l’ouverture de la page. Là aussi cela peut avoir un effet négatif sur les performances, en particulier le Largest Contentful Paint (LCP) et le Speed Index.

Les moteurs de recherche favorisent les informations (telles que les mots-clés) aisément accessibles et lisibles. Or celles figurant dans les diaporamas, souvent masquées derrière une couche de slides, sont fréquemment ignorées par les robots d’indexation. cela nuit encore au référencement.

Alernatives

Plutôt que recourir à un carrousel d’images, vous pouvez diviser le contenu en sections distinctes. Chacune a ses propres illustration et message-clé. L’utilisateur peut alors visualiser le contenu à son rythme, sans être perturbé par des transitions automatiques. L’expérience utilisateur en est facilitée.

Les vidéos constituent une autre alternative. Bien réalisée, même une courte vidéo peut s’avérer plus impactante que l’ensemble d’illustrations et textes d’un diaporama. Par ailleurs cela permet de varier les supports présentés par le site, et le rend plus vivant.