The footer is the most-ignored, highest-leverage piece of real estate on most websites. It is where users land when they cannot find something in the nav, where SEO equity gets distributed across the site, where legal compliance lives, and where the brand gets to make a final impression. The pattern that works in 2026 is a structured, multi-column footer with clear link hierarchy, strong legal coverage, light brand expression, and a final CTA or newsletter signup that earns its weight.
What the footer is actually for
A footer does five jobs simultaneously: it acts as a sitemap for users who could not find what they wanted in the main nav, it distributes internal link equity to sub-pages that do not get linked from the homepage, it satisfies legal and compliance requirements (privacy, terms, accessibility statement, copyright, address for commercial entities), it provides an alternative entry point for support (contact, status, help center), and it expresses brand identity at the bottom edge of every page.
Underrated point: the footer is where signed-in power users and SEO crawlers spend a disproportionate amount of time. It is also the only place on most pages that appears on every single screen the user visits. That makes it the most consistent surface for changes; it is where you put the new feature link, the latest blog post, the conversion CTA you want everywhere.
The 4 to 6 column pattern
The most common high-functioning footer pattern is a 4 to 6 column grid: brand block (logo, short tagline, social icons), product columns (Features, Pricing, Integrations, Use Cases, Industries), company columns (About, Customers, Careers, Contact, Press), resource columns (Blog, Help, Docs, Status, Changelog), and a legal row across the bottom (Privacy, Terms, Cookies, Sitemap, copyright, language switch).
Stripe, Linear, Notion, Vercel, and Intercom all run versions of this pattern. The columns shift based on what matters to the business. A consumer ecommerce site emphasizes shop categories, customer service, and shipping. A B2B SaaS company emphasizes product, customers, and resources. An agency or studio emphasizes work, services, and contact.
On mobile, the columns collapse into accordion groups or a single stacked list. Either pattern works; the tradeoff is between scan-ability (accordions hide content) and discoverability (stacked lists make the footer long). For B2B sites with deep navigation, accordions usually win on mobile.
Link hierarchy and what to include
The temptation is to put every page in the footer. The discipline is to include only what serves a real user need or a real SEO purpose. A bloated footer with 80 links is harder to scan, distributes equity less effectively, and gives Google a signal that the site does not know what is important.
Practical rule: the footer should include every top-level page from the main nav, the most important second-level pages (key feature pages, key industries, key customer stories), critical legal and trust pages (privacy, terms, security, status, accessibility statement), support entry points (contact, help center, community), and brand-level pages (about, careers, blog, newsroom). Avoid stuffing the footer with internal links purely for SEO; modern Google ranking algorithms heavily discount obvious link-stuffing in footers.
For broader site structure thinking, our web design best practices guide covers IA decisions that flow into footer organization.
Legal compliance, the boring critical part
The footer carries the bulk of a site’s legal compliance. Required for almost every commercial site: a copyright notice with the current year and the legal entity name, a Privacy Policy link, a Terms of Service link, and a Cookie Policy or cookie preferences link if the site uses cookies for anything beyond strictly necessary functionality.
For US-based sites: the company’s legal name and registered address (especially for ecommerce and SaaS). For sites doing business in California: a “Do Not Sell or Share My Personal Information” link under CCPA. For EU-targeted sites: GDPR-compliant cookie consent and a clear Privacy Policy link. For sites in regulated industries (financial services, healthcare, insurance, legal): industry-specific disclosures, license numbers, and disclaimers usually go in the footer or a clearly linked footer page.
Accessibility statements are increasingly expected, especially for any site doing business with government, education, or large enterprise. The accessibility statement page itself should be linked from the footer on every page, with a short summary of the site’s WCAG conformance level and a contact for accessibility complaints.
Newsletter signup and final CTA
One of the highest-converting elements in a modern footer is a single-field email capture for a newsletter, blog digest, or product updates. The patterns that work: one input field, one button, a clear value proposition (“Weekly product updates,” not “Subscribe”), and a privacy reassurance line below (“No spam. Unsubscribe anytime.”). Avoid asking for first name, last name, company, and role in a footer signup; the conversion drops dramatically with each extra field.
Some sites pair the footer signup with a final CTA above the footer (a “ready to get started” band or a CTA section). This pattern works when the conversion is the primary site goal. Avoid running both a strong CTA band and a strong newsletter signup in the same vertical space; pick one. Our landing page design best practices guide goes deeper on conversion-section placement.
Brand expression in the footer
The footer is one of the few places where a brand can lean into expression without competing with conversion goals. Linear’s footer features an oversized brand wordmark. Vercel’s footer is dense with structured links and a deep-black surface. Apple’s footer is famously minimal: a thin row of legal links, no flourish. Stripe’s footer is structured and product-focused, with subtle illustration in the background.
Patterns that signal brand quality without breaking the footer: oversized type for the brand name or tagline, thoughtful use of color (often a darker shade of the page background, not pure black), a final brand line or signature (“Made with care in [city]”), and consistent treatment of social icons. Avoid garish gradients, animated backgrounds, or autoplay video at the bottom of the page; the footer is the wrong surface for spectacle.
Accessibility in footers
Footer links are some of the most-tested elements for accessibility, and one of the most commonly broken. Common failures: low-contrast text on dark backgrounds (a #999 link on a #1A1A1A footer fails contrast), tiny tap targets on mobile (links should be at least 44 pixels by 44 pixels of clickable area), missing focus indicators when navigating with keyboard, and grouping that screen readers cannot parse.
Practical fixes: use proper semantic HTML (a footer element wrapping nav elements with aria-labels for each column group, ul and li for link lists), test contrast at every link state (default, hover, focus, visited), ensure focus is visible and follows reading order, and run the footer through axe DevTools or Lighthouse on every release. Our website accessibility guide has the full audit pattern.
Mobile footer patterns
On mobile, footers face two competing demands: they need to fit on a small screen without forcing endless scrolling, and they cannot hide content from search engines or accessibility tools. The cleanest patterns: collapsing column groups into accordion sections (with the accordion state announced to screen readers), or stacking all columns into a single flowing list with clear typographic hierarchy.
Avoid the temptation to swap the desktop footer entirely for a different mobile footer. Search engines should see the same content on both. Use CSS to restructure the same HTML, not different content per device. Also avoid sticky bottom bars on mobile that obscure the footer entirely, especially if they include cookie banners or marketing prompts that stack with the footer.
SEO and the footer
Footers historically served as a way to push internal link equity to important pages. Modern Google still weights footer links, but with significant discounting compared to in-content links. The practical implication: do not stuff the footer with 200 keyword-rich anchor text links. That pattern is detected and ignored, and in egregious cases penalized.
What works: link to genuinely useful destinations with natural anchor text. Use the footer to expose pages that do not get linked from the main nav, like industry-specific landing pages, comparison pages, or location pages. If the site has 50 location pages, do not list them all in the footer; instead link to a Locations index page that lists them all in-content.
Common footer mistakes
The 200-link footer that does nothing well. Footers that hide critical legal links inside a nested submenu. Light gray text on a slightly darker gray background that fails contrast. Newsletter signup forms with five required fields. Mobile footers that are taller than the rest of the page. Social icons linking to social accounts that have not posted in two years. Outdated copyright years (“Copyright 2019”). Mismatched legal entity names that contradict the contact and About pages. Missing accessibility statement, especially on enterprise-targeted B2B sites. “Site by [agency]” links from a vendor that no longer works with the company. Multiple competing CTAs in the footer band.
One more, and it is universal: outdated phone numbers and addresses in the footer that no one has audited in two years. The footer is canonical for NAP (name, address, phone) on local-business sites; if it is wrong there, it is wrong everywhere search engines look.
Frequently Asked Questions
What should be included in a website footer?
At minimum: a copyright notice with current year, legal entity name, links to Privacy Policy, Terms of Service, and Cookie Policy, contact information, key product or service links, key company pages (About, Careers), and an accessibility statement link. Most sites also include social media icons, a newsletter signup, and links to support and documentation. Industry-specific compliance disclosures go here too.
How tall should a website footer be?
Most production footers run 300 to 600 pixels tall on desktop, depending on column density and whether they include a CTA band or newsletter signup. On mobile, expect 600 to 1,200 pixels for stacked layouts, or 200 to 400 pixels with collapsed accordion groups. Anything over 1,500 pixels on mobile is a sign the footer needs editing.
Should the footer include every page on the site?
No. Include top-level navigation, important second-level pages, legal and trust pages, support entry points, and brand pages. Excluding less-important pages is part of the design. A bloated footer signals weak prioritization and can hurt SEO due to link-stuffing detection.
Where should the privacy policy and terms go?
In the bottom row of the footer, alongside the copyright notice. They should be linked from every page on the site. For sites doing business in California, also include a “Do Not Sell or Share My Personal Information” link. For EU-targeted sites, ensure the cookie consent management is clearly accessible from the footer too.
Is a newsletter signup in the footer worth including?
For most content-driven sites and B2B SaaS sites, yes. A simple one-field email capture in the footer typically converts one to three percent of footer impressions, which compounds across the entire site. For pure transactional ecommerce or commodity service sites, the footer signup may not pull enough weight to justify the space; test before committing.
If you want a site where the footer earns its space (clean structure, real link hierarchy, compliance handled), we design and build in Framer with production-ready footer systems out of the box. Get in touch and we will scope your build.