Carousel (karusel)

Carousel (česky karusel, také slider nebo rotující banner) je prvek webu nebo aplikace, který střídá několik obrázků či sdělení na jednom místě, obvykle s šipkami nebo tečkami a automatickým posunem. Na webech bývá nahoře na úvodní stránce, na sociálních sítích je to příspěvek s více obrázky, ve výsledcích Googlu posuvný pás výsledků. Měření ukazují, že na webový carousel klikne zhruba 1 procento návštěvníků a z toho většina na první snímek, proto se dnes na úvodní stránce používá méně než dřív.

🧒 Základní škola

Karusel je jako kolotoč na pouti, jen s obrázky. Na webu máš nahoře jeden velký obrázek, a za chvíli se sám přesune na další, pak na další, a pak zase od začátku. Můžeš ho posouvat šipkami nebo prstem. Firmy ho používají, když chtějí ukázat víc věcí najednou: novou kolekci, slevu a soutěž. Problém je, že většina lidí počká jen na první obrázek a pak jde dál, takže ty ostatní obrázky skoro nikdo nevidí.

🎓 Střední škola

Carousel na webu je komponenta, která v jednom rámečku zobrazuje sekvenci snímků: obrázek, nadpis, tlačítko. Snímky se střídají automaticky nebo na kliknutí. Vznikl jako kompromis, když se víc oddělení firmy nemohlo shodnout, co bude na úvodní stránce nahoře. Z pohledu uživatelské zkušenosti (UX) má známé slabiny: lidé si ho pletou s reklamou a přehlížejí ho (banner blindness), automatický posun odvádí pozornost od čtení a na mobilu je ovládání šipkami nepohodlné.

Carousel na sociálních sítích je něco jiného: příspěvek na Instagramu, LinkedInu nebo Facebooku s více obrázky, které si člověk posouvá prstem. Tam funguje dobře, protože posun je záměrná akce a algoritmy sítí takové příspěvky zobrazují déle. Carousel ve výsledcích vyhledávání je vodorovný pás, kterým Google ukazuje například recepty, videa, produkty nebo zprávy, a dostat se do něj znamená mít správná strukturovaná data.

🎓🎓 Vysoká škola

Technicky je carousel seznam prvků ve vodorovném kontejneru s přetečením, posouvaný skriptem nebo nativně vlastností CSS scroll snap. Automatický posun se řeší časovačem, který se má zastavit při najetí myší, při dotyku a u lidí, kteří mají v systému zapnuté omezení pohybu. Přístupný carousel potřebuje ovládání z klávesnice, popisky snímků pro čtečky a tlačítko pauza; většina volně dostupných skriptů to nemá.

Dopad na výkon: carousel obvykle načítá všechny snímky najednou, i když uživatel vidí jeden, a první snímek bývá největší obrázek stránky, tedy prvek, který určuje metriku LCP z Core Web Vitals. Posun bez pevně dané výšky způsobuje skoky rozložení (CLS). Pro vyhledávač je obsah dalších snímků obvykle v HTML, takže se indexuje, ale sdělení schované na čtvrtém snímku nemá v hodnocení stránky žádnou zvláštní váhu.

🧠 Expert

Nejcitovanější měření pochází z University of Notre Dame (Erik Runyon, 2013): na univerzitním webu kliklo na carousel 1,07 procenta návštěvníků a 84 procent z těchto kliků šlo na první snímek. Pozdější testy e-shopů a agentur docházejí k podobným číslům a k tomu, že nahrazení carouselu statickým hero blokem s jedním sdělením zvyšuje konverze v jednotkách až desítkách procent. Důvod je v pozornosti: automatický pohyb vyvolává reflex „to je reklama“, a než se člověk rozhodne číst, snímek zmizí.

Carousel přesto má místo tam, kde je posun záměrnou akcí uživatele: galerie produktu, srovnání variant, příběh na sociální síti. Rozhodnutí pro úvodní stránku by mělo vycházet z toho, že homepage má jeden hlavní účel pro jednoho hlavního návštěvníka, a každé další sdělení patří níž, do vlastní sekce, kde se dá změřit a prolinkovat. Pokud se firma nedokáže shodnout na jednom sdělení, carousel problém neřeší, jen ho schová do rotace.

😇 Pán Bůh

Když jsem stvořil svět, dal jsem mu jedno slunce, ne pět střídajících se v rotaci po pěti vteřinách. Lidé to pochopili všude kromě úvodních stránek svých webů. Tam, kde se marketing, obchod a ředitel nedohodli, kdo bude nahoře, vznikl kolotoč, na kterém jezdí všichni a nikdo ho nesleduje. A přece ho mám rád: je to upřímný pomník lidské neschopnosti vybrat. Až příště někdo navrhne, že „to dáme do carouselu“, zeptejte se, co z toho má člověk na druhé straně obrazovky. Většinou nic. Má jedno sdělení, které stihne přečíst.

❓ Otázky a odpovědi

Co je carousel na webu?

Prvek, který na jednom místě střídá několik obrázků nebo sdělení, obvykle nahoře na úvodní stránce, s automatickým posunem a šipkami. Říká se mu také slider nebo rotující banner.

Je carousel na úvodní stránce špatně?

Většinou ano. Měření ukazují, že na něj klikne kolem 1 procenta návštěvníků a téměř všichni na první snímek, a že jedno statické sdělení s výzvou k akci mívá vyšší konverze. Carousel navíc zpomaluje načítání a kazí metriky Core Web Vitals.

Kdy carousel použít?

Tam, kde posun ovládá sám uživatel: galerie fotografií produktu, srovnání variant, příspěvek s více obrázky na Instagramu nebo LinkedInu. Bez automatického posunu, s ovládáním z klávesnice a popisky pro čtečky.

Jak se dostat do carouselu ve výsledcích Googlu?

Google skládá pásy výsledků (recepty, produkty, videa, články) ze stránek se správnými strukturovanými daty daného typu. Bez nich se stránka do carouselu nedostane, s nimi záleží na běžném hodnocení stránky.