Definition: A footer is the section that closes a web page and usually appears consistently across a website. It brings together secondary navigation, company information, contact details, legal links and other utilities that should remain accessible without competing with the main content.
In HTML, this area can be identified with a semantic element: <footer>. A page may have a site-wide footer as well as footers associated with individual articles or sections. The term therefore describes a structural function, not merely the last block visible on the screen.
The footer provides orientation and closure when visitors reach the end of the content. From there, they can continue to an important section, find a contact method or learn about the organisation without returning to the main menu.
It also keeps site-wide information available. For example, it may link to a contact page, terms of use, a privacy policy, social profiles or a newsletter subscription. The right selection depends on the website’s purpose: an online shop, a publication and a corporate site do not need exactly the same footer.
A well-organised footer supports the user experience by providing predictable routes and reducing search effort. However, it does not replace the main navigation and should not become a repository for every link on the website.
There is no single required layout, but common footer elements fall into several groups:
- Secondary navigation: links to company pages, support, frequently asked questions or relevant categories.
- Contact details: the organisation’s name, address, email, telephone number and useful social profiles.
- Legal information: legal notice, privacy and cookie policies, terms of sale and copyright details.
- Optional actions: a subscription form, store locator, language selector or call to action.
- Trust signals: certifications, payment methods or association memberships, provided that they are current and verifiable.
Priority should reflect genuine user needs. A complete sitemap is a separate resource; displaying hundreds of links in the footer usually makes scanning more difficult. Large websites benefit from selecting key destinations and maintaining a clear information architecture.
Footer links are part of a site’s internal linking. They can support discovery by users and crawlers and communicate relationships within the site, but their context is less specific than that of a link embedded in the main content because they repeat across many URLs.
A footer should therefore not be treated as a place to repeat keywords or add large numbers of links for SEO. Linking to relevant destinations is legitimate; extensive link blocks, artificial anchor text and pages that visitors do not need create noise and may weaken the site’s hierarchy.
The sound approach combines utility and hierarchy with proper maintenance. Essential pages should be connected through navigation and contextual links instead of relying exclusively on the footer.
The design should distinguish the footer from the preceding content through spacing, colour or another visual boundary consistent with the brand. Groups need descriptive headings and a recognisable order. Critical information should not be hidden behind interactions that are difficult to discover.
The footer must also use responsive design. On mobile devices, columns can stack or become accessible disclosure groups, but links still need adequate touch targets, a logical order and visible focus states. Contrast, meaningful labels and keyboard operation matter as much as appearance.
Pre-release testing should cover different templates, devices and screen sizes. In addition to its layout, teams should verify that links work, contact details are current and the footer does not cause horizontal scrolling or unexpected layout shifts.
- Excessive links: too much choice makes scanning harder and hides priorities.
- Copying the menu: repetition is useful only when it meets a navigation need.
- Outdated information: incorrect telephone numbers, opening hours, addresses or legal notices undermine trust.
- Using ambiguous labels: generic wording such as More or Information says little about the link’s destination.
- Neglecting accessibility: narrow columns, poor contrast or inaccessible controls hinder mobile interaction.
- Forcing SEO links: the footer should serve visitors first and reflect the website’s genuine structure.
A good footer is selective and understandable. Its value comes not from the number of elements it contains, but from helping people complete tasks, find secondary information and finish their journey with clarity.