{"id":335,"date":"2021-09-28T16:52:27","date_gmt":"2021-09-28T14:52:27","guid":{"rendered":"https:\/\/agence-web-de-vos-projets.fr\/?p=335"},"modified":"2022-10-13T11:54:16","modified_gmt":"2022-10-13T09:54:16","slug":"faut-il-utiliser-un-slider-sur-son-site-web","status":"publish","type":"post","link":"https:\/\/agence-web-de-vos-projets.fr\/?p=335","title":{"rendered":"Faut-il utiliser un slider sur son site web ?"},"content":{"rendered":"\n<p>Un slider est cette banni\u00e8re que vous trouvez en haut de la page d&rsquo;accueil et qui, g\u00e9n\u00e9ralement, a pour objectif de mettre en \u00e9vidence une actualit\u00e9, ou bien de pr\u00e9senter produits, prestations ou promotions. Visuellement, il s&rsquo;agit d&rsquo;images qui se succ\u00e8dent avec des effets visuels (ou pas) et sur lesquelles s&rsquo;ins\u00e8rent des textes et des liens vers des pages du site.<\/p>\n\n\n\n<p>Les sites internet utilisent des sliders sur leur page d&rsquo;accueil, souvent, pour un effet esth\u00e9tique ou bien pour un aspect purement pratique dans la pr\u00e9sentation d&rsquo;un produit ou bien d&rsquo;une offre sans avoir \u00e0 se poser des questions sur l&rsquo;ergonomie ou la mise en page. <strong>Et pourtant, seulement 1% des visiteurs de votre site internet cliqueront sur les liens de votre slider !<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"339\" src=\"https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil-1.jpg\" alt=\"\" class=\"wp-image-346\" srcset=\"https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil-1.jpg 509w, https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Pourquoi ne plus utiliser de slider sur la page d&rsquo;accueil de votre site web ?<\/strong><br>\u2022 D\u2019abord, parce que personne ne le regarde, les visiteurs d&rsquo;un site web prennent rarement le temps de parcourir chaque enchainement de votre slider (d&rsquo;o\u00f9 les petits 1% de clic dessus).<br>\u2022 Ensuite, le slider ralentit le chargement de votre page d&rsquo;accueil. Ce n&rsquo;est jamais tr\u00e8s bon d&rsquo;avoir la premi\u00e8re page du site qui met un peu de temps \u00e0 s&rsquo;afficher. Nous sommes \u00e0 l&rsquo;\u00e9poque o\u00f9 nous voulons acc\u00e9der rapidement \u00e0 l&rsquo;information.<br>\u2022 Un autre aspect, loin d&rsquo;\u00eatre n\u00e9gligeable : il p\u00e9nalise le r\u00e9f\u00e9rencement sur les moteurs de recherche, car le contenu du slider n&rsquo;est pas pris en compte par les robots.<br>\u2022 D&rsquo;un point de vue ergonomie de navigation, le slider se trouvant g\u00e9n\u00e9ralement dans le haut de la page d&rsquo;accueil, il oblige le visiteur du site \u00e0 scroller pour atteindre les informations contenues dans la suite de la page. Cela peut \u00eatre \u00e9nervant, voir peu pratique.<br>\u2022 Enfin, la banni\u00e8re d&rsquo;images constituant le slider est souvent associ\u00e9e \u00e0 de la publicit\u00e9 dans l&rsquo;esprit des internautes, ce qui fait qu&rsquo;ils ont tendance \u00e0 l&rsquo;ignorer. Cela a pour cons\u00e9quence de provoquer un mauvais taux de conversion.<\/p>\n\n\n\n<p>En r\u00e9alit\u00e9, dans l&rsquo;univers du web design, <strong>l&rsquo;utilisation de sliders dans une page d&rsquo;accueil<\/strong> d&rsquo;un site web n&rsquo;est plus recommand\u00e9e, voir n&rsquo;est plus utilis\u00e9e &#8230; en fait \u00e7a <strong>donne une image d\u00e9suette, vieillotte, voir \u00ab\u00a0<em>has been<\/em>\u00ab\u00a0<\/strong>. Bien entendu, il faut que les professionnels du web puissent l&rsquo;expliquer et proposer des alternatives, car les clients qui souhaitent cr\u00e9er un site web sont encore demandeurs de ce type de fonction.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Alors, il existe des alternatives \u00e0 l&rsquo;utilisation des sliders dans un site web.<\/strong><\/p>\n\n\n\n<p><strong>La premi\u00e8re, c&rsquo;est tout simplement de ne pas utiliser de slider<\/strong> et de le remplacer par l&rsquo;affichage d&rsquo;illustrations (sous forme de pictogrammes par exemple) pour mettre en avant vos produits, prestations ou services, ce qui aura l&rsquo;avantage de rendre votre site web plus ergonomique  en permettant aux visiteurs du site de trouver directement l&rsquo;information qu&rsquo;il recherche (plus besoin de scroller ou de consulter les slides les uns apr\u00e8s les autres).<br>Dans le m\u00eame ordre d&rsquo;id\u00e9es, la page d&rsquo;accueil du site peut pr\u00e9senter un seul produit ou prestation, mis en vedette, en utilisant des textes et des images statiques qui auront un plus grand impact et qui faciliteront l&rsquo;acc\u00e8s directe \u00e0 l&rsquo;information qu&rsquo;il recherche.<\/p>\n\n\n\n<p><strong>Une deuxi\u00e8me approche<\/strong> consiste \u00e0 positionner d\u00e8s le haut de la page d&rsquo;accueil un bouton incitant l&rsquo;internaute \u00e0 entreprendre une action : c&rsquo;est que l&rsquo;on appelle<strong> le \u00ab\u00a0<em>Call to Action<\/em>\u00ab\u00a0<\/strong>. Cette alternative est excellente d\u00e8s lors que l&rsquo;objectif du site web est d&rsquo;augmenter le taux de conversion, car le visiteur du site est interpell\u00e9, m\u00eame si la suite de la page est consacr\u00e9e \u00e0 une pr\u00e9sentation plus d\u00e9taill\u00e9e de vos offres.<\/p>\n\n\n\n<p><strong>Une troisi\u00e8me alternative<\/strong> (proche dans le concept de la pr\u00e9c\u00e9dente) <strong>est d&rsquo;int\u00e9grer un formulaire d&rsquo;inscription<\/strong> directement en haut de la page d&rsquo;accueil du site. Si l&rsquo;objectif est d&rsquo;enregistrer directement des demandes en ligne de type r\u00e9servations, inscriptions, locations &#8230; etc., cette approche permet aux visiteurs d&rsquo;aller directement \u00e0 l&rsquo;essentiel.<\/p>\n\n\n\n<p><strong>Encore une alternative est l&rsquo;utilisation de la vid\u00e9o<\/strong>. L&rsquo;int\u00e9gration d&rsquo;une vid\u00e9o d\u00e8s la page d&rsquo;accueil associe le c\u00f4t\u00e9 esth\u00e9tique et un aspect dynamique et vivant de la page d&rsquo;accueil. En plus, \u00e0 la diff\u00e9rence du slider, le taux de conversion est bien meilleur. La seule contrainte est de veiller \u00e0 la qualit\u00e9 de la vid\u00e9o diffus\u00e9e, \u00e0 la fois pour retenir l&rsquo;attention de l&rsquo;internaute, mais aussi parce qu&rsquo;elle contribue \u00e0 l&rsquo;image de marque que vous souhaitez afficher.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil1-1024x715.jpg\" alt=\"\" class=\"wp-image-343\" srcset=\"https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil1-1024x715.jpg 1024w, https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil1-300x210.jpg 300w, https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil1-768x536.jpg 768w, https:\/\/agence-web-de-vos-projets.fr\/wp-content\/uploads\/2021\/09\/slider-page-accueil1.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Les alternatives au slider sont vari\u00e9es et peuvent \u00eatre adapt\u00e9es \u00e0 vos besoins, vos objectifs et \u00e0 votre activit\u00e9. Le \u00ab\u00a0<em>Call to Action<\/em>\u00a0\u00bb sera par exemple parfaitement adapt\u00e9 \u00e0 la mise en avant d&rsquo;une promotion. Des illustrations ou des images simples seront plus efficaces pour informer rapidement sur vos produits ou prestations. Le formulaire vous permettra de r\u00e9colter facilement des contacts nouveaux. La vid\u00e9o permettra de jouer sur l&rsquo;image et le dynamisme de votre entreprise ou d&rsquo;un produit.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un slider est cette banni\u00e8re que vous trouvez en haut de la page d&rsquo;accueil et qui, g\u00e9n\u00e9ralement, a pour objectif de mettre en \u00e9vidence une actualit\u00e9, ou bien de pr\u00e9senter produits, prestations ou promotions. Visuellement, il s&rsquo;agit d&rsquo;images qui se succ\u00e8dent avec des effets visuels (ou pas) et sur lesquelles s&rsquo;ins\u00e8rent des textes et des [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":349,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,7,16,14],"tags":[47,44,43,42,46,45,21],"class_list":["post-335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-la-societe-innovation-partners","category-refonte-de-site-web","category-site-internet","tag-alternative-au-slider-web","tag-call-to-action","tag-site-web","tag-slider-page-accueil","tag-slides","tag-video","tag-webdesign"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/posts\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=335"}],"version-history":[{"count":10,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/posts\/335\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/posts\/335\/revisions\/354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=\/wp\/v2\/media\/349"}],"wp:attachment":[{"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agence-web-de-vos-projets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}