Website Footer Design Best Practices in 2019

Table of Contents

Best practices when designing a footer

Introduction

Creation of internal links

Prompting for action

Easier navigation

Links to brand properties

A source of important information

Helps with passing link equity

Helps to build credibility and trust

What to include in footers

Copyright information

Contact information

CTA

Best practices when creating footers

Simplicity is the best way forward

Have only one CTA

Keep it organized

Always link to other sections or pages on your site

Keep the branding consistent

Provide secure payment information

Make it user-friendly

In conclusion

 

Introduction

 

When it comes to website design and on-page SEO, the focus is often on user experience, above the on fold text and SEO elements, like meta descriptions and title tags. Often little attention is given to the footer of a website. Yes, your site’s footer is not only an important contributor to your site’s SEO, but it also helps to create exceptional user experiences.

 

The footer comes in handy to further help with branding. It also helps users to get an idea of what your site is about if they do not want to read or watch all of your site’s content, or if they are looking for specific information.

 

Just like the CTA (Call to Action) button, the footer helps guide your users to know what they should do next, instead of making them feel like they have hit a dead end.

 

In this article, we look at why the footer is a vital part of your site and the best practices when creating one.

footer examples

Image source – Elegant Themes

 

 

Users take time to scroll through your site or webpage, all the way to the bottom. Here are several ways that having a footer makes your SEO more effective, creates better user experiences and helps with compliance:

Your footer is an opportunity to include internal links to other webpages or parts of your site. This makes navigation easier on mobile, where users would have to scroll all the way up if they needed to access a particular part of your webpage. Having a footer gives you a chance to ensure that your site has no dead-end pages.

 

Internal links help search engine bots to crawl your page and determine the relationship between pages and content, and their relevance and value.

Prompting for action

If you had wanted your users to take a particular action on the webpage, for example, downloading a free ebook, the footer gives you one more chance to do so, just before they leave.

Easier navigation

Footers make it easier for users to navigate the site. If one wants to go to the services page, for example, all they need to do is click the link on the footer and they will be redirected to the specific services page, without having to scroll all the way to the top navigation bar.

The footer is a link to other brand properties, for example, social profiles links, which makes it easier for users to contact or follow you on social media. It also includes information that results in increased customer confidence like copyrights and disclaimers.

A source of important information

If your users want to contact you, for example, adding that information will make it easier for them to do so without spending more time looking for your company’s number. The footer also allows you to add more information like copyright and disclaimers.

When you add internal links to your footer, you allow the page from which the link comes to share in the authority that a page may have. For example, if the page you are linking to have an inbound link from an authoritative page, then that equity is passed to the page where the footer’s navigation link is.

Helps to build credibility and trust

The footer gives you an opportunity to comply with legal requirements, for example, showing copyright information, your privacy policy, a disclaimer and terms of use. It also lets your users know that your site is secure if you add a security certificate for example.

 

The footer is also a great place to show your expertise, depending on the industry that you are in, for example, BBB accreditation, Google certifications, and GSA certifications.

 

What to include in footers

 

In this section, we look at the most important elements that you should never lack in your footer:

Copyright information

Even if your site’s footer lacks anything else, it must have copyright information. This information clarifies that your content is not to be plagiarized, and if someone does, you can take legal action. This article discusses the different types of copyright infringements and when it is possible to sue.

 

The copyright information should not be illustrious as it is not the footer’s main information. Here is an example of a footer that shows copyright information:

footer copyright information example

Image source WP Explorer Themes

 

The good news is that you need not worry about having to manually keep the copyright information up to date. You can set code to automatically update that.

Contact information

You want to make it easy for your customers to reach you after they have interacted with your content. The footer gives you an opportunity to do so without the customer scrolling all the way up. Adding location information also helps customers who want to visit a physical location to find directions. You may also want to add the actual contact form on the footer itself.

 

The contact information could form part of your marketing analysis. You can get to know the number of people who click on the call button, for example.

 

footer contact information example

Image source More Conversion 

CTA

Your CTA will be determined by what you want your users to do before they leave the site. It could be signing up for your newsletter or following you on social media. Here is an example of a footer using a CTA:

cra footer example

Image source Monocle

 

Best practices when creating footers

 

When creating content, what you should always focus on is the content, your footer’s structure, and its appearance. Here are best practices when creating footers:

Simplicity is the best way forward

While footers are aimed at making the user experience better, having too much information in the footer could be counterproductive. You do not want your users to sort what is or isn’t important for them. Focus on primary links that they may look for, for example. Here is an example of an ‘crowded’ footer.

bad footer example

 

This footer did not have to list the location of 10 addresses. A link to the locations and a short description would have done the job. If you have over 3 locations, here is an example from WeWork who has multiple locations. They have a dedicated page providing their location, instead of adding all of their locations in the footer.

wework footer example

Image Source WeWork

Have only one CTA

Include CTAs on different pages, for example, on your products page you may need to add a CTA that directs your users to a demo link that shows how your product(s) work.

 

In this situation, since your footer will be accessed from all the pages on your site, you may want to avoid having another CTA in your footer. Alternatively, make the CTA generic, for example, ‘sign up to our newsletter’.

 

You do not want to have over one CTA in your footer, for example, ‘see our demo’ and ‘sign up for our newsletter’ as in our products page example. The demo link may not be relevant on all the pages. CTA should stay as generic as possible.

 

Here is an example of a clear CTA:

cta clean footer example

Image source:https://northstreetcreative.com/media/bni.jpg

 

As you can see, the CTA is prominent. It should stand out from the rest of the footer content as it is the one that is directing people on what to do next. Ensure that your visitors can fulfill the required action right from the footer. For example, if they need to sign up, there should be a form that they can fill.

Keep it organized

It is almost a rule of thumb that the most effective footers are organized and divided into at least 3 sections. This way, your users get an idea of how your site is organized. You can have a section about your company, another about the services you offer, and another containing your contact information.

 

Here is an example of a well-organized footer:

photographytalk footer organized example

Source PhotographyTalk

It is not enough that you list different sections or webpages on your footer. Provide a helpful user experience and navigate your users to the right areas. Only include the most important pages or sections as links in your footer. Here’s an example of how Hubneo a VR arcade company organized their footer to provide different services and information:

Hubneo VR Lab NYC Footer example

Source Hubneo VR Lab

Keep the branding consistent

Use your theme colors and logo in your footer. Also, use the same font types that you have on the rest of the site. Using contrast will make your footer dynamic. The CTA might have a larger font size for example, and the copyright information, a smaller font size.

Provide secure payment information

If you are selling products or services, provide information SSL security of your site:

 

ssl https example

 

But also on what type of payment you accept on your footer section

topexplainers footer payment secure information

Source Topexplainers

fashionnova footer payment secured example

Source Fashion Nova

Make it user-friendly

For better user experience, you want a back to the top button so your users don’t have to scroll all the way back to the top, if your site contains a long for content. Adding other user experience like live chat is also great opportunity for you to engage with your audience. However, keep in mind where these should be located so it does not overlap each other.

 

In conclusion

 

Your site’s footer gives you one more chance to interact with your users before they leave. You could get them to subscribe to your newsletter, contact you or follow you on social media. It also makes it easier for them to find the specific information they may look for about your company. The footer contributes to SEO too. It pays off to invest time to ensure that your footer is SEO and user optimized. This article has just given you the way to achieve this.





SEOptimer Report Preview

SEOptimer - SEO Audit & Reporting Tool.
Improve Your Website. Win More Customers.

Get a Free Website Audit Instantly