Footer (česky patička webu) je spodní část webové stránky, která se zobrazuje na konci obsahu. Typicky obsahuje doplňující informace, navigaci, právní odkazy a další prvky, které uživatel často očekává na konci stránky. Footer se obvykle opakuje na všech stránkách webu a tvoří důležitou součást celkové struktury a UX.
Co footer obvykle obsahuje
Obsah footeru se liší podle typu webu, ale mezi nejčastější prvky patří:
- 🔗 Doplňková navigace (menu, důležité odkazy)
- 🏢 Informace o společnosti (IČO, sídlo, provozovatel)
- 📄 Právní dokumenty (Obchodní podmínky, GDPR, Cookies)
- 📬 Kontakt (e-mail, telefon, adresa)
- 📱 Sociální sítě
- 📰 Odběr newsletteru
- 💬 Live chat / kontakt na podporu
- © Copyright
- 🧭 Mapa webu (sitemap)
- 🛒 E-shopové prvky (dopravci, platební metody)
Footer je prostor, kde uživatel hledá „formální“ nebo „závěrečné“ informace.
Funkce footeru
1) Navigace
Footer poskytuje alternativní navigaci, která pomáhá:
- uživatelům, kteří se dostali na konec stránky
- vyhledávačům díky interním odkazům
- mobilním uživatelům, kteří scrollují více než desktopoví
2) Důvěryhodnost
Footer často obsahuje certifikáty, právní dokumenty a firemní data, která posilují důvěru.
3) SEO
Footer:
- pomáhá interním prolinkováním
- ukotvuje důležité stránky (např. „Kontakt“, „O nás“)
- vytváří stabilní strukturu pro vyhledávače
Nejedná se o přímý SEO faktor, ale má významný nepřímý vliv.
4) UX a přístupnost
Footer zvyšuje přehlednost webu:
- uživatel intuitivně ví, kde najde administrativní informace
- zlepšuje celkovou orientaci
- poskytuje rychlý přístup ke klíčovým stránkám
5) Branding
Footer může posilovat vizuální identitu webu – barevně, typograficky i strukturou.
Typy footerů
1) Jednoduchý (basic) footer
- obsahuje jen základní kontakt + copyright
- vhodný pro osobní blogy nebo minimalistické weby
2) Vícesloupcový footer
- rozčleněn do 2–4 sloupců
- běžný u firemních webů a e-shopů
3) Mega-footer
- obsahuje velké množství odkazů
- typický pro rozsáhlé portály nebo korporátní weby
4) Micro-footer
- ultra minimalistická varianta
- často pouze © + drobný odkaz
Footer z pohledu HTML a sémantiky
V HTML5 existuje přímo element:
<footer>
<!-- obsah patičky -->
</footer>Tento element:
- označuje sémantickou patičku stránky nebo sekce
- může se nacházet i vícekrát – například uvnitř článku, karty, sekce
Příklad:
<article>
<footer>
<p>Autor: Jan Novák</p>
</footer>
</article>❗ Nepřehazovat s hlavní patičkou webu – ta je obvykle poslední <footer> na stránce.
Footer a design
Důležité zásady:
- dostatek prostoru (padding)
- správný kontrast
- přehledné rozdělení do sloupců
- konzistence napříč webem
- responzivní úpravy pro mobilní zařízení
Moderní trend: tmavý footer oddělený od zbytku webu pro vizuální klid.
Časté chyby
- přetížení footeru příliš mnoha odkazy
- nekonzistentní styl s ostatní částí webu
- neaktuální právní dokumenty
- chybějící kontakt nebo provozovatel
- příliš malý text nečitelný na mobilu
- ignorování přístupnosti (špatný kontrast, malé klikací plochy)
Shrnutí
Footer je spodní část webu, která obsahuje důležité informace, doplňkovou navigaci, právní dokumenty a prvky důvěryhodnosti. Hraje roli v UX, SEO, navigaci i celkovém dojmu z webu. Správně navržený footer je přehledný, sémanticky správný a ladí s vizuální identitou webu.
