0
Start a Project
Web Design Guide · Site Structure

Website Footer: What to Include, Design Examples and Best Practices

A website footer is the block at the bottom of every page that visitors use when they have scrolled past everything else and still need something. This guide covers what to put in a website footer, the main footer types, layout, links, the copyright line, legal and privacy links, accessibility, mobile, footer SEO, examples by business type and how to measure whether it works.

By the GoSocial team19 min read
Website footer: what to put in website footer and website footer design – United States
Website footer guide: what to put in a website footer, website footer design and website footer best practices for business websites in the United States.
Quick answer

A website footer is the area at the bottom of every page. A good one repeats what visitors look for last: contact details, key pages, service area, hours, legal and privacy links, a correct copyright line and one clear next step. Keep it short, grouped, readable on phones and identical in structure across the site.

The website footer is the part of a site that almost nobody designs on purpose. It gets filled late in a project with whatever is left: a logo, a few social icons, a copyright year that never changes and sometimes a paragraph of keywords someone was told would help.

Yet the footer is where many visitors end up when they could not find something higher on the page. It is also one of the few elements repeated on every page of the site, so its mistakes repeat too. This guide shows what to put in a website footer, how to arrange it and what to leave out.

What is a website footer?

A website footer is the section that sits below the main content of every page. It usually holds contact information, a short set of links, legal notices and the copyright line. The term comes from print, where a footer was the consistent line at the bottom of each page of a document.

In code, the site footer is normally an HTML footer element placed directly inside the page body. MDN, the reference documentation most web developers use, explains that a footer placed this way applies to the whole page and is exposed to assistive technology as a “contentinfo” landmark. A footer inside an article only describes that article, which is why a blog post can have an author box marked as a footer without confusing the page.

Why does the website footer matter?

It catches visitors at two moments. The first is the end of a page: someone has read your service page, is interested and wants the next step without scrolling back up. The second is a failed search: someone could not find your phone number, hours or returns policy in the menu and scrolls to the bottom because that is where those details usually live.

There is a technical side too. Because the footer repeats on every page, every link in it is a sitewide link. That makes it a strong signal of which pages you consider important, for both visitors and search engines.

The footer is the only part of a website that every page shares, so whatever you put there, good or bad, appears everywhere at once.

Who scrolls to the footer, and what are they looking for?

Before deciding what goes in the footer, picture the people who reach it. Each arrives with a different question, and a good footer answers the common ones in a few seconds.

VisitorWhat they look forWhat serves them
Ready prospectThe next step after reading a pageOne clear call to action, phone, contact link
Lost visitorA page they could not find in the menuGrouped links to the main sections
Existing customerPhone, support, login, hoursA support link and visible contact details
Visitor on the wayAddress and directionsFull address with a directions link
Careful buyerWho is behind the siteLegal business name, about page, policies
Candidate, press or partnerThe right door, not the sales lineCareers and press links

What should be in a website footer?

Every business footer needs a core set of elements. Most footer problems come from leaving one of them out or burying it under decoration.

  1. Business name and a one-line description. The legal or trading name, plus a short line on what you do and for whom. This answers “who is this?” for visitors who landed deep in the site.
  2. Contact details. Phone number linked so it dials on mobile, a monitored email address or a link to the contact page, and your address or service area.
  3. Hours, when they matter. Opening or phone hours for businesses people call or visit, written exactly as on your Business Profile.
  4. Key page links. A short, grouped set: main services, about, contact, and the pages people look for last, such as support, FAQ or careers.
  5. Legal and privacy links. Privacy policy, terms, accessibility statement and any links your state laws or industry require.
  6. Copyright line. The copyright symbol or word, a year and the owner’s name, written correctly.
  7. One next step. A single call to action that matches the main goal of the site, such as booking a call or requesting a quote.
  8. Social profiles you actually use. Only active accounts, linked with clear labels, not a row of icons for profiles last updated years ago.

