free consultation
A slider, or carousel that scrolls through photos every few seconds, is on most websites their main element for promoting the most important content. Thanks to the slider, among other things, we bring 'life' to the site, we have the opportunity to show the most interesting photos or products. Our website becomes more attractive.
Table of Contents:
The statistics are unfortunately so and not so. The click-through rate of the slides respectively is :
When the user enters the home page, in addition to the top bar with the menu, logo, he sees a slider that if set to autoplay changes slides at most every few seconds.
If you are interested in the topic of the first slide and so you will get another one in a moment, it will change to the next one, which may no longer be of interest to you, while if the first slide does not attract attention you will scroll down the page below (you will not see the next prepared banner views ...).
The question is whether there is a point in sacrificing the precious time of an Internet user waiting for a page and loading a banner whose click-through rate on subsequent slides is negligible.
Don't know how to make a slider for your site or a banner with changing images ?
The usual solution is to install the appropriate plugin in wordpress. However, you should be wary of those that are outdated or are so-called "combos" for everything. First of all, they generate more js code and may not give full header and content optimization. Often they are not adjustable in terms of h1-h3 header type.
We, for the most part, create our solutions without plug-ins and use the SlickSlider solution.
The advantage of SlickSlider is :
For users who are not well acquainted with the wordpress environment and programming, plugins can be useful:
However, these solutions offer much better capabilities in the paid version.
The effectiveness of the slider is very low. Actually, we can limit its functionality to the first two slides. Usually it is placed from ready-made plugins in wordpress systems like slickslider or other type of ready-made plugins. Slider embedding solutions through plugins already generate more code and are often solutions that are not optimized in terms of js code or SEO. As far as SEO is concerned, the slider moves the actual content of the page we care about below the baseline, which is the most important place where at least a few lines of text should be placed ( the actual content is available only after scrolling the page, usually the slider takes up 2/3 of the home screen ). Slider has a negative impact on conversion rates. Also, usually in the plugins of ready-made sliders, slogans are placed as h1 titles.
http://iampaddy.com/lifebelow600/
Sliders are used on websites because they just are, there is no other option, no one has come up with an alternative to 'liven up' a website, show a large number of products to boot... We will soon show how to remedy this.
Since mainly the subject is covered overseas, the opinion from across the big water - what do the usability tests conducted say :
If you have already made a website, it is worth checking its technical parameters with Google Page Speed or gtmetrix.com programs. In case the website does not pass the tests, you can perform a UX audit of it. Also check what are the typical errors on websites.
See what banners for websites work.
What is the best alternative to a slider (colloquial spelling 'slider') on the home page?
Actually, you can say what types of page design there are because this choice defines the entire design of the website entailing specific solutions. We invite you to read the list below where we hope these few examples will allow you to go beyond the framework of the home page slider.
Planning the banner area so as to juxtapose the photo / object or product next to the slogan or text. We gain in height, in addition, without the need to scroll the page we communicate what is important to us, at the same time the whole thing is clear and readable.
See examples of popular sites on Wordpress from the best.
By using the right contrast, we gain a large area for placing a short block of text, a slogan, a button that triggers an action from the user. The usual solution is to use a large full-height background graphic (similar to landingpage), but a better option would be to shorten it to, for example, a maximum of 60% of the height, so as to give the user still additional information visible below. In this option you can also juxtapose in the background images a person, an object on one side, slogans, texts, a button on the other.
This solution will work if we absolutely need to communicate several separate slogans, show several departments of the company on the home page. Then we give such an opportunity to the user immediately 'at a loss' after entering the home page, the chance that he will wait until slide number 3 is negligible.
Examples that do not explicitly classify with the above division but with high usability and readability of the home page.
Slider is extra weight (kb) to be loaded, loaded by website
First of all, additional js scripts, execution in java script or the use of ready-made scripts often delays the loading of the page. This is an unnecessary loading of kb per page.
Often ready-made javascript or js sliders are solutions technically unsuitable for mobile devices, i.e. they display poorly on phones more disturbing than giving a clear message. Made from automations like plugins (e.g.: WordPress Revolution Slider, or motopress) it needs tuning or programming correction. It is best to remove it from the phone version from a specific width < 640px.
It is best not to use ready-made solutions, write a dedicated one if we must. Ideally, use the solutions given above.
Answer as above yes if we must have it - it is the only option. Dedicated code that does not load unnecessary kb on the page. Ideally, the graphics in the slider would be adapted to screens (dimensions). The idea is that for the mobile version would not load graphics with a size of 1920px but dedicated graphics such as 640px or 480px etc.
Slider if already there should fit the width of the content and be a dedicated graphic in JPG formations! Preferably with optimized weight and dimension for mobile devices.
Komentarze naszej społeczności pod wpisem:
I'll say Waćpan, you've made a brave entry. Where did you get the information that the slider is not clickable?
In general, something like a slider makes sense. Why? Because the slider is on the home page and nowhere else. Once someone enters the main page, they get a pill of information because that's what they've been pouring in for. Most should bump to the subpages because generally people are looking for specific information and such information is generally not on the main page, and search engines don't present the main page either, just the subpages.
And another thing is probably the very purpose of the site. A business card of a company may not have a slider because there the user will behave differently. An information portal with a slider on the main page is as good as possible in my opinion.
Anyway... I'm waiting for a post about this remedying of alternatives. It will be interesting I think....
ZEKI
True, sliders that change too fast(inadequate to the content in them) with hidden navigation can take a person out of balance, especially when using a smartphone :D.
MARCIN BRZEZIŃSKI
I am also on the "no" side,
can weigh a lot, problematic, older computers, may not work, such a water feature, looks nice, not good for google, - former flash
NIEPELNOSPRAWNY.ORG
There was an extensive article about it on smashung.
https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/
The fact that sliders do not work in many places. But even in this article it is pointed out that everything depends on the situation. Slider e.g. news is rather a mean thing, but a well planned and executed slider is ok. The fact that people don't click is due to the fact that very often the arrows are pointless, there is no encouragement to click, etc.
Example - a slider from steam. Maybe not the best, but it works.
Also, in 95% of situations the author is right. In 5% he is not. At the same time these data I just made up....
KARTOFELEK
A good slider is not bad 🙂
But really, these days almost every site has a slider, no matter if it's needed there... no matter if it works... no matter if it annoys users... it makes sense to change that and start using it where it's effective 😉
Greetings and thanks for the interesting article.
GRUPATAKA
I agree completely! In my experience - static pages with no distractions convert best. About a year ago I wrote a similar article: http://blog.landingi.pl/slider-na-landing-pageu/
Most site owners don't realize that by placing a slider, they are doing themselves a disservice.
Now, in addition, instead of sliders, background video is fashionable. Another nightmarishly bad idea - http://blog.kajabi.com/post/95294861094/split-test-how-effective-are-video-background
Everything is for people and has its uses. A well-made slider / background video can help. However, if someone makes a slider because "the competition has one," he immediately puts himself at a loss.
MACIEJ LOCH
Hey, I'm looking for alternatives to the slider myself, it's been ages since I've done "static" scrolling boards. Let me make a small cryptic statement: joannaceplin.pl - slider/banner as a menu, examples can be multiplied, only it's not so easy, because you need creativity 😉 Recently I also saw a banero- slider with feed from some social network + animation and content introducing to the site an idea worth thinking about (and of course hitting a client/case where such a concept will make sense). So I support the message of the article, and besides, I guess it's also "banner blindness"?
IWONA
Fellow nice article but hard to read on android. Improve the design on 3/4 width is the text. Too big padding , in the right column at the top you have a box which should be under the article. Comments are 1/3 of the width of the screen the rest is empty space. Greetings Michal
6DESIGN.pl
Hi, interesting post, but on my phone I had to work hard to read it. I recommend paying attention to the responsiveness of the blog.
GRZESIEK
What can I say?
YES YES YES
This gentleman is totally right, sliders to the hilt!
I also read the English-language ones and when I entered the Polish Internet for a moment I was a little surprised, but I thought I must have missed something, a missing link simply. But no, my observations are correct and here I have confirmation that the slide deck is not the best idea. And if you give WP with 10 plug-ins, which also slow down, then you can just give yourself a tractor sticker on the Home Page:)
thanks for the article:)
By the way: I'm betting that the next thing will be 'Down with the side panel aka sajdbar' 🙂
And when it comes to here, and yes I agree with the previous speaker, on the ajfon also can not be read. In general, why make a page for desktop? More convenient, I know, but it should be ok for us, not for webdesiners:)
ISABELA XELA
And it is good that this is finally being said! Now there is such a trend that even on the simplest pages sliders are loaded for the whole page - it doesn't matter if there is a message or not , it doesn't matter if it works marketing has to be there and that's it.
DAMIAN
Unfortunately, I will not agree with you about the main topic 🙂 although most of the side information is as OK as possible.
Sliders are ok, I just can't track which ones, because not all of them are.
Going to linuxpl and looking for hosting I waited until all the slides changed to see what they had to offer. On the other hand, sometimes they even irritate ... fact.
You leave out I see SEO and keyword saturation issues at all . In the slide deck you can push relevant phrases, in the slide descriptions. On my site, clicking on Christopher, you can see the hard version 🙂 while you can do it in a more subtle way like http://high-level.com.pl/
An interesting point is my survey among friends regarding HL.
I asked about many details of the site, what they pay attention to....
They replied that the photos were very interesting and eye-catching, while the caption was not paid attention to. This, in my opinion, is a good thing because you can't see the keyword stuffing so intrusively.
Sorry, I haven't paid attention to my colleague's last comment yet...
Check your pagespeed insight 😉 It should be almost 100pct
Pozdrawiam,
Krzysiek
I agree! I too am annoyed by these sliders, one too fast, one too slow, no one wants to wait for all of them to show up. It's probably better to throw in some graphics or just a list of top topics that will be displayed in a prominent place....
BASIA
Which means I'm not the only one annoyed by sliders....
JUSTYNA
I'm not a fan of sliders either, but on portals they still work (e.g.: news of the day). I need to from my pages to plush them, but it's hard to gather power
BLOGMARKETINGOWCA.PL
Colleagues, what do you think about the solution with rotating display of content like
https://www.shedul.com
I see that these comments are indexed in the search engine, but I have the impression that worse than the content presented as static.
What do you think?
GRZESIEK
And I'm surprised by the voices typically from users that sliders are annoying - in my opinion, they look very good, as long as they are thoughtfully designed.
OLGA
Very good article. I also have doubts about the effectiveness of sliders.
And do you know of any good alternatives to stores?
PAWEŁ J
When posting photos, there is a concern about their source. Is it by any chance a violation of property. Some information on this nemat https://informaticalegis.com/uslugi/ochrona-wlasnosci-intelektualnej-w-internecie/ This is worth knowing.
JANEKKOSS
An important issue of the effectiveness of the slider is also the device on which the page is displayed... On a desktop, you can lurk with layered graphics and fancy animation of individual elements of the creation, and it will work. But on smartphones, the same graphics become unreadable and imposing, and thus also ineffective. However, how do we know who will be viewing our site and on what device....
CLOUDS.PL
With experience, it is definitely better to insert one fixed graphic with text and a call to action, rather than interactive sliders, which very often non-optimized additionally load the page and increase the loading time of the site.
SEMPIRE
I agree. While the slider on the home page is acceptable, it's a massacre on smartphones, for example. Of course, as someone wrote earlier, in some cases, such as on news pages and business cards, a slider is even advisable.
HIVECLUSTER
Nevertheless, I haven't found an idea how to get rid of the slider from the typical news page. There are several categories and it's hard to highlight the news in any other way than just with a slider. And searching for content by page can already be cumbersome. People hit the main one and need to find a new article without a problem, not scroll the page.
Some of the ideas are interesting though I think I've seen them all somewhere before
ZEKI
And I was already deluding myself that in addition to the examples there will be a bonus in the form of a tutorial on how to replace the slider in an interesting way. Maybe in the next article? ; >
MATEUSZ
thank you ;)
Digital Agency Hauerpower
Copyrights 2010-2022
