Stopka na stronie internetowej

Stopka strony internetowej, z języka angielskiego footer, to często zaniedbywana, a jak okazuje się bardzo ważna część designu oraz SEO. W stopce może znaleźć się wszystko, nie ma jakichś  zasad ograniczających nas. W tym artykule wskażemy, co powinniśmy tam umieszczać ze względu na dobre praktyki i konwersje naszej strony internetowej. 

Czym jest stopka strony?

Wyjaśnienie czym jest stopka pewnie dla wszystkich, jest formalnością, ale dopełnijmy ją. Stopka strony to dół strony internetowej, bardzo często wydzielony graficznie od pozostałej części. Bardzo często zawiera elementy, które opisujemy poniżej. 

Informacje kontaktowe

Oprócz tego, że każdy z użytkowników z przyzwyczajenia szuka ich na dole strony  w stopce, to dodatkowo są ważnym czynnikiem gdy mamy do optymalizacji pozycjonowanie lokalne. Umieszczając dane kontaktowe w stopce, zachowaj spójność z danymi kontaktowymi w wizytówce Moja Firma, w profilu Facebook oraz w katalogach firm gdzie znajdują się punkty POI. Te katalogi to strony typu pf.pl, zumi.pl.

Uproszczony formularz kontaktowy

Na wielu stronach internetowych, gdzie konwersją jest kontakt, dodatkowy formularz kontaktowy  w stopce zwiększył ilość wiadomości o kilka punków procentowych. Wdrażając dodatkowy formularz kontaktowy, warto mierzyć konwersję osobno  per formularz i zbiorczo

Zapis do newslettera

Jeżeli w Twoim biznesie ważniejsze jest zapisywanie się do newslettera, a nie lead w formie kontaktu w miejscu uproszczonego kontaktu zaprojektuj formularz z możliwością zapisania do list newslettera. Najczęściej takie rozwiązanie znajdziemy na serwisach z treścią i w sklepach internetowych.

Dodatkowe linki

Nie myślę tutaj o dodatkowej nawigacji z linkami: Kontakt, polityka prywatności, Regulamin, które są już standardem, że umieszcza się je w stopce, tylko o  dodatkowych linkach do kategorii, na które brakło miejsca w głównej nawigacji. Kategorie te nie powinny być ważne z punktu widzenia nawigacji na stronie, ale jest to dobre, kompromisowe miejsce na umieszczenie dodatkowych linków pozycjonujących, które uważamy, że powinny być linkowane site-wide. Zawsze lepiej umieścić link do Landing Page tutaj niż zrezygnować z niego, bo nie ma miejsca w nawigacji.  Zobacz, jak rozbudowane dodatkowe menu potrafią mieć serwisy horyzontalne, które mają bardzo dużo kategorii. Często takie dodatkowe menu/linki znajdują się ponad stopką właściwą. 

Social proof

Gdy Twoja strona jest wizytówką Twojej firmy usługowej, to w stopce warto umieścić wszystko, co wpływa na odbiór Twojej firmy jako profesjonalnej i ma namacalne potwierdzenie. Są to wszelkie wyróżnienia, certyfikaty, opinie czy referencje ludzi z branży.

Stopka strony, a SEO

W naszej ocenie stopka internetowa to najlepsze miejsce na umieszczenie dodatkowego rozlinkowania, na które nie ma już miejsca w innych miejscach w nawigacji. W idealnym świecie takie rozlinkowanie nie powinno być site-wide, a powinniśmy wdrożyć mechanizm, za pomocą którego linki można dodawać tematycznie, chociaż w danej kategorii. 

Oprócz powyższego trzeba pamiętać o wspomnianym wcześniej już pozycjonowaniu lokalnym, gdzie stopka jest znakomitym miejscem na umieszczenie sygnałów lokalnych, czyli informacji kontaktowych. 

Optymalizacja stopki pod kątem SEO – kluczowe zasady

Aby stopka internetowa była skuteczna z punktu widzenia SEO, powinna być odpowiednio zaprojektowana i zoptymalizowana. Oto kilka zasad, które warto wziąć pod uwagę:

1. Unikaj zbyt dużej liczby linków

Umieszczenie zbyt wielu linków w stopce może prowadzić do tzw. rozcieńczenia siły SEO. Każdy link przekazuje pewną wartość SEO (tzw. "link juice") na inne podstrony. Jeśli stopka zawiera zbyt dużo linków, ta wartość może być rozproszona, co obniży efektywność każdego z nich. Postaw na najważniejsze odnośniki, które mają realną wartość dla użytkowników i robotów Google.

2. Unikaj powielania treści

Stopka powinna być spójna na wszystkich podstronach, ale to nie oznacza, że powinna zawierać te same informacje co główne treści strony. Powielanie treści (tzw. "duplicate content") w stopce może wpłynąć negatywnie na pozycjonowanie strony. Warto więc zadbać o to, aby stopka była unikalna i nie powtarzała treści zawartych na pozostałych częściach witryny.

3. Uważaj na słowa kluczowe

Chociaż stopka może być miejscem, gdzie umieścisz słowa kluczowe, unikaj ich nadużywania. Google może to potraktować jako próbę manipulowania wynikami wyszukiwania, co z kolei może prowadzić do obniżenia pozycji strony w rankingu. Słowa kluczowe powinny być umieszczone naturalnie, w kontekście informacji znajdujących się w stopce.

4. Zadbaj o mobilność i responsywność

Współczesne strony muszą być responsywne, czyli dostosowane do różnych urządzeń. Stopka nie jest tu wyjątkiem – powinna być czytelna i funkcjonalna na ekranach smartfonów oraz tabletów. Google promuje strony przyjazne mobilnym użytkownikom, dlatego responsywność stopki wpływa pośrednio na SEO.

Najczęstsze błędy w stopkach a SEO

Nieprawidłowa optymalizacja stopki może przynieść więcej szkody niż pożytku. Oto najczęstsze błędy, których należy unikać:

• Zbyt duża liczba linków – umieszczanie dziesiątek linków w stopce może spowodować jej przeładowanie, co negatywnie wpłynie na użyteczność strony i jej widoczność w wyszukiwarkach.
• Nadużywanie słów kluczowych – spamowanie stopki słowami kluczowymi może skutkować karą od Google i obniżeniem pozycji strony w wynikach wyszukiwania.
• Brak optymalizacji na urządzenia mobilne – nieczytelna stopka na małych ekranach to częsty błąd, który obniża ocenę strony pod kątem user experience, co może negatywnie wpływać na SEO. Jeśli w stopce znajdują się linie z zbyt małymi odstępami (paddingami) lub za małą czcionką, Google Lighthouse wyświetli informacje na ten temat w swoim raporcie.
• Ignorowanie aktualizacji treści – stopka, która zawiera przestarzałe linki, linki do stron 404, może nie tylko zniechęcać użytkowników, ale wpłynie negatywnie na SEO.

Jaki HTML umieścić w stopce na dole strony? 

Semantycznym tagiem HTML5, który powinniśmy użyć jako element okalający dolną stopkę strony jest <footer>.Tag ten używa się zarówno jako stopkę sekcji treści (np. w <article>) jak i stopkę sekcji root-a dokumentu, w naszym przypadku cała strona HTML, czyli <body>

---

---