Optional elements, such as a newsletter form, a short trust line, license numbers, awards or a language selector, belong in the footer only when a real visitor needs them. If you want a second pair of eyes on which of these your own footer is missing, a Blueprint Briefing is a short call where we look at how visitors move from your pages to their first inquiry.

What are the main types of website footer?

Footers come in a few common patterns. The right one depends on how big the site is and what visitors need to find, not on what looks fashionable.

TypeWhat it holdsBest forWatch out for
Minimal footerName, copyright, legal links, maybe socialLanding pages, one-page sites, campaign pagesLeaving out contact details a visitor still needs
Standard footerContact block, 2 to 4 link groups, legal, copyright, one call to actionMost service business websitesLink groups that grow with every new page
Fat footerMany link columns, sometimes a newsletter and secondary tasksLarge sites, stores, multi-service companiesTurning into a second sitemap nobody reads
Contextual footerA block above the footer that changes by page typeSites with very different audiences or offersInconsistent help locations across pages
Mini footerOne line of links, often for infinite scroll pagesFeeds, search results, appsFooter links that can never be reached

One pattern deserves a warning. Pages that load more content as you scroll, often called infinite scroll, can push the footer away every time a visitor gets close to it. If your blog or product list loads more items automatically, either use a “Load more” button or keep a small fixed set of footer links somewhere reachable.

How should a website footer be laid out?

Good footer layout is mostly grouping. Visitors scan the footer for one thing; clear groups with short labels let them find it without reading every link.

A layout that works for most business sites has three bands. The top band holds the business name, a one-line description and one call to action. The middle band holds three or four columns: contact details, services, company pages and help or resources. The bottom band holds the copyright line, legal links and social icons in a smaller size.

  1. Group by visitor question, not by page type. “Services”, “Company”, “Help” and “Visit us” are easier to scan than “Pages”, “Links” and “More”.
  2. Keep groups short. Four to seven links per group is easy to scan. If a group needs fifteen, the menu above probably needs work too.
  3. Put contact details first. On the left on desktop and at the top on phones, because that is what most footer visitors want.
  4. Use the same order on every page. Visitors learn where things are; moving them breaks that habit.

Footers are often designed in small gray text on a dark background, but the text needs to meet the same contrast rules as the rest of the site. Our guide to responsive web design covers how the same layout should reflow on smaller screens.

Footer links should answer the questions visitors bring to the bottom of the page. They are not a place to list every page you hope will rank.

Then cut. A link earns its place when people use it or when its absence would cause a problem. A link to a page with no visits and no purpose in the footer only makes the useful links harder to find. If you have many locations, link to one location index page rather than to every location page from every page of the site.

Link text deserves the same care as anywhere else. “Web development services” tells a visitor and a search engine more than “Services”, and “Book a call” tells more than “Click here”. Our guide to an internal linking strategy explains how footer links fit into the wider structure of links between your pages, and why links in the body of a page usually carry more context than links repeated in the footer.

How should contact details appear in the footer?

Contact details are the single most useful thing in most business footers. They should be complete, consistent and usable on a phone.

Write the phone number in full, in the same format you use everywhere, and link it with a tel: link so it dials with one tap on mobile. Show an email address only if someone reads it; otherwise link to your contact page. Write the address exactly as it appears on your Google Business Profile and directories, and add a “Get directions” link if customers visit you. If you travel to customers, describe the service area in plain words instead of listing dozens of towns.

Consistency is the point. Search engines, AI assistants and directories compare your name, address and phone across many sources. A footer that says “Suite 207” when your profile does not, or uses an old phone number, weakens that picture on every page. When you update contact details, update the footer, the contact us page, your Business Profile and your schema together.

Not sure your contact details match across your site and profiles? Book a Blueprint Briefing and we will check the footer, contact page and schema as one set.

The copyright line is the most copied and least understood part of the footer. It is short, but people get it wrong in predictable ways.

