Why you need a custom 404 page (and how it will help you get more clients)
[et_pb_de_mach_content content_type=”excert” _builder_version=”4.9.4″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” text_font_size=”16px” text_line_height=”1.5em” custom_margin_tablet=”” custom_margin_phone=”||0px||false|false” custom_margin_last_edited=”on|phone” text_font_size_tablet=”16px” text_font_size_phone=”14px” text_font_size_last_edited=”on|phone” global_colors_info=”{}”][/et_pb_de_mach_content]

Written by Kate Molloy

Partner, Head Designer, Sometime Unicorn, Controller of the Whiteboard.

January 6, 2020

Weโ€™ve all seen our fair share of 404 pages. Even today, youโ€™ve probably stumbled upon a none existent page, clicked on a broken link or misspelt a direct one. But how can we be sure we’re using 404 error page best practice? Read on to find out.

What is a 404 error page?

Otherwise known as an โ€˜error pageโ€™ or โ€˜Page Not Foundโ€™ page. This is where youโ€™ll find yourself if youโ€™ve reached the domain youโ€™ve requested, but the URL path didnโ€™t match with any existing information.

There are three main reasons youโ€™ll land on a websiteโ€™s 404 error page:

  • You type in a link yourself and misspell it
  • A link within a website points somewhere that no longer exists (broken link)
  • A search engines serves up a page that no longer exists

Why is having a custom 404 page important?

Most people that find themselves on a 404 page get there from external sources, rather than from within the website.

Research shows that typos, broken email links and bookmarks make up as much as 45.87% 404 errors. Broken links account for just 17.58% of 404 errors. That means that most of the 404s generated on your site are out of your control.

Statistically, 70%+ of people who reach a 404 error page wonโ€™t bother to search again and will leave the website immediately. Only 23% will try again to find the missing page.

Itโ€™s a problem thatโ€™s worth doing something about.

How can you use your 404 error page to your advantage?

The standard 404 page below is unhelpful to the website visitor, with absolutely no user interaction and no navigation to help them find what theyโ€™re looking for. Imagine you land on a 404 page and it looks like this uninspiring mass of grey. I doubt youโ€™d be keen to stick around to explore the rest of the site.

standard 404 error page best practice

Compare this to some of the other clever 404 pages around the net, such as this one from Lego. Itโ€™s funny, on brand and provides a call-to-action; to start shopping.

404 error page best practice Lego

There are thousands of similarly awesome 404 error pages out there. Hubspot have put together this list of 24 of the best 404 error page designs.

And you can take a look at mine here.

What should be included on a 404 error page?

To help you design an engaging and useful 404 error page, Iโ€™ve put together a short list of 404 error page best practice advice:

Design On-brand

At the very least, your 404 page should reinforce your brand presence and use a design that holds the userโ€™s interest. The visitor hasnโ€™t found what they were looking for, but this is your chance to pique their interest and keep them on the site. Many of the best 404 pages use humour to do this, often making puns that are relevant to their business or industry. They often poke fun at themselves.

Website Links

You know that the user is lost; so offer them a few options to get them back on track. If your site is small this could be a full sitemap. For a larger site you might offer them a Homepage link. If you have a shop, you may decide to offer them a list of product categories.

Most Popular Blog Posts or Pages

If your site has an active blog, you may want to offer a list of your most popular posts. This can draw lost visitors further into the site, or they may even find what they were looking for in the first place. An alternative is to provide a list of your blog categories or tags.

Site Search

As your visitor is already in search mode, providing a search bar on the 404 error page makes sense. However, this should only be provided if your siteโ€™s search capability is good. If your search is likely to provide further error pages, skip this element. You donโ€™t want to further frustrate the user.

Ask for Feedback

Finally, you may decide to ask your lost visitors to let you know that the page you were looking for canโ€™t be found. This is not only a good way to show positive customer service, but it can also allow you to open up a conversation with a potential customer (although you should never add them to your mailing list unless youโ€™ve asked explicit permission).

Conclusion

The 404 error page is a staple of the internet; one that you can use to further your brandโ€™s impact with potential clients. If you provide a great design, a little humour and the ability for your lost visitor to find their desired page, your 404 error page can be a great asset to your website, rather than a negative experience for the user.


Watch my review of 5 of the worst and best 404 pages on the internet…

0 Comments

0 Comments