The footer is the most underrated block of real estate on a website. It appears on every single page, it is the last thing a hesitant visitor sees before leaving, and it quietly tells search engines which pages you consider important. Yet on most sites it is treated as a dumping ground for a copyright line and three social icons.
This guide covers website footer design best practices from two angles at once: how the footer improves navigation for real humans, and how it supports internal linking and crawlability for search engines. You will find a content checklist, column structures, ready-to-adapt layout patterns for small business, SaaS and e-commerce sites, plus the mistakes that turn footers into wasted pixels.
Why the Footer Still Matters in 2026
Users scroll to the footer on purpose. When someone reaches the bottom of a page, they are usually doing one of four things:
- Looking for a specific detail the page did not answer: pricing, contact, shipping, hours, phone number.
- Looking for reassurance: legal pages, security badges, company address, registration numbers.
- Looking for a way out that is not the back button: another category, another service page, the blog.
- Looking for the sitemap because the main navigation did not surface what they wanted.
From an SEO perspective, the footer is a site-wide internal link block. Every link you place there is repeated on every indexed URL. That is powerful when used with restraint and damaging when abused. Search engines generally treat footer links as lower value than in-content links, but they still contribute to crawl discovery, site architecture signals and click depth reduction.
The click depth argument
Click depth is the number of clicks required to reach a page from the homepage. Pages buried five or six clicks deep get crawled less often and rank worse. A well-built footer can pull your most important secondary pages up to one click from anywhere on the site. That is the single biggest SEO benefit a footer offers, and it costs nothing.
What Belongs in a Website Footer: The Core Checklist
Not every element below fits every site. Use this as a menu, not a mandate. The rule of thumb: if it does not serve navigation, trust, conversion or compliance, it does not belong.
| Category | Elements | Priority |
|---|---|---|
| Navigation | Primary sections, key service or category pages, blog, resources, sitemap link | Essential |
| Trust and identity | Logo, one-line description, physical address, company registration, certifications | Essential |
| Contact | Phone (click to call), email, contact page link, support hours, live chat trigger | Essential |
| Legal and compliance | Privacy policy, terms, cookie preferences, accessibility statement, copyright | Essential |
| Conversion | Newsletter signup, demo or quote CTA, app store badges | Recommended |
| Social and community | Social profiles, review platform links, community or forum | Optional |
| Utility | Language and currency switcher, careers, press kit, status page, back to top | Context dependent |
What to leave out
- Keyword-stuffed city lists such as 200 location links crammed into six point text. This is a classic spam pattern.
- Duplicate copies of the entire main menu including every child page. It bloats the DOM and dilutes intent.
- Long paragraphs of “SEO text” at the bottom of every page. Site-wide boilerplate adds no value and can look like near-duplicate content.
- Autoplaying widgets or heavy embeds such as social feeds and maps that load on every page and hurt Core Web Vitals.
How to Structure Footer Link Columns
Column structure is where most footers succeed or fail. Research on high-performing sites consistently points to multi-column layouts, with four columns being the most common and most usable pattern.
The 4-column rule
Three to five columns is the sweet spot on desktop. Fewer than three wastes horizontal space. More than five creates narrow columns with wrapped labels that are hard to scan.
A reliable four-column structure
- Column 1: Brand block. Logo, one sentence describing what you do, address, phone, social icons.
- Column 2: Products or services. Your money pages, in order of business priority.
- Column 3: Resources. Blog, guides, case studies, help center, tools.
- Column 4: Company and legal. About, careers, contact, privacy, terms.
Cap each column at 5 to 7 links
Scanning behavior collapses when a list gets long. If a column needs more than seven items, that is a signal you need a hub page instead. Link to /services/ once rather than listing fourteen individual services.
Use real headings, not decorative labels
Each column needs a clear heading such as “Solutions”, “Support” or “Company”. Mark them up as headings (h3 or h4 inside the footer) so screen readers and crawlers understand the grouping. Avoid clever labels like “Wander” or “Discover” that force users to guess. The piece 20 excellent website footer examples and key elements makes a good next read.
Order links by business value, not alphabet
Position within the block matters. Put the pages you most want crawled and clicked at the top of each column.
Write descriptive anchor text
“Pricing” is fine. “CRM pricing plans” is better if it matches how people search and how the destination page is optimized. Keep anchors short, human and non-repetitive. Never use the same anchor for two different URLs.
Footer SEO: Internal Linking and Crawlability
1. Use semantic HTML
Wrap the whole block in a <footer> element. This creates a contentinfo landmark for assistive technology and gives crawlers a clean structural boundary. Inside it, use real <nav> elements with aria-label attributes for each link group.
<footer>
<nav aria-label="Products">
<h3>Products</h3>
<ul>
<li><a href="/analytics/">Analytics</a></li>
</ul>
</nav>
</footer>2. Use crawlable anchor tags
Links must be real <a href> elements pointing to real URLs. JavaScript-driven onclick handlers on <div> elements are not links, and hidden accordion content that only injects markup after a tap can be missed.
3. Link to canonical, indexable URLs only
- No links to redirected URLs. Update them to the final destination.
- No links to noindex or parameterized URLs.
- Use absolute or root-relative paths consistently, with a single trailing slash convention.
4. Do not use nofollow to sculpt PageRank
Adding rel="nofollow" to privacy and terms links does not redistribute link equity. Leave internal links clean. Reserve rel attributes for genuine external or sponsored links.
5. Add a real HTML sitemap link
A single link to an HTML sitemap page gives crawlers and lost users one door to everything, without stuffing hundreds of links into every page template.
6. Consider Organization structured data
Your footer usually contains the exact NAP data (name, address, phone) that belongs in Organization or LocalBusiness schema. Keep the visible footer information and the structured data in sync.
7. Keep it light
A site-wide footer with 300 links adds weight to every page. Aim for 25 to 50 footer links maximum on most sites. E-commerce sites with large catalogs can go higher, but stay well under the point where the footer outweighs the page content. eleken.co has covered this at length.
Footer Layout Patterns by Site Type
Small business and local service sites
The goal is contact and trust. Visitors want to know you are real, nearby and reachable.
- Pattern: 3 columns plus a legal bar.
- Column 1: Logo, short description, full postal address, click-to-call phone, opening hours.
- Column 2: Top 5 to 6 service pages.
- Column 3: Service areas (limit to your genuine main locations), plus About, Contact, Reviews.
- Extras: Trade certifications, insurance badges, a Google review link.
- Avoid: Embedding a live map on every page. Use a static image or a text link to directions instead.
SaaS and B2B software sites
The goal is product discovery, developer support and credibility.
- Pattern: 4 to 5 columns plus a utility bar.
- Columns: Product (features, integrations, pricing, security), Solutions (by use case or industry), Resources (docs, API, blog, help center, status page), Company (about, careers, partners, contact).
- Extras: Compliance badges (SOC 2, ISO, GDPR), language switcher, system status indicator with live color dot.
- SEO note: The Solutions column is often the fastest way to give programmatic landing pages a crawl path. Keep it curated, not exhaustive.
E-commerce sites
The goal is answering purchase objections and surfacing categories.
- Pattern: 4 columns plus a payment and legal bar.
- Columns: Shop (top categories), Help (shipping, returns, size guide, track order, FAQ), About (story, sustainability, stores, careers), Connect (newsletter, social, loyalty program).
- Extras: Payment method icons, delivery partner logos, secure checkout badge, currency selector.
- SEO note: Link to category hubs, not individual products. Products come and go; a site-wide link to a discontinued SKU becomes a 404 on every page.
Content, media and publisher sites
- Pattern: 4 columns, heavy on topic navigation.
- Columns: Topics or sections, Popular series, About and editorial standards, Legal and advertising.
- Extras: Newsletter signup as the primary conversion element, RSS feed, corrections policy link (useful for E-E-A-T signals).
Visual Design Rules That Make Footers Readable
Contrast and font size
The most common accessibility failure in footers is light grey text on a dark grey background at 11px. Keep body text at 14px minimum and meet a contrast ratio of at least 4.5:1. Legal text is not exempt.
White space and grouping
Give columns generous gutters and separate the link area from the legal bar with a subtle divider or a background shift. Grouping is what makes a dense block scannable.
Clear visual separation from the page
Users need to recognize instantly that they have reached the bottom. A background color change, a top border or a wider container all work. Footers that blend into the last content section confuse people into scrolling for more.
Footer height
Keep the footer under roughly 600 to 700 pixels tall on desktop. Anything approaching 800px or more starts to feel like a second website and pushes legal links out of easy reach. If you cannot fit within that, you have too many links.
Mobile behavior
- Stack columns vertically in priority order, with contact and primary navigation first.
- Use collapsible accordions for long link groups, but ensure the links exist in the HTML at load time.
- Give tap targets at least 44 by 44 pixels of space.
- Do not place the newsletter form above the phone number on a local business site.
Fat footers versus tall footers
A “fat footer” is a rich, multi-column navigation block. It works well on large sites with deep architecture. A minimal footer with six links works well on a small portfolio or single-product landing site. Match the footer to the size of the site, not to a trend.
11 Common Footer Mistakes That Waste the Space
| Mistake | Why it hurts | Fix |
|---|---|---|
| Copyright line only | Dead end for users and crawlers | Add at least one navigation column and contact details |
| Hard-coded copyright year | A stale year signals an abandoned site | Generate the year dynamically |
| Location keyword stuffing | Spam pattern, hurts quality signals | Link to a locations hub page instead |
| Broken and redirected links | Multiplied across every page on the site | Audit footer links quarterly |
| Social icons above everything | Sends hard-won traffic off-site | Keep them small and secondary |
| Illegible micro text | Accessibility failure and lost information | 14px minimum, 4.5:1 contrast |
| Duplicating the full main menu | Adds bulk without adding value | Feature complementary pages instead |
| Boilerplate SEO paragraph | Site-wide duplicate content, zero user value | Delete it, invest in real page content |
| Heavy embeds and feeds | Slows every page, damages Core Web Vitals | Replace with static links or lazy load |
| Sticky footer bars on mobile | Covers content and irritates users | Use only for a single high-value action |
| Missing legal and cookie links | Compliance risk and trust deficit | Place them in a persistent bottom bar |
A Practical Footer Build Process
- Pull your data first. Open analytics and list the top 20 pages by traffic, the top 10 by conversions, and the pages with the highest exit rates.
- List every page users ask for. Check your search console queries, site search logs and support tickets for recurring requests such as returns, pricing or hours.
- Group into 3 to 5 themes. These become your columns. If a link does not fit a theme, question whether it belongs.
- Rank within each column. Highest business value at the top.
- Add the compliance bar. Copyright, privacy, terms, cookie settings, accessibility.
- Choose one conversion element. Newsletter or CTA, not both.
- Build with semantic markup.
<footer>,<nav>, headings, real anchors. - Test on mobile. Check the stacking order, tap targets and accordion behavior.
- Run an accessibility check. Contrast, keyboard focus order, visible focus states, landmark roles.
- Measure and iterate. Track footer link clicks as events and prune anything with near-zero engagement after 90 days.
Metrics worth tracking
- Click-through rate on each footer link group
- Newsletter signups attributed to the footer form
- Scroll depth to footer, by template type
- Crawl frequency of pages linked only from the footer
- Average click depth across the site before and after the redesign
Quick Reference: Footer Sizing by Site Type
| Site type | Columns | Total links | Primary goal |
|---|---|---|---|
| Portfolio / one-pager | 1 to 2 | 5 to 10 | Contact |
| Local service business | 3 | 15 to 25 | Calls and trust |
| SaaS | 4 to 5 | 30 to 45 | Product discovery |
| E-commerce | 4 | 30 to 50 | Objection handling |
| Publisher | 4 | 25 to 40 | Topic navigation |
| Enterprise / multi-brand | 5 | 40 to 60 | Wayfinding |
Final Thought
A good footer is a summary of what your business actually offers, written in links. If someone landed at the bottom of a random page on your site with no other context, the footer should let them figure out who you are, what you sell, how to reach you, and where to go next. Get that right and the SEO benefits follow naturally, because a structure that helps users navigate is the same structure that helps crawlers understand your site.
Frequently Asked Questions
How many links should a website footer have?
Most sites work best with 25 to 50 footer links, spread across three to five columns of five to seven links each. Large e-commerce and enterprise sites can justify more, but once the footer outweighs the page content in link count, it stops helping.
Do footer links help SEO?
Yes, but modestly and indirectly. Footer links are generally valued less than in-content links, yet they still help search engines discover pages, reduce click depth and understand site structure. Their biggest advantage is that they appear on every page, so key secondary pages are never more than one click away.
Should footer links be nofollow?
No. Internal footer links should be normal, followed links. Adding nofollow to internal links does not redistribute link equity and only removes a crawl path.
What is the ideal website footer size?
Aim for a desktop footer under roughly 600 to 700 pixels tall. Beyond that, users struggle to reach the legal bar and the block starts competing with the actual page content. On mobile, keep the stacked version short enough that the most important links appear within the first screen of scrolling past the content.
What is the difference between a fat footer and a minimal footer?
A fat footer is a large multi-column navigation block with grouped links, contact details and a conversion element. A minimal footer contains only essentials such as copyright, legal links and a handful of navigation items. Choose the fat footer for sites with many pages and the minimal one for small sites where the main navigation already covers everything.
Should I put a sitemap in my footer?
Link to an HTML sitemap page rather than reproducing the whole sitemap in the footer. One link gives users and crawlers a full index without bloating every page template.
What HTML should I use for a footer?
Wrap the block in a <footer> element, use <nav aria-label="..."> for each link group, mark column titles as headings, and use standard <ul> and <a href> markup for links. This gives you an accessible contentinfo landmark and fully crawlable navigation.
How often should I review my footer?
Audit footer links at least twice a year, and always after a site restructure, a product launch or a URL migration. Check for broken links, redirects, outdated pages and links nobody clicks.