The U.S. Copyright Office explains the format in Circular 3, Copyright Notice (revised March 2021). A notice has three elements, usually written as one statement: the copyright symbol, the word “Copyright” or the abbreviation “Copr.”; the year of first publication; and the name of the copyright owner. The Office also says notice is optional for works published on or after March 1, 1989, and that using one does not require registration or permission from the Office.

So a footer line like “© 2026 Example Plumbing LLC” follows that format. A few practical points help.

  1. Use the owner’s real name. Usually the legal business name, not the website domain or the name of the agency that built the site.
  2. Pick a year approach and keep it. Some sites show the first year of publication, some show a range such as “2016–2026” for content published over time. A year that has not changed in five years tells visitors the site may not be maintained.
  3. Generate the year in code if you show the current year. A small script or a server variable avoids the annual manual edit that everyone forgets.
  4. “All rights reserved” is optional. It is a common phrase, not one of the three elements the Copyright Office describes.

The footer is the conventional home for legal links because visitors expect them there. Which links you need depends on what your site does and where your customers live, so treat this as a checklist to review with your legal advisor, not a ruling.

California is the clearest example of a footer-level requirement. The California Attorney General’s CCPA page (updated August 28, 2026) says businesses that sell personal information must provide a clear and conspicuous “Do Not Sell or Share My Personal Information” link on their website, and that if a business sells or shares personal information, the link also belongs in its privacy policy. Many sites place that link in the footer so it appears on every page. Whether the law applies to your business depends on its own thresholds, which is a question for your attorney.

LinkWhen it usually belongsNote
Privacy policyAlmost always: forms, analytics, cookiesKeep it current with the tools the site really uses
Terms of use or serviceAccounts, stores, tools, user contentLess common on simple brochure sites
Accessibility statementAny business that wants to show its commitment and give a contact for problemsShould name a way to report a barrier
Do Not Sell or ShareBusinesses covered by the CCPA that sell or share personal informationAsk counsel whether the law applies to you
Cookie settingsSites using a consent toolLets visitors change a choice after the banner is gone
Licenses and disclosuresRegulated work such as real estate, lending, insurance, contractingCheck the exact wording your regulator requires

Keep the email footer separate in your mind. Rules for commercial email, such as the FTC’s guidance on the CAN-SPAM Act, require things like a valid postal address in the email itself. Those rules apply to the messages you send, not to the footer of your website.

How do you make a footer accessible?

Footers are where accessibility problems hide, because they get less design attention and are full of small links. A few rules cover most of it.

Use a real footer element as a direct child of the page body, so screen reader users can jump straight to it as a landmark. The W3C’s ARIA landmark examples describe the contentinfo landmark as the place for common information at the bottom of each page, such as copyrights and links to privacy and accessibility statements, and say a page should have only one at the top level. Inside it, group links in lists with a heading for each group, and give icon-only social links a text label.

Two success criteria in WCAG 2.2, the web accessibility guidelines most U.S. organizations use as their reference, matter directly. The first is Consistent Help, which the W3C explains in its Understanding Consistent Help page (updated March 9, 2026): when help such as a phone number or a contact link appears on multiple pages, it should appear in the same relative order on each. A footer that holds your contact details in the same place on every page does exactly that. The second is Target Size (Minimum), which asks for clickable targets of at least 24 by 24 CSS pixels unless they have enough spacing, a rule small footer links and tiny social icons often break.

For U.S. businesses, the Department of Justice’s guidance on web accessibility says the ADA applies to businesses open to the public, and its 2024 rule set WCAG 2.1 AA as the technical standard for state and local governments. Private businesses do not have a specific technical standard in that rule, but WCAG remains the common reference. Our guide on how to create an accessible website covers the rest of the site.

How should a footer work on mobile?

On a phone, the footer stops being a wide row of columns and becomes a long stack. Without planning, it can be longer than the page content above it.

  1. Contact details first. Tappable phone, contact link and address at the top of the stack, because that is what most mobile footer visitors want.
  2. Collapse long link groups. Accordion headings for “Services” or “Company” keep the footer short while leaving every link one tap away.
  3. Make targets easy to tap. Give each link enough height and space so a thumb does not hit the wrong one.
  4. Mind fixed bars. A sticky call or chat bar at the bottom of the screen must not cover the last footer links or the cookie settings link.

