WordPress
Article

WordPress Image Sliders: To Slide or Not to Slide?

By Sally Wood

Image sliders (also known as image carousels or slideshows) can be a convenient way to display multiple images, videos, or graphics on your website. The thought of big, beautiful, flashy image shows can be quite alluring. Compelling images can draw new visitors into your site, capturing their attention immediately. And, there are plenty of WordPress image sliders and image carousel plugins on the market, just waiting to give your homepage that added pinch of pizzazz, that smidgen of sparkle that it’s been missing all along.

The problem is, sliders may not always be the best choice when it comes to website image display. Industry experts contend that sliders cause confusion, dilute your key messages, and impact negatively on SEO, website loading times, and even click-through and conversion.

So, before you install and activate any of the image sliders mentioned below, consider carefully whether you need a slider at all.

Are Image Sliders Always the Best Choice?

Before I launch into a run down of the most popular image sliders on the market today, I thought I’d take a minute and broach the subject of whether image sliders are always the best choice for a website.

With any type of feature that you decide to build into your website, it is always a good idea to critically evaluate the impact of the feature first. Don’t start designing or building before you consider how a feature is likely to impact user experience, SEO, conversion, and loading time. The fact that you think an image slider looks cool is not reason enough to include one on each and every page of your website.

There have been countless industry studies that indicate that sliders perform particularly poorly when it comes to customer conversion. Sliders rarely generate high click-through rates, with website visitors more inclined to view them as spammy advertisements; an affliction dubbed ‘banner blindness’. Given such disappointing conversion rates, including an image slider directly underneath the main menu bar of your website’s homepage, might not be the best use of such valuable real estate.

The team over at Yoast even go so far as to say that sliders suck. Their arguments (and the statistics that they have to back them up) are quite compelling:

  • Only 1% of people actually ever click on an image included in a slider or carousel (usually the first one).
  • Image sliders tend to slow down websites, which, in turn, results in negative SEO impacts, as well as reduced conversion and click-through rates. If your website is an e-commerce platform, this has the potential to impact your sales figures and the bottom-line of your business.
  • Rarely do image sliders work as intended on mobile devices (and, with the ever rising tide of mobile usage rates, this is a huge problem).
  • Naturally, due to their positioning, image sliders bump the content on your web page down. In fact, image sliders are often so big that they occupy an entire screen. As a result, there is no actual content on a web page until after the fold. According to the almighty Google, this is definitely not a good idea.
  • Image sliders can cause confusion for your website visitors, and dilute your key message, because, all of a sudden, there are multiple messages all fighting for the same real estate. If you don’t know what the most important piece of information on your website homepage is, how are your website visitors meant to know?

What to Look for in an Image Slider Plugin

So, if I haven’t scared you off, and you’re still keen to include an image slider on your website, then there are a few features that I’d suggest keeping an eye out for:

  • Make sure that the image slider you choose has top-notch usability.
  • Make sure that you select a slider that is responsive (many sliders aren’t!).
  • Make sure that you have the ability to change the settings of your image slider, including speed and the look and feel.

Apart from the in-built features of the slider itself, these tactics can also work quite well:

  • Stick with just one offer, one message, one piece of written content. So, you might have three or four different images rotating, but the message that is overlaid on each should be exactly the same, and placed in the exactly the same position. At least this way, you overcome the issue of multiple messages fighting for attention within the same space.
  • Give users the ability to completely control your slider. So, your slider might not actually slide at all, unless your website visitor wants it to. Include left and right arrows on the sides of each image in your slider, so that website visitors can click through at their leisure.
  • Make sure your image slider isn’t enormous. It shouldn’t occupy the entire area above the fold. There should always be some written content at the top of your web page, somewhere.

Above all, test. Keep track of the statistics associated with your slider. See if people are actually clicking through. If so, which sliders are they clicking on? May even try removing your slider for a few weeks or a month and see what traffic and click through rates are like then. Replace the image slider with a static image and test again. At the end of the day, whatever works best for your website, and your audience, is most important.

WordPress Image Slider Plugins

So, if you’ve decided to take the plunge and include an image slider on your website, here some of the most popular WordPress image slider plugins on the market.

NextGen Gallery

The most popular WordPress image gallery and slider plugin on the market (and arguably one of the most popular WordPress plugins ever), NextGen Gallery has been downloaded an astonishing 11 million times.

