Domů / Blog / Pojmy

Above the fold: Co to je a proč rozhoduje o konverzích

Above the fold je oblast webu viditelná bez scrollování. Zjistěte, co sem umístit, jak optimalizovat pro mobil a desktop a vyhnout se častým chybám.

Jan Pospisil
3 min čtení
UXKonverzeOptimalizace webu
Souhrn článku
  • 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

PrvekProč je důležitýPriorita
Jasný nadpis (H1)Komunikuje hodnotu a relevanciNejvyšší
PodnadpisUpřesňuje nabídku nebo kontextVysoká
Primární CTAVede k hlavní konverziVysoká
Vizuální prvekHero obrázek nebo videoStřední
Sociální důkazPočet zákazníků, hodnoceníStřední
NavigaceOrientace na webuZá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.

Nezávazná konzultace

Podobné články

Graf vztahu mezi rychlostí webu a konverzním poměrem

Rychlost webu a konverze: každá sekunda počítá

Pomalý web stojí peníze.

Přečíst →
UX design proces od výzkumu po testování prototypu

UX design: Uživatelský zážitek, který prodává

Co je UX design a jak ovlivňuje konverze? Průvodce UX procesem, výzkumnými metodami, testováním a propojením UX se SEO..

Přečíst →
E-mailové automatizace pro e-shopy

Emailová automatizace pro e-shopy: 10 sekvencí, které zvyšují tržby

Emailová automatizace pro e-shopy od welcome série po win-back.

Přečíst →

Související pojmy

Guerilla marketing

Co je guerilla marketing? Nejlepší příklady guerilla kampaní ze světa i z Česka, typy, náklady od 5 000 Kč a právní rizika, na která si dát pozor..

SEO specialista

Co dělá SEO specialista (SEO odborník)? Přehled dovedností, platy v ČR 2026, kariérní cesty a tipy jak vybrat správného SEO experta..

Responzivní design

Responzivní design zajistí, že váš web funguje na mobilu, tabletu i desktopu.

Statický web

Statický web je předgenerovaný HTML soubor bez databáze.

← Všechny pojmy