Pätička webu alebo aj inak footer, je jednou z najdôležitejších častí webovej stránky, ktorá sa nachádza na jej spodnej časti webstránky. Tak si tento webový element rozoberieme pri kávičke ☕, pretože mnoho z vás tomuto prvku niekedy ani nerozumie. Tento prvok stránky býva zvyčajne konzistentný na všetkých podstránkach a poskytuje návštevníkovi dôležité informácie, ktoré sa hodia bez ohľadu na to, na ktorej stránke sa práve nachádza. Hoci na prvý pohľad nemusí byť pätička webu považovaná za zásadný element dizajnu, zohráva dôležitú úlohu pri navigácii, poskytovaní právnych informácií a budovaní dôvery medzi návštevníkmi webu.
Dobrá pätička webu by mala byť prehľadná, informatívna a vizuálne vyvážená, aby sa návštevníci mohli rýchlo orientovať a nájsť potrebné informácie.
Footer má veľa praktických využití. Okrem estetickej stránky je jeho hlavnou úlohou poskytnúť návštevníkovi dodatočné informácie o webovej stránke alebo firme. Medzi najbežnejšie prvky, ktoré sa v pätičke webu nachádzajú, patria:
Čo všetko patrí do footra
- Kontaktné informácie
Kontakt na firmu je jedným z najdôležitejších údajov, ktoré by mal footer obsahovať. Tieto informácie môžu zahŕňať e-mail, telefónne číslo, adresu sídla spoločnosti, prípadne odkazy na sociálne siete. Rovnako tu môže byť aj formulár pre rýchly kontakt, ktorý návštevníkom umožňuje poslať správu bez toho, aby museli opustiť stránku.
- Odkazy na dôležité podstránky
V pätičke by sa mali nachádzať odkazy na hlavné sekcie alebo podstránky webu, ako je napríklad „O nás“, „Služby“, „Blog“ alebo „FAQ“. Tieto odkazy umožnia návštevníkovi rýchly prístup k ďalším informáciám bez toho, aby musel prehľadávať celé menu stránky.
- Právne informácie
Právne dokumenty ako „Podmienky používania“, „Ochrana osobných údajov“, „Cookies politika“ či „Reklamačné podmienky“ patria do footra, pretože sú dôležité pre transparentnosť a právnu ochranu firmy. Tieto odkazy sa zvyčajne nachádzajú na konci stránky, kde ich návštevníci ľahko nájdu.
- Rok
Rok, ktorý je často uvedený v pätičke (napríklad „© 2024 [Názov firmy]“), je nielen estetickým prvkom, ale aj právnym ochranným symbolom. Tento rok sa väčšinou aktualizuje každý rok, pričom informuje návštevníka, že stránka je aktuálna a udržiavaná.
Nezabudnite na klikacie elementy
- Logo alebo názov firmy
Mnohé stránky sa rozhodnú do footra umiestniť malé logo alebo názov firmy. Aj keď to nie je striktne nevyhnutné, môže to prispieť k budovaniu značky a zlepšiť vizuálnu konzistenciu stránky.
- Sociálne ikony
Väčšina webových stránok dnes pridáva do footra ikony sociálnych médií, ako sú Facebook, Instagram, LinkedIn, Twitter alebo YouTube. Tieto ikony umožňujú návštevníkom jednoduchý prístup k účtom firmy na rôznych platformách, čím sa podporuje interakcia so značkou. Zaujímavé je, že tieto ikony, pokiaľ sú správne implementované, zvyčajne nezaťažujú načítanie webovej stránky. V súčasnosti väčšina webových vývojárov používa fonty a ikony vo formáte SVG alebo ikony zo služieb ako Font Awesome, ktoré sú optimalizované na rýchle načítanie a ne-ovplyvňujú výrazne výkon stránky. Týmto spôsobom môžu byť ikony efektívne a zároveň nenáročné na zdroje. Ak chceme ešte väčší optimalizačný výkon na rýchlosť, môžeme použiť HTML ikony a smajlíky. Tie nemajú žiadny vplyv na rýchlosť načítania, pretože sú to znaky HTML jazyka.
Základné prvky na tému pätička webu
Každá pätička webu by mala byť prispôsobená cieľovej skupine a účelu stránky, no existuje niekoľko univerzálnych prvkov, ktoré by nemali chýbať:
a) Kontaktné údaje
- Telefónne číslo, e-mailová adresa a adresa sídla firmy.
- Pridajte odkazy na mapy pre lokalitu, ak ste fyzická prevádzka.
b) Právne informácie
- Linky na Podmienky používania, Ochranu osobných údajov alebo Cookies politiku sú povinné pre mnohé weby.
- Copyright s aktuálnym rokom ukazuje, že stránka je aktuálna.
c) Sociálne siete
- Ikonky na sociálne siete umiestnite na viditeľné miesto, no dbajte na konzistentnosť dizajnu.
d) Doplnkové navigačné menu
- Umiestnite tu menej používané sekcie ako „O nás“, „Kariéra“, „FAQ“, prípadne sekcie na blogy.
Čo by do footra nemalo patriť
Zatiaľ čo pätička webu môže byť veľmi užitočným prvkom stránky, je potrebné dbať na to, aby neobsahoval zbytočné alebo rušivé prvky. Tu je niekoľko vecí, ktoré by v pätičke nemali byť vôbec:
- Preplnenosť a chaos:
Pätička webu by mala byť prehľadná a čistá. Ak doň vložíte príliš veľa informácií, môže to viesť k tomu, že sa stane neprehľadným a návštevníci budú mať problém rýchlo nájsť to, čo hľadajú. Neodporúča sa vkladať do footra všetky možné odkazy na podstránky webu, pretože to môže spôsobiť vizuálny chaos.
- Reklamy alebo iné komerčné prvky:
Zatiaľ čo reklama môže byť platným spôsobom, ako zarábať na stránkach, nemala by sa nachádzať v päte, teda vo footeri, pretože môže pôsobiť rušivo a neprofesionálne. Návštevník by nemal mať pocit, že sa po zobrazení footra ocitá v mori reklamných bannerov.
- Príliš veľa obrázkov alebo grafiky:
Použitie príliš veľa obrázkov alebo grafických prvkov môže znížiť rýchlosť načítania stránky a zároveň skomplikovať používateľskú skúsenosť. Pätička webu by mala zostať jednoduchá a zameraná na textové informácie.
- Neaktuálne informácie:
Keďže pätička webu je miesto, kde sa často uvádza rok (napríklad vo forme autorských práv), je dôležité dbať na jeho pravidelnú aktualizáciu. Ak rok zostane nezmenený počas niekoľkých rokov, môže to vytvoriť dojem, že stránka je zanedbaná alebo neaktuálna.
Ako nastaviť automatický rok v pätičke
Jedným z bežných problémov pri správach v pätičke je automatická aktualizácia roku. Každý rok je potrebné upraviť číslo, aby sa ukázal aktuálny rok, čo môže byť zbytočne časovo náročné, ak nie je automatizované. Našťastie existujú jednoduché technické riešenia, ktoré zabezpečia, že rok v pätičke sa automaticky upraví podľa aktuálneho roka.
Ak vaša stránka používa HTML, môžete tento problém vyriešiť pomocou JavaScriptu. Kód, ktorý sa postará o aktualizáciu roku, vyzerá takto:
html
Kopírovať kód:
<script type=“text/javascript“>
document.getElementById(„year“).innerHTML = new Date().getFullYear();
</script>
Tento kód automaticky nastaví rok v HTML elemente s id „year“ na aktuálny rok. Tento jednoduchý skript je veľmi efektívny a zabezpečí, že každý rok sa na stránke zobrazí správny rok bez nutnosti manuálnych úprav. Samozrejme samotný príkaz (definíciu) môžeme vložiť priamo do hlavného súboru. Ale máme ešte aj možnosť napísať príkaz v jazyku PHP.
Pätička webu je lepšia pre SEO
Footer je ideálne miesto na umiestnenie niektorých prvkov, ktoré môžu posilniť viditeľnosť stránky vo vyhľadávačoch:
- Interné odkazy – Odkazy na dôležité časti stránky zlepšujú prepojenie obsahu a pomáhajú s indexovaním.
- Kľúčové slová – Používajte prirodzený jazyk a relevantné frázy v textoch vo footeri.
- Štrukturované dáta – Pridajte štruktúrované značky (napr. JSON-LD), aby ste poskytli vyhľadávačom presnejšie informácie o vašej firme.
Dizajn a použiteľnosť footeru
Footer by mal byť prehľadný a dizajnovo zapadať do celkového štýlu stránky:
- Kontrast – Použite dostatočný kontrast medzi textom a pozadím, aby bol footer čitateľný.
- Veľkosť písma – Zabezpečte, aby bol text dostatočne veľký a čitateľný aj na menších obrazovkách.
- Responzívnosť – Footer by mal byť prispôsobený pre mobilné zariadenia, aby všetky prvky zostali dostupné.
- Jednoduchosť – Nepreplňujte footer zbytočným obsahom; zamerajte sa na jeho funkčnosť.
Pätička webu môže mať aj chyby
a) Príliš veľa informácií
Niektoré pätičky sa snažia obsahovať všetko, od odkazov na desiatky stránok až po rozsiahle texty. To môže byť pre používateľov mätúce.
b) Ignorovanie mobilnej optimalizácie
Nepodceňujte dôležitosť responzívneho dizajnu. Footer, ktorý sa nezobrazuje správne na mobile, znižuje dôveryhodnosť stránky.
c) Zbytočne malé písmo
Používatelia by nemali mať problém prečítať text vo footeri. Dbajte na jeho čitateľnosť a dostatočný odstup medzi riadkami.
d) Nepodporované odkazy
Ak sú odkazy vo footeri nefunkčné alebo vedú na chyby 404, môže to zhoršiť dôveru používateľov aj hodnotenie SEO.
Najlepšie praktiky pri tvorbe pätičky webu
- Pravidelne ho aktualizujte – Dbajte na to, aby všetky informácie boli vždy aktuálne.
- Pridajte do footra odkaz na hlavnú stránku – Poskytuje jednoduchý spôsob návratu na začiatok. Alebo použite kotvu, alebo javascriptové tlačidlo pre návrat hore.
- Dizajn v súlade so značkou – Footer je súčasťou vašej vizuálnej identity, preto by mal odrážať farby, štýl a tón značky.
Pätička webu záverečné zhrnutie
Footer je dôležitým, no často prehliadaným prvkom webovej stránky. Správne navrhnutý footer poskytuje návštevníkovi hodnotné informácie, podporuje navigáciu a zvyšuje profesionalitu webu. Je dôležité dbať na to, aby bol footer prehľadný, relevantný a aktuálny. Využitie automatizácie, ako je napríklad nastavenie automatického roku, môže ušetriť čas a zaručiť, že stránka bude vyzerať vždy čerstvo a aktuálne.
Footer na webovej stránke je viac ako len koniec stránky – je to priestor, ktorý môže zlepšiť navigáciu, posilniť SEO a poskytnúť používateľom dôležité informácie. Správnym návrhom a implementáciou footeru môžete zabezpečiť, že vaša stránka a pätička webu bude nielen atraktívna, ale aj funkčná. Venujte pozornosť detailom a uistite sa, že footer podporuje váš celkový cieľ a identitu webu.
Pre vás pripravil Pavol Knut Navrátil