It is not surprising that WordPress users are found of this particular plugin. It is diverse and packs a punch in the functionality arena. Using NextGen Gallery, you can upload batches of photos in a single click, automatically import all image metadata, edit individual images, and easily add watermarks. When it comes to image galleries, NextGen offers two formats, either slideshow or thumbnail, and your website visitors can actually toggle between the two views (taking care of the usability issues mentioned above). And, if you do opt for a slideshow view, there are plenty of easily customisable settings, including slideshow size, the speed and type of transition between images, and even navigation settings.

Next Gen Slider

There is a ‘Plus’ version (priced at $49 per annum) of NextGen that includes additional gallery displays, a full screen lightbox, fully responsive design and social sharing and commenting options. And, there is even a ‘Pro’ version (priced at $79 per annum) of NextGEN, which comes complete with e-commerce functionality, enabling the sale of prints and even digital downloads.

For more information, visit: Meta Slider

Created by UK based Matcha Labs, Meta Slider is quite a popular image slider plugin for WordPress. With more than 1.2 million downloads, and a 4.8 star rating, Meta Slider makes creating slideshows quite easy. It takes literally minutes to create a slideshow: drag and drop images from your Media Library, and then create captions and links and complete your SEO fields all in the one place. That’s right: SEO fields. This particular image slider plugin generates SEO optimised slideshows, going someway to overcoming at least one of the pitfalls that we mentioned earlier. Other features include intelligent image cropping, drag and drop slide reordering, extensive developer API (including hooks and filters), and, best of all, it is fast, including only minimum CSS on your website page. It is also available in 15 different languages.

Meta Slider

