Stopka na stronie: jak zrobić z niej pomoc, a nie śmietnik linków

Stopka nie jest miejscem na wszystko, co nie zmieściło się w menu. Dobra stopka działa jak spokojna siatka bezpieczeństwa: kontakt, najważniejsze usługi, dane firmy, dokumenty prawne i kilka linków pomocnych po przeczytaniu strony. Zła stopka jest magazynem linków, których nikt nie chciał uporządkować.

Na desktopie taki bałagan wygląda jeszcze znośnie. Na telefonie potrafi zrobić z końca strony wielką ścianę tekstu, przez którą użytkownik nie wie, gdzie kliknąć.

Co stopka ma robić?

Stopka pomaga osobie, która dotarła na dół strony i nadal czegoś szuka. To może być telefon, adres, link do polityki prywatności, szybki powrót do usług albo potwierdzenie, że firma jest prawdziwa. Nie musi powtarzać całego nagłówka.

MDN opisuje element footer jako miejsce na informacje o autorze, prawach autorskich, powiązanych dokumentach lub linkach. To pasuje do praktyki projektowej: stopka ma zamykać stronę, a nie przejmować rolę głównej nawigacji.

Co powinno znaleźć się w stopce firmy usługowej?

• krótkie dane kontaktowe i obszar działania,
• linki do głównych usług, ale bez pełnego katalogu wszystkiego,
• polityka prywatności, cookies, regulamin lub dokumenty prawne,
• dane firmy, jeśli budują zaufanie i są potrzebne klientowi,
• ewentualnie mały blok z opinią, certyfikatem lub linkiem do portfolio.

Jeśli link nie pomaga użytkownikowi po dojściu na dół strony, prawdopodobnie nie musi być w stopce.

Jak stopka może przeszkadzać menu?

Problem zaczyna się wtedy, gdy stopka próbuje naprawić złą architekturę strony. Menu jest niejasne, więc w stopce ląduje 40 linków. Podstrony usług są nieuporządkowane, więc stopka dostaje pełną mapę serwisu. Użytkownik dostaje dwa różne systemy nawigacji i żadnego priorytetu.

Lepszy układ to proste menu u góry i stopka, która powtarza tylko najważniejsze ścieżki. Jeśli ktoś potrzebuje pełnej listy artykułów, od tego jest blog, kategoria albo wyszukiwarka, a nie dolny pasek każdej podstrony.

Stopka na mobile

Na małym ekranie stopka powinna być krótka i czytelna. Kolumny z desktopu często trzeba złożyć w sekcje jedna pod drugą. Linki muszą mieć wygodny odstęp, a tekst nie może robić się drobny tylko dlatego, że projektant chciał zmieścić cztery kolumny.

Dobrze sprawdza się kolejność: krótki opis firmy, najważniejszy kontakt, linki usługowe, dokumenty prawne. Social media i dodatkowe linki dopiero później, jeśli faktycznie są używane.

SEO i stopka: bez sztucznego dopalania

Stopka może pomagać w wewnętrznym linkowaniu, ale nie powinna być upycharką fraz. Link „Projektowanie stron internetowych UK” ma sens, jeśli prowadzi do głównej usługi. Dziesięć wariantów tego samego anchoru w stopce wygląda nienaturalnie i nie pomaga użytkownikowi.

Linki w stopce traktuj jak nawigację, nie jak sekretną technikę SEO. Najlepsze linkowanie wewnętrzne i tak dzieje się w treści, gdzie kontekst jest jasny.

Krótki test stopki

1. Czy po wejściu w stopkę użytkownik wie, jak się skontaktować?
2. Czy linki są pogrupowane logicznie?
3. Czy stopka nie jest dłuższa niż treść krótkiej podstrony?
4. Czy działa wygodnie na telefonie?
5. Czy nie dubluje całego menu bez powodu?

Stopka jest małym elementem, ale często zdradza stan całej strony. Jeśli jest przeładowana, zwykle problemem nie jest sama stopka. Problemem jest brak decyzji, co na stronie naprawdę ma znaczenie.

Źródła pomocnicze: MDN: footer element, W3C WAI: Page Structure Tutorial.