If your customers prefer to message rather than call, a link to a messaging line, like our own WhatsApp line, can sit next to the phone number in the mobile footer, as long as someone answers it.

Do footer links help SEO?

Footer links help search engines find and understand your important pages, but they are not a ranking shortcut. Their value is mostly structural.

Google’s documentation on making links crawlable (last updated December 10, 2025) explains that Google can generally only crawl a link if it is an HTML a element with an href attribute, and that the visible anchor text tells people and Google something about the page you are linking to. Footer menus built with JavaScript click handlers instead of real links, or icon links with no text, give crawlers less to work with.

There is also an external side to footers that many businesses never think about. Google’s spam policies list “widely distributed links in the footers or templates of various sites” as an example of link spam. The classic case is a web design credit on client sites with a keyword-rich anchor pointing back to the agency. A plain credit with the company name is common; a credit stuffed with “best web design company” across hundreds of client footers is the pattern the policy describes.

What footer text should you avoid?

The worst footer SEO habit is the keyword block: a paragraph of service names and city names in small text at the bottom of every page, written for search engines rather than people.

Google’s spam policies define keyword stuffing as filling a page with keywords or numbers to manipulate rankings, and list “blocks of text that list cities and regions that a web page is trying to rank for” as one example. A footer that reads “We serve City A, City B, City C, City D…” on every page fits that description closely. If you serve a real list of areas, put it on one service area page written for people, and link to it from the footer.

Other footer text to cut:

  1. Long brand stories. Two sentences about who you are is plenty; the full story belongs on your about us page.
  2. Duplicate menus. A footer that repeats every main menu link in the same order adds length without helping anyone.
  3. Hidden text. Text in the same color as the background, or pushed off screen, falls under what Google’s spam policies call hidden text and link abuse.

If you suspect your footer is carrying old SEO tricks, it is worth reviewing it with a specialist; our SEO, AEO and GEO work starts with exactly this kind of cleanup.

Does the footer matter for schema and AI search?

The footer states your basic business facts on every page. Structured data states the same facts in a format machines read directly. The two should agree.

Google’s documentation on organization structured data describes properties such as the name, logo, address, telephone, email and the profiles listed in sameAs. Your footer usually shows the human-readable version of exactly those facts. When the footer, the schema, your contact page and your Business Profile all say the same thing, every system that reads them gets a consistent picture of your business.

AI assistants work in a similar way when they browse or summarize a site: they look for clear, repeated, consistent facts. A footer that names the business, says what it does in one sentence and shows complete contact details helps them describe you accurately. It does not guarantee a mention. Our guide on how to get your business cited by ChatGPT covers the wider set of signals involved.

Should a website footer have a call to action?

Yes, usually one. The footer is where a visitor who read the whole page decides what to do, so a single clear next step there is useful. The mistake is turning the footer into a second sales page with several competing buttons.

Choose the action that matches the main goal of the site: book a call, request a quote, schedule a visit, start a free trial. Put it in the top band of the footer, with a short line on what happens after the click.

Sticky footers are a different thing. A sticky footer, sometimes called a sticky bar, stays fixed at the bottom of the screen while visitors scroll. A slim bar with “Call” and “Book” buttons can help on mobile for businesses that live on phone calls. A tall sticky bar that covers content, cannot be dismissed or pops up over forms usually costs more than it brings. Our guide to the website call to action covers wording and button design in detail.

What does a good footer look like for different businesses?

The core elements stay the same, but the emphasis changes with the business. These examples are illustrative patterns, not templates to copy word for word.

