Creating A Useful 404 Page For Your Site

The 404 page on your Web site is what a customer sees should they click on a broken link, mistype something or simply try to access a page or information on your site that doesn’t exist. The 404 page you create for your audience is your chance to put that customer back on the right path, to give them some options, and to, occasionally, make the situation a little less scary by making fun of it. But you can only do that if you take the time to create a custom 404 page. One that doesn’t look nearly as terrifying as this:


If you’re a customer, the error page shown above represents nothing but a dead end. It’s also what you want to absolutely avoid serving. So what information is important to include on your 404 page? Here are some best practices.

1. An explanation of what just happened

Depending on the technical savvy of your customer, they may not even realize they’ve hit an error page on your Web site when landing on your 404 page. And that could lead to confusion about what exactly it is they’re looking at and why they can’t find the information they requested. You don’t want your customers to leave confused. Actually, you don’t want them to leave at all! Somewhere on your 404 page you’ll want to state that something has gone wrong in the process and that they’re viewing an error page. This will help them to understand what has happened so they don’t think you’re simply unable to solve their problem. Once they understand where they are on your Web site you can provide other information to get them back on task. But you have to set the stage first.

2. Links to core/popular pages

Once you’ve let your users in on what happened, don’t just leave them stranded! Provide links to core and most high-trafficked pages on your Web site to get them back on the right path. This will include, but won’t be limited to:

  • Your home page
  • Your blogEdit
  • Product/Service landing pages
  • Popular blog content
  • Your FAQ page
  • Other high-trafficked pages

By giving your customers somewhere to go you encourage them to keep looking around your site and not simply leave. They key is to create something that helps a user complete their tasks instead of just leaving them hanging.

3. Links to contact information

In addition to providing links to your most sought-after content or site pages, don’t forget to include links to contact information (phone and email), customer service pages, your About page and other information pieces someone may need to get a hold of you. For a customer who just took a wrong turn on your Web site, these are important trust cues and may be exactly what they’re looking for if they’ve fall into a hole and need a way out.

4. A little bit of humor…

No one likes to get lost or be caught doing something wrong. It makes us feel bad about ourselves and question our own intelligence. So consider using some humor to lighten the mood before getting people back on their way.

For example:

Over at the Outspoken Media 404 page, we get the awkwardness out of the way with a little help from Foreigner.

Lego does it with some cute Lego men.

Blue Fountain Media encourages users to play PacMan (which I don’t recommend from a conversion optimization standpoint…)

While these 404 pages are fun (if not distracting), your main goal for your 404 page should be creating something that is useful to a user. If they’re lost, your 404 page is their roadmap back to that conversion path. Add some humor when you can, but focus on directing them back to the other areas of your Web site.

What does your 404 page look like?


Lisa Barone Lisa Barone is Vice President of Strategy at Overit, an Albany Web design and development firm where she serves on the senior staff overseeing the company’s marketing consulting, social media, and content divisions.

6 Reactions
  1. That’s a brilliant 404 page, but now that song is going to be stuck in my head for the rest of the day.

  2. I’ve even seen people put a contact form on the 404 page so people can reach out to them wright there (a good strategy if your main goal is getting in touch with leads).

  3. Great ideas, I had never thought about this. I love the one with the youtube video

  4. Great idea. Turning an error into an opportunity!

  5. Very interesting article and great ideas! Thanks!