W skrócie
- Above the fold to obszar interfejsu widoczny bezpośrednio po wczytaniu adresu, bez konieczności scrollowania.
- Sam termin czerpie swoje korzenie z układu tradycyjnej prasy drukowanej.
- Górna sekcja wywiera istotny wpływ na doświadczenia użytkownika (UX) oraz wyniki widoczności w wyszukiwarkach internetowych.
- Umiejscowienie linii załamania charakteryzuje się dużą zmiennością, uzależnioną od rozdzielczości ekranu i typu sprzętu.
Co to jest Above the fold?
Above the fold (z ang. powyżej linii załamania) to widoczna część strony internetowej, która ukazuje się na ekranie natychmiast po jej załadowaniu, bez konieczności przewijania (scrollowania). Pojęcie wywodzi się z prasy, gdzie najważniejsze treści umieszczano w górnej połowie gazety, widocznej po jej złożeniu.
Znaczenie w SEO i UX
Obszar ten buduje pierwsze wrażenie. Choć above the fold w SEO nie jest bezpośrednim czynnikiem rankingowym, wpływa na metryki UX (np. bounce rate), które są sygnałem dla algorytmów. Roboty Google skanują kod od góry, więc elementy w ATF mają priorytet indeksacyjny. Należy jednak unikać przeładowania tej sekcji ciężkimi grafikami czy reklamami, co negatywnie wpływa na wskaźnik LCP (Core Web Vitals) i pozycję strony.
Co powinien zawierać obszar Above the fold?
Standardowe elementy to:
- Logotyp i menu.
- Nagłówek H1 z frazą kluczową.
- Grafika główna (hero image).
- Krótka oferta i wezwanie do działania (CTA).
Responsywność
Linia załamania nie jest stała – zależy od urządzenia (desktop, tablet, smartfon). Projektując stronę, trzeba zadbać, by kluczowe informacje były widoczne bez scrollowania na każdej rozdzielczości. Treści pod tą linią nazywamy „below the fold”.
