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

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 →
Core Web Vitals metriky LCP, INP a CLS

Core Web Vitals: Optimalizace rychlosti LCP, INP a CLS

Core Web Vitals optimalizace: LCP pod 2,5 s, INP pod 200 ms, CLS pod 0,1.

Přečíst →

Související pojmy

Co je CRM

CRM systém centralizuje data o zákaznících a zefektivňuje prodej i marketing.

Direct marketing

Co je direct marketing? Přehled kanálů přímého marketingu -- e-mail, SMS, direct mail.

Event marketing

Co je event marketing a jak využít události pro růst značky? Přehled typů eventů, plánování, propagace a měření úspěšnosti..

Guerilla marketing

Co je guerilla marketing a jak funguje? Přehled typů, příkladů, výhod a rizik nekonvenčních marketingových taktik..

← Všechny pojmy