Co to jest above the fold?

Above the fold (nad foldem, powyżej linii zagięcia) to obszar strony internetowej widoczny na ekranie bez przewijania zaraz po jej załadowaniu. Pojęcie pochodzi z drukarstwa – „fold” to linia zagięcia gazety leżącej na ladzie sklepowej: tylko górna połowa jest widoczna i musi przyciągać uwagę. W kontekście stron www „fold” to dolna krawędź okna przeglądarki. Obszar above the fold to najcenniejsza przestrzeń na stronie – to, co użytkownik widzi w pierwszych sekundach, decyduje o tym, czy zostanie i przewinie, czy opuści stronę.

Co powinno być above the fold?

Kilka elementów, których obecność nad foldem ma ogromne znaczenie dla konwersji. Jasny nagłówek (H1) – użytkownik musi w ciągu 3 sekund zrozumieć, co robi firma i dla kogo. „Wynajem toalet przenośnych na Śląsku – dostawa w 24h” jest lepszy niż „Witamy na stronie firmy ABC”. Wyraźny CTA – przycisk lub numer telefonu powinny być widoczne bez przewijania. Kluczowa korzyść – jedna, konkretna, skrojona pod ból klienta. Sygnał zaufania – krótka wzmianka o doświadczeniu, liczbie klientów lub opinii.

Above the fold a optymalizacja konwersji CRO

Badania eyetrackingowe pokazują konsekwentnie: użytkownicy poświęcają obszarowi above the fold nieproporcjonalnie więcej uwagi niż reszcie strony. Elementy poniżej foldu są czytane tylko wtedy, gdy treść nad foldem przekonuje do pozostania. Dlatego zmiana elementów above the fold – nagłówka, CTA, zdjęcia hero – ma zazwyczaj największy wpływ na współczynnik konwersji w testach A/B. Typowe błędy above the fold opisuje artykuł 15 błędów, które odpychają klientów ze strony. Jak pisać nagłówki i wezwania do działania, które zatrzymują użytkownika, opisuje artykuł jak napisać tekst na stronę firmową, który sprzedaje.

Above the fold na mobile – inne wyzwanie

Na urządzeniach mobilnych fold jest znacznie wyżej niż na desktopie – ekran jest mniejszy, więc widoczna przestrzeń jest węższa. Strona, która ma doskonały fold na monitorze 1920px, może mieć głęboko schowane CTA na telefonie 375px. Dlatego projektowanie above the fold zawsze musi być weryfikowane osobno dla mobile. Doświadczenie użytkownika mobile jest priorytetem przy każdym projekcie realizowanym w ramach tworzenia stron internetowych.

Najczęściej zadawane pytania

Co to jest above the fold?

Above the fold to obszar strony widoczny bez przewijania zaraz po załadowaniu. To najcenniejsza przestrzeń na stronie – pierwsza rzecz, którą widzi użytkownik. Decyduje, czy zostanie i przewinie w dół, czy opuści stronę.

Czy above the fold jest taki sam na każdym urządzeniu?

Nie – fold zależy od rozmiaru ekranu i rozdzielczości. Na dużym monitorze above the fold jest znacznie szersze niż na telefonie. Projektowanie strony zawsze wymaga weryfikacji foldu na kluczowych rozdzielczościach: typowym desktopie, tablecie i telefonie.

Jak sprawdzić, co widzi użytkownik above the fold?

Narzędzia jak What The Fold (whatthefold.io) lub Chrome DevTools w trybie urządzenia mobilnego pokazują dokładnie, gdzie kończy się fold dla konkretnych rozdzielczości. Scroll map w Hotjar lub Microsoft Clarity pokazuje, jak daleko przewijają użytkownicy – co też pośrednio wskazuje, czy treść nad foldem jest wystarczająco angażująca.