Answer 29 of 50

How Footer Design Contributes to Site Usability and Information Architecture

7 min read

A footer does two jobs. Some visitors go straight to it for specific things: Nielsen Norman Group’s guide to footers observes that “Users will often go directly to the footer to find contact information or locate ways to get customer support.” For everyone else, it is the last resort for content they could not find anywhere else. Serving both groups takes a footer that is consistent on every page, organized, and never hidden.

Therese Fessenden’s 2019 article Web Page Footers 101 describes the utility links people look for at the bottom of the page. In practice, that means:

  • Contact information: phone, email, and address, or a clear link to a contact page.
  • Legal and policy pages: privacy policy, terms, and cookie information, plus any link a law requires (see below).
  • Company information: about, careers, press.
  • Customer resources: help center, returns, accessibility statement.
  • Social links: to your official accounts.
  • Copyright notice.

The same article notes that some users scroll to the footer for secondary tasks the main navigation does not cover, such as job seekers on a store’s site looking for the careers page. That is the footer’s information-architecture role: a home for pages that matter to a smaller audience without earning a place in the main menu.

Secondary navigation, not the whole site map

Group footer links so each cluster has an obvious theme, such as company, help, and legal, and use labels people can scan quickly; “Support” says more than “Resources.” Do not try to fit the entire site. NN/g’s guidance is specific: “A site-map footer component does not include the complete site map, unless the site has few pages (about 25 or fewer).” Larger sites should link to a separate site map page from the footer instead. On deep sites, the other secondary layer sits at the top of the page; when it earns its space is covered in when breadcrumb navigation becomes important.

Fat footers and minimal footers

A large footer with several link columns, a newsletter form, and a short company description suits sites with many pages and many kinds of visitors, such as stores, publishers, and large organizations. A minimal footer with copyright, contact, and legal links suits simple sites where the main content carries everything, such as portfolios and single-product businesses. Choose by the number of secondary destinations you have.

People reach the footer for different reasons: some have finished the content, and others are still looking for something they could not find. A newsletter form or a call to action can catch the first group, but it must not push the links the second group came for out of view. Before adding sales elements, check scroll depth and which footer links people click, and keep the utility links in the same place on every page.

A four-column desktop footer becomes a long single column on a phone. Collapsing link groups into expandable sections can manage that length, but keep the group headings, contact details, and legal links visible. NN/g warns against hiding the footer itself; some sites “use an animation or accordion feature to hide the footer completely for aesthetics purposes”, and the article’s advice is direct: people “still use it and rely upon it, so don’t try to hide it.”

Footer links can be small text, so give them enough target area. WCAG 2.2 success criterion 2.5.8, Target Size (Minimum), asks for pointer targets of at least 24 by 24 CSS pixels or enough spacing around smaller ones, with listed exceptions, including links inside a sentence. Put the most-used items first in the mobile order, because people may not scroll through all of it.

Two patterns that share the name “sticky”

The word covers two different behaviors, so name them separately in your specification:

Pattern What it does When to use it
Footer pushed to the bottom on short pages On a page too short to fill the screen, the footer sits at the bottom of the viewport instead of floating mid-screen By default; it is a layout fix that costs nothing
Fixed footer Stays visible at the bottom while the user scrolls Only for a few controls people need constantly, because it takes screen space on every page

When content keeps loading as people scroll, they never reach the footer. NN/g describes the fix: on infinitely scrolling pages, the content that would have been in the footer can appear as a mini footer in the right rail or inside an expanded global navigation. Another option is to stop automatic loading after a point and use a “load more” button, so the footer becomes reachable.

Design quality and freshness

The footer is the last thing people see on a page they read to the end, and it is easy to assemble from leftovers late in a project. Apply the same typography, spacing, and link styles as the rest of the site, and include the footer in your design system. Review its content on a schedule: a footer still promoting last year’s event or linking to a discontinued product can tell visitors nobody is minding the site.

Every page with the footer links to every footer destination. For example, imagine a footer with 20 links on a site with 1,000 pages: each footer destination receives up to 1,000 internal links, 20,000 in total. That makes those pages easy for crawlers to find, which matches Google’s guidance on links: “Every page you care about should have a link from at least one other page on your site.” Google’s guidance does not describe sitewide footer links as passing extra ranking weight, so link the pages people need from the footer, and treat crawl discovery as a side benefit.

Two examples show how specific these obligations can be. They are not a complete list, so check the rules for every market you serve.

  • Germany. Section 5 of the Digitale-Dienste-Gesetz (DDG § 5) requires providers of commercial digital services, normally offered for payment, to keep certain provider information “leicht erkennbar und unmittelbar erreichbar” (easily recognizable and directly accessible) and permanently available, including name and address and a means of fast electronic contact. That information is known as the Impressum, and a clearly labeled footer link on every page is one way to keep it easily recognizable and directly accessible.
  • California. The California Privacy Protection Agency’s CCPA FAQ states that businesses that sell or share personal information must provide a clear and conspicuous link titled “Do Not Sell or Share My Personal Information” on their website. Which businesses the CCPA covers is explained in balancing personalization with user privacy.

Showing a reduced “baseline” footer to visitors from some regions risks leaving out a required link, so start from the strictest market you serve. Multilingual sites need translated footers, and a footer is a natural place for language and region selectors. This section is general information, not legal advice.

Questions teams ask

Audit every link: who uses it, and would they find it elsewhere? Combine related links, move long lists to a dedicated page linked from the footer, and collapse link groups on mobile while keeping headings, contact details, and legal links visible. Required legal links stay, whatever their click rate.

It can go in both places. A signup within the content catches readers while they are engaged; a footer signup catches those who reached the end without signing up. The footer placement does not interrupt reading.

Yes. Footer links serve needs that are rare per visit but add up across many visitors, and the person looking for your privacy policy or your returns address may have nowhere else to find it. Low clicks show the footer is not anyone’s main path, which is expected.

Single-page apps handle footers differently. What’s the best approach?

A single-page app can still have a footer at the bottom of its scrollable content. Make sure people can reach it in views that load content continuously, using a mini footer in a side panel or menu if needed, and update footer content on route changes if it depends on context.

Put the utility links people expect in a consistent footer on every page, group them clearly without trying to hold the whole site map, include every link the law requires in your markets, collapse link groups on mobile rather than the footer itself, and give infinitely scrolling pages a mini footer.