Meta Slider boasts four different options, with plenty of easily configurable usability features:

  • Flex Slider 2: a responsive image slider that comes complete with two different transition effects as well as carousel mode.
  • Nivo Slider: another responsive image slider with an astounding 16 different transition effects (how did they think of that many?!) and four different themes.
  • Responsive Slides: responsive image slider that is incredibly light weight (and unlikely to slow down the loading time of your website (overcoming yet another of the drawbacks mentioned above).
  • Coin Slider: that includes four unique transition effects.

Coin Slider

Much like NextGen Gallery, Meta Slider also has a ‘Pro’ version which, according to the website, will supercharge your slideshows. Ranging in price from $19 (for a single site personal licence) to $99 (for a developer licence), the ‘Pro’ version features slide layering, thumbnail navigation, and the ability to embed YouTube and Vimeo slides.

For more information, visit: metaslider.com

Soliloquy

While this plugin isn’t anywhere near as popular as NextGen or Meta Slider, its claim to fame is that Mark Jaquith (a lead developer of WordPress itself) audits its code. As such, you can be certain that this plugin is secure, and the code that powers it is as optimised as is human possibly. Soliloquy works a little differently to other image slider plugins, relying on custom post types to create sliders.

Soliloquy

Soliloquy allows you to create an unlimited number of sliders, and is built for SEO optimisation, allowing you to enter titles, HTML captions and alt tags for all images. It’s also completely mobile responsive, adds CSS to pages only where sliders are installed, and has a myriad of hooks and filters available that allow easy manipulation of the look and feel of your sliders.

As with all these plugins, there are multiple paid options, which offer additional features, including Personal ($19 per annum), Multi ($49 per annum), Developer ($99 per annum), and Master ($249 which includes a lifetime of support and updates). These additional features include a range of ‘Addons’, which extend the functionality of the slider plugin. One of these ‘Addons’ caught my eye. It is a seemingly unique feature within the image slider plugin market: the ability to easily add a ‘Pin It’ button to images in your slider, through the aptly named ‘Pinterest Addon’.

Soliloquy Pinterest Addon

Other Soliloquy ‘Addons’ include Themes, Lightbox, Instagram (which enables you to create slideshows out of the photos included in your Instagram feed), Crop, Feature Content, Thumbnails, Filters (with more than 25 filters, there is no need for you to be a professional photographer to get your images looking schmick), and Carousel.

For more information, visit: soliloquywp.com

Photo Gallery

If you’re looking for a more all-encompassing image plugin, then take a look at Photo Gallery. It is regularly updated, has a 4.7 star rating and approximately 350,000 downloads. The image slideshow features and functionality offered by Photo Gallery are quite good. Using this plugin, you can program your slideshow view to include both auto play and shuffle features, and an audio track can be installed to accompany your slideshow. In addition, there is a separate slideshow gallery widget that you can add to any widgetted area of your site, and its lightbox comes with 15 different effects.

Photo Gallery

Plus, Photo Gallery has a whole range of other image features. It can handle an unlimited number of photos, galleries and albums, supports a range of file types, is 100% responsive, allows for multiple photo tagging simultaneously, and even has commenting and social sharing capabilities.

So… to Slide or Not to Slide?

There are clearly some pitfalls to installing image sliders on your website: website visitors tend to be confused by the multiple messages and reluctant to click-through images on sliders, and the negative impacts on SEO are quite extensive.

But, it looks as though the major image slider WordPress plugins are starting to combat some of these major pitfalls. Both Meta Slider and Sililioquy have some built-in some SEO functionality, and all of the plugins boast easily configurable usability features.

At the end of the day, the most important thing is that your website serves your website visitors in the best, most effective way possible. So, do some testing to make sure that an image slider really is the best option for your site. There are plenty of other ways to add imagery and effects to your WordPress site without using sliders, take a look at 8 WordPress Plugins to Create Awe-Inspiring Image Effects.

  • Oscar Blank

    Aside from large sites that can actually benefit from caching, WordPress is always going to be slow. Poorly designed plugins, themes, and a plethora of bad advice allow a novice website owner to create just about anything. A look under the hood reveals scores of MySQL queries per request, assets loaded when unnecessary, overuse of CSS classes, etc, etc, etc. So now we need to worry about the performance, payload, and SEO impact of a slider? LOL!

    • http://mrxxiv.com/ Terrence Campbell

      Right, but you should know as I mentioned earlier, I said WP Super Cache. So these pages can be loaded through pure HTML and loaded straight from your HTTP processor such as Nginx which is what I use without Apache. So there’s no management to worry about. Although I am using a 24 core server to handle 40,000 loads on a daily basis.

  • Kezza

    Well, Mr BLANK – I found the acticle very helpful.

    • Sally Wood

      Glad it was helpful Kezza.

  • Luke

    Really interesting article. Thanks for posting.

  • http://mrxxiv.com/ Terrence Campbell

    Funny thing is I was JUST finishing up with a simple slider with the bxslider I was taking advantage of. For those who’d want to use more than 200 images within one slider, not only using WP Super Cache to prevent such high loads, I made sure to count all posts within the slider’s loop so that there’d be a page number. And the cool thing about this slider is that the slider is being loaded automatically on the post type for the shoe releases’ single pages.

    All the images loaded are actually looped from “attachments” through WP_Query, not an added Gallery shortcode. I do hope to put this on my Github soon so that others can make use of this in the way that I built it up. I’ll suit it up more from time to time.

    Example: http://wearekicks.com/jordan-release-dates/air-jordan-ii-mad-hat/

    • http://chrisburgess.com.au/ Chris Burgess

      Sounds good Terrence, thanks for the tips.

      The example looks nice :)

  • Sally Wood

    Thanks Luke! Glad you found it interesting!

  • http://ChiefAlchemist.com/ Mark Simchock

    I think it might be wise to differentiate between an image slider to present images that are legit content, and (what should be called) a banner slider that’s used to present messages that is typically non-visual (i.e., it contains words and such).

  • Adam

    Hey Sally, you may want to let your users know about Ideal Image Slider. It can be installed onto any website (WordPress or not) with a drag and drop UI. No coding required. https://eager.io/app/vxI8j699OODI/install

  • Lucy

    Great article—I’ve been doing a lot of research about this since it has been a question in my mind for awhile. Conclusion is, I’d like to remove my simple slider altogether and make it a static image.
    BUT! I can’t find a way to display it full-size AND responsive that is as elegant as with Revolution slider. So alas, still using the slow slider. Woe is me.

    Any thoughts?
    http://www.fairivy.com

    Thanks again for your input on this point!

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Instant Website Review

Use Woorank to analyze and optimize your website to improve your website to improve your ranking!

Run a review to see how your site can improve across 70+ metrics!

Get the latest in WordPress, once a week, for free.