Let me be the only to assert it – building a footer is a type of “by the way” sort of tasks for most designers. It kind of feels easy. It sort of feels negligible. It kind of feels love it is additionally left to chance. And there’s some strong reasoning behind one of these standpoint.

For once, footers are seen by a far lower percentage of individuals than, say, the stuff above the fold. Also, they rarely do the rest apart from repeat the information which could already be found elsewhere at the site. And eventually, footer links have the bottom click through rates (CTR) of all links. So why bother?

Footers and CTR

Well, the truth in regards to the low CTR can be true, nevertheless it doesn’t present all the picture. The low CTR is principally as a result of the the undeniable fact that few people see the footer within the first place.

So I even have a theory of my very own about this.

Although, apparently, there’s no study done at the topic (in any case I wasn’t capable of finding it; be at liberty to chip in when you’ve got some data), i feel that the CTR is basically quite high for footers if we only count the folks who’ve scrolled the entire way down at the page.

I did some quick number crunching with my CrazyEgg account to ascertain this more closely. After I compare the estimated selection of those who see my footer (throughout the scroll map tool) and the complete collection of clicks my footer generates, i will see that between 14 percent and 20 percent of folks finally end up clicking on something after they see the footer (counting on the page tested).

Of course, it truly is only a extremely simple test with a slightly small heap of information, so it’s difficult to attract any reliable conclusions. Also, my footer is large. It takes around 55-60 percent of the screen, so it’s hard to withstand clicking on something. Anyway, even despite the shortcomings, the consequences are still very interesting.

So the lesson is simple…

Footers matter.

And here’s what you are able to do to make your footer properly awesome.

1. Don’t treat it as an SEO dumpster

Some people still attempt to inflate their rankings via keyword links within the footer. And that i know that doing so is tough to withstand. It’s simply too easy, and the links don’t even look misplaced. But this really might be avoided in 2014. Mainly since it isn’t much of a challenge for Google to acknowledge the footer and provides the links a low SEO value.

The whole practice is simply so 2008 – or perhaps worse.

Actually, it was 2008 when Rand Fishkin already mentioned this being not effective.

2. Introduce hierarchy

There are always some elements which can be more important than others, and also you should reinforce this concept through alignment, scale, and site within your footer.

For instance, in case you visit Smart Passive Income, you’ll see that obtaining you to opt in is crucial goal for Pat – the landlord. The footer for each page at the site starts with a large subscription box.

Then, additional links and disclosures follow.

Try adopting an analogous idea. Start with what’s important after which continue with everything else.

3. Try one last time to get a conversion

Speaking of opt-ins, nowadays, getting someone to opt in is likely one of the most well liked website goals, and placement owners are willing to do almost anything it takes to lift their conversion rates.

Hard guilty them for that, to be honest.

The footer is the last chance to get a conversion. And that’s without reference to what the conversion represents on your individual case. Cash in on that opportunity, you owe it on your site’s main goal.

For example, here’s the footer at Codeinwp.com – a firm providing PSD-to-WordPress services that I’m portion of. The footer is big and it has one main goal – to convince people to submit their designs and feature them became a working WordPress theme.

4. Use white space

White space is so underrated straight away. Actually, it’s been underrated since ever. When surely, there’s no other easier approach to give your footer some additional emphasis and make the links pop more.

We don’t must go far for examples – just scroll all the way down to see the footer here at WDL.

5. Experiment with “about the author” blocks

If you’re designing a single author site/blog then it’s often a good option to make use of the available space to give a pleasing “about the author” block.

Now, the goal here isn’t increasing the CTR. People rarely click author blocks (at the least in my tests), but it surely does introduce a private touch and makes it clear who the writer isn’t any matter what page is viewed in the intervening time.

Here’s a fine example from Leaving Work Behind:

6. Don’t ignore the must-have links

It’s really hard to visualize a footer without many of the following links:

• About
• Contact
• Home
• Blog (if there may be one)

The it is because they’re essential is easy. Over time, people have got used to seeing those pages in footers. It’s become a practice, and breaking it rarely pays off.

A long way to move about this when picking the things to say for your footer is to invite yourself the next:

Will my audience expect to look this link within the footer?

7. Display social media links

Here are two of the preferred approaches to social media vs. footers:

• Use default buttons. As an instance, to get a Facebook Like button, visit this section within the developers area. They have a tendency to be effective by reason of their official nature – persons are very conversant in them and know exactly what to do after they see one.
• Use some custom buttons. They might not have an identical CTR, but you don’t always are looking to click-optimize these buttons, especially once you try to show greater than a handful of them. Check out TechCrunch, to get a concept:

8. Think about using a sub-footer

Your sub-footer is the part that comes after your main footer area. It’s mostly used to display various legal links or other things that you simply don’t necessarily want people to click, but they do regulate and disclose a number of your operations.

I’m talking about such things as privacy policy, terms, earnings disclosure, copyright clause, DMCA, etc.

Example from SugarSync.com:

9. Showcase social proof, badges, and safety seals

Depending at the form of business that the location you’re engaged on is in, displaying some additional social proof can work well for the site’s overall credibility.

Let’s take another have a look at Pat Flynn’s site to get an example (this time it’s the homepage):

These company logos are usually not clickable, plus the contrast is extremely low. But you don’t really want more. The logos are there to present social proof, to not catch an excessive amount of attention.

10. Link on your best content

This is something which can work well on blogs and online publishing sites almost always; not loads on business sites or product sites.

The main idea is that popular content is often popular for a reason, so showcasing it within the footer can improve the readership numbers even further.

It’s a straightforward rule – it’s much easier to grow the recognition of something that’s already popular, than to construct the recognition of something that’s not.

An example by newInternetOrder.com:

11. Be cautious about turning your footer into “master navigation”

This goes back to the primary item in this very list – treating your footer as an SEO dumpster.

Footers need to be neither an SEO dumpster, nor a master navigation.

You really shouldn’t try cramping all of the links you’ve inside the footer. This can not have a very good effect in your readers.

A lot better approach is to create a custom archives page after which link to it from the footer. That way, you continue to have a readable and clear footer, and if someone desires to discover a specific resource, they are able to achieve this via the archives.

What’s wrong along with your footer, my friend?

To be honest with you, when gathering the information for this post after which writing it, i discovered as a minimum a handful of items wrong with the footers i exploit on my sites. So my question is straightforward: What’s wrong along with your footer? And more importantly, what is going to you do to repair it?