- Návštěvníci stráví 80 % času v oblasti viditelné bez scrollování, proto sem patří nadpis, CTA a sociální důkaz.
- Na mobilu se vejde méně obsahu a je nutné prioritizovat.
- Příliš velký hero obrázek nebo chybějící CTA jsou nejčastější chyby, které stojí konverze.
Above the fold je část webové stránky, kterou návštěvník vidí ihned po načtení — bez nutnosti scrollovat. Tento prostor má zásadní vliv na první dojem, míru okamžitého opuštění a konverzní poměr. Termín pochází z novinářského světa, kde označoval horní polovinu přeložených novin.
Co znamená above the fold
V tištěných médiích se „above the fold” vztahovalo k horní části titulní strany novin — té, která byla viditelná na stojanu. Vydavatelé sem umisťovali nejsilnější titulky a fotografie, aby přilákali čtenáře ke koupi. V digitálním prostředí platí stejný princip — nejdůležitější obsah musí být viditelný okamžitě.
Průměrný návštěvník stráví 80 % času právě v oblasti above the fold. Máte přibližně 3–5 sekund na to, abyste ho přesvědčili, že je na správném místě.
Co umístit above the fold
| Prvek | Proč je důležitý | Priorita |
|---|---|---|
| Jasný nadpis (H1) | Komunikuje hodnotu a relevanci | Nejvyšší |
| Podnadpis | Upřesňuje nabídku nebo kontext | Vysoká |
| Primární CTA | Vede k hlavní konverzi | Vysoká |
| Vizuální prvek | Hero obrázek nebo video | Střední |
| Sociální důkaz | Počet zákazníků, hodnocení | Střední |
| Navigace | Orientace na webu | Základní |
Above the fold na mobilu vs desktopu
Prostor above the fold se výrazně liší podle zařízení:
- Desktop — cca 600–800 px výšky, široký prostor pro layout vedle sebe
- Mobil — cca 500–650 px výšky, úzký vertikální prostor vyžaduje prioritizaci
- Tablet — mezistupeň, často přehlížený při optimalizaci
Na mobilu se vejde méně obsahu, proto je klíčové prioritizovat — nadpis, krátký popis a CTA. Vše ostatní může být pod foldem.
Časté chyby v oblasti above the fold
Při práci s prostorem above the fold se vyvarujte těchto chyb:
- Příliš velký hero obrázek — zabere veškerý prostor a odsune CTA pod fold
- Chybějící CTA — návštěvník nevidí, co má udělat
- Slider/carousel — odvádí pozornost a zpomaluje načítání
- Přehlcení informacemi — příliš mnoho prvků mate
- Generický stock obrázek — nepřidává hodnotu a zabírá cenný prostor
Optimalizace prostoru above the fold je jedním z nejrychlejších způsobů, jak zvýšit konverze. Další tipy pro zlepšení výkonu webu najdete v článku Jak zvýšit konverzní poměr e-shopu.
Často kladené otázky
Musí být CTA vždy above the fold?
Pro jednoduché nabídky ano — návštěvník by měl okamžitě vidět výzvu k akci. U složitějších produktů nebo služeb může být CTA efektivnější až po představení benefitů a argumentů, tedy pod foldem.
Jak zjistím, kde je fold na mém webu?
Heatmapové nástroje jako Hotjar nebo Microsoft Clarity zobrazují scroll mapu — uvidíte, kam se většina návštěvníků dostane bez scrollování. Fold není fixní bod, liší se podle rozlišení obrazovky a zařízení.
Je obsah pod foldem méně důležitý?
Ne. Uživatelé scrollují — pokud je obsah above the fold dostatečně zajímavý, aby je motivoval pokračovat. Obsah pod foldem je klíčový pro přesvědčení, detaily a sociální důkaz. Above the fold „prodává" scrollování.
Chcete podobné výsledky?
Pomůžu vám s online marketingem a SEO. Ozvěte se mi a probereme to.