Content sliders, also known as carousels, showcase multiple links and images inside one box. The slider rotates through a sequence of content at a set interval, displaying each \u2018slide\u2019 for only a moment before moving onto the next.<\/p>\n\n\n\n
It was not long ago that sliders were the go-to homepage design. There\u2019s a reason for that: sliders are dynamic and eye-catching, and they let you easily to swap content in and out to keep the homepage current.<\/p>\n\n\n\n
So why are so many sites ditching them?<\/p>\n\n\n\n
Just look at this post showing examples of beautiful slider design<\/a>. How many of those sites still have homepage sliders today?<\/p>\n\n\n\n In short, the downsides of sliders outweigh their visual appeal. Sliders hurt a site\u2019s search engine visibility, frustrate its users, and do little to drive conversions. We\u2019ll take you through the reasons why you should dump content sliders on your website. Page speed matters when it comes to search engine visibility<\/a>. Most people will wait no more than three seconds for a webpage to load<\/a> before they abandon it, and Google\u2019s search engine algorithm penalizes sites that are too slow.<\/p>\n\n\n\n One of the downsides of sliders is that they weigh the page down with extra images and Javascript. This leads to longer load times and a higher bounce rate, meaning many people will turn and leave before they have a chance to see your content. Search engine algorithms look to H1 tags for clues to the subject of a page. Best practice is to have one H1 tag with relevant keywords per page. The more H1 tags you have on a page, the less clear it is what the page is about.<\/p>\n\n\n\n Trouble is, content sliders usually have a separate H1 tag for each slide. Each time it shifts from one slide to the next, the H1 tag changes as well. Search engines have a harder time contextualizing the page as a result, dampening the impact of those keywords. Soon, Google will begin ranking websites based on the mobile browsing experience rather than the desktop version<\/a>. That\u2019s bad news for sites with content sliders.<\/p>\n\n\n\n Not only do sliders reduce page speed (which leads to even longer load times on mobile devices), but they translate poorly to touchscreens. The images shrink, the text loses formatting, and the tiny controls are even harder to use than on desktop. Many firms have done studies on the clickthrough rate of content sliders (Yoast has a great round-up here<\/a>.) While different sites have had varying success, they all support the same troubling finding: few visitors click sliders at all, and the clickthrough rate decreases with each successive slide.<\/p>\n\n\n\n There are several reasons why sliders don\u2019t click. For one, they often resemble banner ads, so the banner blindness effect leads people to ignore them<\/a>. One company that ran tests on sliders found that users had a hard time locating information in a slider<\/a>, even though it was in a large font at the top of the homepage.<\/p>\n\n\n\n Usability is another factor. People don\u2019t want to wait for the slider to rotate, nor spend time figuring out how to go back to a slide they missed. As a result, many users either leave the site or find another route to the content they want. The space above the fold (meaning the part of a page users can see without scrolling) is a site\u2019s most valuable real estate. If the content above the fold doesn\u2019t make the right impression, people are less likely to explore the rest of the site.<\/p>\n\n\n\n Considering how few people engage with them, sliders are a poor use of that space. So what\u2019s the alternative?<\/p>\n\n\n\n Take another look at the list we mentioned at the start<\/a>. Many of those sites have switched to what\u2019s called the hero layout<\/a> \u2013 a single bold image and a compelling tagline. Given that the first image in a slider always gets the most clicks, this one-message approach makes a lot of sense. Find Out How TrafficSoda Can Greatly Improve Your Site’s Traffic!<\/a>
<\/p>\n\n\n\nPage Speed Reduction<\/h2>\n\n\n\n
<\/p>\n\n\n\nToo Many H1 Tags<\/h2>\n\n\n\n
<\/p>\n\n\n\nBad for Mobile Browsing<\/h2>\n\n\n\n
<\/p>\n\n\n\nLow Clickthrough Rate<\/h2>\n\n\n\n
<\/p>\n\n\n\nDominates Above the Fold<\/h2>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n