5 Ways to Use 404 Pages Well

Default avatar.
May 19, 2017
5 Ways to Use 404 Pages Well.
Let’s face it, it’s happened to all of us. We clicked a link on social media or on a website to be taken to another website to see some content that we were interested in. Unfortunately, things change over time and links become broken. Pages get moved or redirected, and the inevitable happens. You get the dreaded 404 error page. Most people are scared to death of this page. It means somewhere a link is broken or there’s an error with your website. However, if you think of it in the right light, you can use your 404 error page to your advantage. If you follow these tips, not all is lost.

1. Create a List of Your Best Content

Just because a website visitor did not find what they’re looking for, it doesn’t mean that they should just hit a dead end. If your focus is on creating quality content, then direct them to your best content. You have a better chance of someone exploring the rest of your site if you give them suggestions of where they can go, instead of leaving it up to them. They may find the information they’re looking for on another page. This is something that’s important to do on any client’s website. airbnb

2. Give away a Freebie or an Incentive in Exchange for their Email Address

Even though a website visitor did not find what they’re looking for, that doesn’t mean you can’t convert them to a future customer. You can offer valuable information or a digital download as an incentive for entering their email address. This gives your client the opportunity to reach out to them later. For many web design clients, the entire purpose of their website is to generate leads for their business. For some clients, like dentists, plastic surgeons, doctors and lawyers, one customer can translate into thousands of dollars in revenue. It only makes sense to make every effort possible to hold on to that website visitor and try to turn them into a customer. incentive

3. Add a Search Box

If your client’s website is an older site, chances are that pages had been removed or redirected to another location. It only makes sense to add a search box on your client’s website’s 404 error page to make it easy for visitors to search for what they’re looking for. Even though the incoming link may be broken, if you give them a chance to search internally for their topic, the search results may point them in the right direction. Twitter does a good job of this, directing the user to go straight into doing a site search for the intended topic. twitter-search

4. Add a Direct Contact form

Many 404 error pages contain a working contact form. This serves a couple of different purposes. If your client’s website is all about generating leads, it is a great way for website visitors to reach out to the business owner directly. Even though they didn’t find the information they were searching for, it still gives your client opportunity to get their business. Another way that adding a contact form on your 404 error page helps, is that it gives that visitor the chance to report that error. This will give you a chance to fix the error for future website visitors. This will also solve future problems because website visitors will end up where you intend them to, such as a dedicated landing page, or the content that they were looking for to begin with. magnt

5. Don’t Add Humor

Some designers and developers suggest taking a humorous approach to your 404 error page. I’ve always advised against this, because it sends the wrong message; imagine looking for some important information, only to be sent to an error page that is made into a joke. Most visitors don’t find a broken website to be funny at all. In reality website visitors just want to find what they’re looking for, get in and get out. They also want to do this as quickly as possible, without a lot of runaround. While making visitors smile is a lighthearted way to handle the situation, taking a practical approach can yield better results. homestarrunner


The suggestions above are meant to keep website visitors from reaching a dead end. You can always turn a negative into a positive by giving users an option to try something else. With that being said, it’s important to understand that you don’t want to put all of these on your 404 error page. Your selection should be made based upon the outcome that you intend for each person that comes to your website. If you manage your client’s website or they manage it themselves, it is important to follow up with people who experience an error. Many times, the effort of reaching out to them to make sure they found what they were looking for builds trust and rapport with that person. If a user reports an error and they are ignored, it sends a message that you don’t care about each individual user. In this situation, a little effort can go a long way. Also, your client will benefit in the long run from following up with people who experience an error on your website, because it gives you more information about that error so you can correct it properly. hilary 404 error pages are not the end of the world. They have their purpose, too, it is our job to take that purpose and leverage it in the best way possible for our clients. If you use your 404 error pages in the right way they can be helpful, not harmful to your client’s website.

James George

James George is a Professional Web & Graphic Designer. He owns Design Crawl, a site for graphic designers featuring free vector graphics and templates. He also owns G Squared Studios, which handles web design in Knoxville.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…