BusinessLead withAlso includeLeave out
Home services (plumbing, HVAC, roofing)Tappable phone, hours, emergency line if realService area page link, license number, book a visitCity lists in small text
Professional services (law, accounting, consulting)Office address, phone, contact pagePractice area links, disclaimers your profession requiresLong biographies
Real estate agent or teamAgent name, brokerage, license details, phoneSearch, neighborhoods index, required disclosuresEvery neighborhood page linked from every page
Restaurant or retail storeAddress, hours, directionsMenu or catalog, order or reservation linkLarge embedded maps on every page
Online storeHelp links: shipping, returns, order statusPayment and policy links, newsletterDozens of category links already in the menu
B2B or software companyProduct and solution groups, contact salesDocs, status page, security, careersUnlabeled social icon rows

Real estate deserves a note because regulated details often belong in the footer: brokerage name, license information and fair housing disclosures, depending on your state and brokerage rules. We cover the rest of a realtor site in our real estate websites work.

Here is how one service business footer might read in plain text, top to bottom: “Example Plumbing. Licensed plumbers for homes in the metro area. Book a visit. Call (555) 010-0000. Monday to Friday, 7 to 6. Services: Drain cleaning, Water heaters, Repiping, Emergency plumbing. Company: About, Reviews, Careers, Service area. Help: Contact, FAQ, Financing. Privacy policy. Terms. Accessibility. © 2026 Example Plumbing LLC.” Every line answers a question a real visitor asks.

How do you build a footer in WordPress or custom code?

The way a footer is built decides how easy it is to keep correct. A footer that someone must edit in five places will drift out of date.

In WordPress, footers are usually built in one of three ways: widget areas in classic themes, a footer template part in block themes edited through the Site Editor, or a page builder’s theme footer template. All three let you edit the footer once and have it update everywhere. Footer links are often managed as a WordPress menu assigned to a footer location, which keeps them editable without touching code.

In a custom-coded site, the footer is normally a single shared component or include file. The same rule applies: one source, rendered on every page. Contact details, hours and the copyright owner should come from one configuration place that also feeds your schema, so a phone number change happens once.

Whichever approach you use, check three things after launch. The current year updates on its own. Footer menus are real links, not buttons that only work with JavaScript. The footer looks right on the pages people forget, such as the 404 page, search results, blog archives and the thank-you page after a form. If you are deciding between the two approaches for the whole site, our comparison of a custom website vs WordPress explains the trade-offs.

Can a footer slow down a website?

It can, and because the footer loads on every page, a heavy footer slows the whole site. The usual culprits are embedded widgets, not the links themselves.

  1. Embedded maps. A full interactive map in the footer loads extra scripts on every page. A static map image or a “Get directions” link does the same job for most visitors.
  2. Social feeds. Live Instagram or social media feeds load third-party scripts and images. A simple link to the profile is lighter and easier to maintain.
  3. Review widgets and badges. Third-party badges often load their own scripts. Load them only where they help, and lazily if possible.
  4. Chat widgets. Useful on many sites, but they usually load site-wide. Check how much they add and whether they cover footer links.

Footers rarely affect the main content loading first, but third-party scripts in them can slow interaction across the page. Our guide to Core Web Vitals explains which measurements to watch and how to read them.

How do you know if your footer works?

Measure clicks, not opinions. A footer is working when visitors use it to reach the pages and actions you care about, and you can see that in your analytics.

In Google Analytics 4, enhanced measurement can record outbound clicks automatically, but clicks on internal footer links need a little setup: a tag that records link clicks inside the footer element, with the link text and destination. Phone and email links should be tracked as events too. Once that runs for a few weeks, you can see which footer links get used, which never do, and how many calls and contact page visits start in the footer.

A services link with many clicks may mean visitors could not find it in the main menu, which is a signal to fix the menu rather than to celebrate the footer. If you see visits and no inquiries, our guide on why a website is not getting leads covers the other places to look.

Want this measurement set up properly from the start? Book a Blueprint Briefing and we will walk through what your site tracks today and what it is missing.

What are the most common footer mistakes?

Most footer problems come from neglect rather than bad design. These are the ones we see most often, with the fix for each.

