Sure, they look all fancy and somewhat professional, but they eventually do more harm then good, therefore they kind of suck! From what I’ve seen, almost all themes come along with all kinds of big fancy sliders: layer slider, elastic slider, fusion slider, revolution slider, etc.
Before going “Booo, you suck, they are cool!” on me, let me tell you the reasons why you shouldn’t use sliders and carousels, then we’ll see.
1. Around 99% of the users don’t interact with a slider or carousel
Just around 1% of users click on a feature. 84% of those clicks are almost always on the first slide.
Think about it… when did you take the time to look/browse all the slides? Not often, or never. If you did click, you probably clicked on the first image you saw.
2. They negatively impact your SEO
- Site speed. They slow down your site’s speed which is a ranking factor included by Google back in 2010. Google recommends that a page should load in 1.4 seconds or less, which is pretty extreme if you ask me, but… that’s that.
- Headings structure. They add additional H1s, leading to multiple H1s on a page, which is bad. A page should only have one H1, the page’s topic (with a keyword in it). If you have 4 slides, you’ll end up with 4 x H1s, therefore, your page will have 4 topics. Does that sound good? Don’t think so…
- Flash usage. Many sliders still use flash, and flash cannot be crawled by all search engines.
3. They negatively impact your conversions
Site speed, again. Site speed doesn’t only affect SEO, but user experience as well! Here are several important statistics:
- 51% of online shoppers in the US say that site slowness is the top reason they’d abandon a purchase. Tweet this
- 64% of smartphone users expect pages to load in less than 4 seconds. Tweet this
- 75% of people would not return to websites that took longer than 4 seconds to load. Tweet this
- 88% of online consumers are less likely to return to a site after a bad experience. Tweet this
- 47% expect a web page to load in two seconds or less. Tweet this
- 40% will abandon a web page if it takes more than three seconds to load. Tweet this
- 14% will start shopping at a different site if page loads are slow, 23% will stop shopping or even walk away from their computer. Tweet this
Your lead-generating content is pushed down, below the fold. Because the sliders and carousels are so big, they push your lead-generating content below the fold, forcing the users to scroll down in order to find the information they’re looking for.
You have just a few seconds to get the users’ attention, therefore your lead-generating/call-to-action content needs to be the first thing they see, which is hard if they are distracted by the sliders, and also forced to scroll down to look for information.
Distraction. Like I’ve mentioned above, sliders and carousels can distract the users from the important information and call-to-action that’s under.
4. Your message gets diluted
Users get hit by so-called banner blindness, because of all the slides that contain different messages and headings.
Here’s a usability study where a user was given the following task: “Does Siemens have any special deals on washing machines?”. The user failed.
5. Sliders and carousels don’t always work properly on mobile devices
It’s very important for a business to have a mobile ready website because people nowadays do a lot more searching on their mobile devices than desktops (you can find some statistics here). So, if a slider can mess up your mobile website design, why use it? Did I also mention that it slows down the site and 64% of smartphone users expect pages to load in less than 4 seconds? Yep, I did.
Proper places for sliders and carousels
Sliders and carousels should be used for display purposes, not for converting or just because they look good on your homepage.
You can use sliders for:
- Product images. If you want to display a product, a slider or carousel could come in handy;
- Portfolio. If you want to display your work as a website designer, photographer, painter, etc., sliders and carousels could be helpful.
Even so, if you can find a way to use static images instead, go for that. And avoid using them on your homepage!
Alternative for sliders and carousels
Use a banner, which is basically a stretched background where you can add:
- A good heading with some lead-generating/call-to-action text;
- A good heading with some lead-generating/call-to-action text and a image of your product, for example;
- A good heading with some lead-generating/call-to-action text and a video in which you present your company, product, services, etc.;
Here’s an example of a theme with a nice banner – http://www.shapingrain.com/preview/3804089/.
After these 5 reasons, you should agree with me that they kind of suck!
If you still consider using them, think about this: Do you want the best SEO practices for your site in order to increase your ranking chances, and do you want more users to convert and make more money? Or do you want your website to have a cool and fancy slider, which is pretty much useless?
If you know more reasons why a website shouldn’t have sliders and carousels, or you want to convince me that sliders don’t suck, leave a comment.
And don’t forget to share if you enjoyed the post!