(352) 397-2705

Website Sliders Are Out and Hero Images Are In

Jan 22, 2016 | Web Design

catscarf-hero-image-website

Sliders, also called carousels or rotating banners, are those rotating text and images seen at the top of a website’s homepage have been all the rage for several years now. Almost every client who has wanted a website built in the past several years feels like they absolutely must have these on their homepage. And, every website designer and developer I know now cringes when they are asked for them.

The Great Slider Debate

There is even a slider debate among website professionals, with most feeling they are a waste of space, and that they give the impression that those using them can’t commit to a good single message to explain their website.

There have also been studies done to determine if they are effective or not. And, I have actually been hard pressed to find a study that says sliders are a good idea for a website and offer it substantial benefits.

According to Chris Goward, of Wider Funnel:

“We have tested rotating offers many times and have found it to be a poor way of presenting home page content.”

We can look as some statistics regarding the use of website sliders and come up with the following:

Furthermore, behavioral scientist Thijs de Valk said in a post he wrote that sliders have proven to be terrible for SEO and are not user-friendly. He goes so far as to say:

“Simply having a slider on your website will get you less sales! If that’s not a deal-breaker, I seriously don’t know what is… It kills your rankings and your conversions!”

And, Google actually agrees with this. In their page layout algorithm improvement, as well as at other times before, they have said that pushing your actual content of the page further down basically ruins your search ranking and that’s what sliders at the top of a page do.

What’s The Alternative? Consider a Hero Image

While some may think sliders look pretty and have cool effects, homepage carousels are basically an ineffective use of space and more website owners are now finding that out and deciding to use a hero image on their homepage instead.

A hero image is a large banner image or graphic, placed prominently on the home page. It often has your company’s brand, name or logo superimposed on it, and it is the first visual a website visitor encounters on the site. It’s purpose is to present an overview of the website’s most important content, convey a brand, or evoke an emotion or feeling from your visitor.

Usually a hero image will be a hi-res photograph directly related to the company’s brand or the content of the website, but some designers have also worked with vector backgrounds, illustrations and even video. Hero images strongly focus on a visual, and many times feature simple typography and minimal color choices.

“Hero banners” are becoming a growing trend as well, replacing traditional navigational menus on home pages. They feature large “in your face” images, where branding, navigation and other tools are placed along the top, bottom of sides of the image, while still keeping the focus on the image itself.

Some examples of hero images and hero banners are:

float-hero-image-website

Float

m2b-hero-image-website

M2B

catscarf-hero-image-website

CatScarf

renovator-website-hero-image

The Renovator

While some pages may feature an image only, most pages with hero images also contain additional content and text below the image.

Conclusion

So, the next time you think you want a slider on your page, stop and think about if it is really necessary first? To add something to your page just because you can, doesn’t make it a good reason.

nora-signature

Nora Kramer
Follow Me

Want to work with me?

I would love to talk with you and see if we are a good fit for each other on a project! Please schedule a call to get started.

Click To Call