MistakeWhy it hurtsFix
Old copyright yearSignals an unmaintained siteGenerate the year in code
Phone number not tappableMobile visitors must copy it by handLink it with tel:
Address differs from listingsWeakens consistency for search and AI toolsMatch the Business Profile exactly
Keyword or city blockMatches the keyword stuffing patternOne real service area page, linked
Dead social linksSends visitors to inactive profilesLink only accounts you maintain
Low contrast tiny textHard to read, fails accessibilitySame contrast and size rules as the body
Too many linksUseful links disappear in the noiseGroup, cut, keep 4 to 7 per group
Heavy embedsSlows every pageStatic images and plain links

Before launch or after any redesign, run through this short checklist:

  1. Contact block complete. Name, phone with tel: link, email or contact link, address or service area, hours.
  2. Links tested. Every footer link returns a working page, with descriptive text.
  3. Legal links present. Privacy policy and any links your situation requires.
  4. Copyright correct. Symbol or word, year, real owner name, year updates on its own.
  5. Accessible. One footer landmark, headed link groups, readable contrast, comfortable tap targets.
  6. Mobile checked. On a real phone, with any sticky bar or chat widget open.
  7. Consistent. Same facts as the contact page, Business Profile and schema.
  8. Measured. Footer link, phone and email clicks recorded in analytics.

If the footer is part of a bigger refresh, plan it with the rest of the site; our website redesign process guide shows how to keep structure and search visibility intact through the change.

How GoSocial builds the website footer

Here is how we work, using only facts published on our own site. GoSocial is a custom web design company in Boca Raton, Florida, building websites for businesses across the United States since 2016. We build both custom-coded and custom WordPress websites, and we recommend the fit for each project.

Our web development process runs from discovery and strategy to architecture, design and content, development, testing, launch and measurement. The footer is planned in that flow rather than filled in at the end: discovery tells us what visitors look for last, architecture decides which links the footer carries, and testing includes the footer on every page template, on phones and with assistive technology. You can see how this fits our wider approach on our web development page.

Every GoSocial website launches with GA4 and Google Search Console connected and tracks form submissions, phone clicks, WhatsApp clicks and bookings, so you can see how many conversations start in the footer. We do not promise a ranking or an AI citation; we build for the metrics and show you the measurements. The domain, hosting account and code belong to the client, so another team can maintain the site if you ever choose to.

Website footer: FAQ

What should be in a website footer?

A website footer should include the business name and a one-line description, contact details with a tappable phone number, address or service area, hours if they matter, a short set of grouped links, legal and privacy links, a correct copyright line and one clear call to action.

How many links should a footer have?

As few as visitors actually need. Most service business footers work well with three or four groups of four to seven links each, plus the legal links. If the footer starts to look like a full sitemap, cut the links nobody uses.

What is the correct copyright format for a website footer?

The U.S. Copyright Office describes three elements: the copyright symbol, the word Copyright or the abbreviation Copr.; the year of first publication; and the name of the owner. For example: © 2026 Example Plumbing LLC. Notice is optional for works published since March 1, 1989.

Do footer links help SEO?

They help search engines discover your important pages and understand your site structure, as long as they are real HTML links with descriptive text. They do not replace links inside your content, and blocks of keywords or city names in a footer match what Google describes as keyword stuffing.

What is a fat footer?

A fat footer is a large footer with many grouped links, sometimes with a newsletter form or secondary tasks. It suits big sites, stores and companies with many services. On a small service site it usually repeats the main menu and makes useful links harder to find.

Should the footer be the same on every page?

Its structure should be. Visitors learn where contact details and help links sit, and accessibility guidance asks for help mechanisms in the same relative order across pages. A contextual band above the footer can change by page type while the footer itself stays consistent.

GoSocial

Custom web design company in Boca Raton, Florida, building custom-coded and custom WordPress websites for businesses across the USA since 2016.

WhatsApp Free Blueprint Back to top