Čo je Above the fold?
Above the fold označuje hornú časť webstránky, ktorá je viditeľná bez skrolovania. Pochádza z novinárskej terminológie — horná polovica titulnej strany novín, viditeľná pri zložení. Na webe je to prvý obsah, ktorý návštevník uvidí.
Definícia Above the fold
Definícia „above the fold"
Pojem „above the fold" (po slovensky „nad záhybom") pochádza z novinárskej terminológie. Noviny sa v stojane zobrazujú zložené na polovicu, takže čitateľ vidí len hornú časť titulnej strany. Najdôležitejšie správy a fotografie sa preto umiestňovali „nad záhyb", aby upútali pozornosť a motivovali k nákupu.
V kontexte webového dizajnu „above the fold" označuje časť stránky viditeľnú bez skrolovania — teda to, čo návštevník uvidí okamžite po načítaní stránky. Presná veľkosť závisí od rozlíšenia obrazovky, zariadenia a veľkosti okna prehliadača.
Prečo je „above the fold" dôležité
- Prvý dojem: Návštevník si vytvorí názor na stránku za menej ako 3 sekundy — na základe toho, čo vidí bez skrolovania
- Miera okamžitého odchodu: Ak obsah nad záhybom neupúta, návštevník odíde bez skrolovania. Až 57 % času na stránke sa strávi nad záhybom.
- Konverzie: Najdôležitejšie CTA a hodnota ponuky by mali byť viditeľné okamžite
- Reklama: Reklamné bannery „above the fold" majú výrazne vyššiu viditeľnosť a mieru prekliku
Čo umiestniť „above the fold"
Nad záhyb by mal patriť: jasný nadpis komunikujúci hlavnú hodnotu, stručný podnadpis s konkrétnym prínosom, CTA tlačidlo a prípadne vizuál (fotka alebo ilustrácia). Navigácia je samozrejmosťou.
Praktický príklad
Príklad: Webstránka účtovníckej firmy.
Zlý „above the fold": Veľký obrázok kancelárie, pod ním „Vitajte na našej stránke" — žiadna informácia o tom, čo firma robí a prečo by mal návštevník zostať.
Dobrý „above the fold": Nadpis „Ušetríme vám 10 hodín mesačne na účtovníctve", podnadpis „Kompletné vedenie účtovníctva pre živnostníkov a malé firmy v Košiciach", zelené tlačidlo „Získať bezplatnú konzultáciu".
Výsledok: Návštevník okamžite vie, čo firma ponúka, komu a aký je ďalší krok. Miera odchodu klesne a konverzie stúpnu.
Často kladené otázky
Čo znamená „above the fold" na webe?
Above the fold je časť webstránky, ktorú návštevník vidí okamžite po načítaní bez skrolovania. Pojem pochádza z novinárskej terminológie — horná polovica zloženej titulnej strany novín.
Prečo je obsah nad záhybom dôležitý?
Prvý dojem sa vytvára za menej ako 3 sekundy. Ak obsah nad záhybom nezaujme, návštevník odíde. Až 57 % času na stránke sa strávi v oblasti nad záhybom.
Čo by malo byť „above the fold"?
Jasný nadpis s hlavnou hodnotou, stručný podnadpis, CTA tlačidlo (výzva na akciu) a prípadne vizuál. Navigácia je samozrejmosťou.
Je „above the fold" rovnaké na každom zariadení?
Nie. Oblasť nad záhybom sa líši podľa zariadenia — na desktope je väčšia (napr. 900px výšky) ako na mobile (napr. 600px). Preto je dôležitý responzívny dizajn.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.