IT Blog, Web Development,

The Perfect 404 Error Page, or How to Keep a User on the Site? (+Infographics)

4 m read
QArea Expert
QArea Expert Marketing Manager
January 9, 2014
Share on
Reading Time: 4 minutes

To begin with, 404 error page is one of the HTTP response status codes established by World Wide Web Consortium (W3C) in 1992. For those who are interested what the numbers 404 mean let us make a brief overview.

  1. The first 4 means that a client error has occurred. It indicates the user’s mistake, such as wrong URL spelling or requesting a non-existent page. In its turn, the first 5 in the error number shows that it is a server-side problem.
  2. The middle 0 indicates a syntax error such as a spelling mistake.
  3. The last 4 is a number of a specific error among the 40x group. Other error in this group include: 400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden etc.

Being the most common error an Internet user might run into, a ‘Page Not Found’ can appear due to several reasons:

  • The page URL was changed;
  • The page was deleted;
  • The misspelt link;
  • The website is currently offline;
  • The website does not exist anymore etc.

Now, let us look at the issue from the users’ point of view. The most common thought that comes to users when they see a 404 page is ‘what to do next?’ after which they are likely to leave the site unless you find a way to hold them. Consequently, there is no reason for not making a custom 404 page.

In general, the custom 404 page needs to cope with the following aims:

  • User-friendly design for not frightening users and keeping them on the website;
  • Helpful content that means providing visitors with an answer to their question ‘what should I do now?’ and giving clear instructions;
  • Taking in consideration SEO issues;

Keeping these points in mind, we can make a list of recommendations that can be useful when creating a custom 404 error page.

  1. Be nice to your visitors. It is not their fault that they got to this page. Try to express regret and find helpful words for them.
  2. Do not go into technical details. The term “404 page” is already technical enough and also commonly understood by most users. There is no need to scare visitors off by giving any other specific information on the causes of this error. In fact, even using the error code characters ‘404’ is not necessary as well. A simple explanation of the problem is enough.
  3. Ask users to check the spelling of the link. If your visitors typed the URL themselves they could easily misspell it.
  4. Stay within the style of your website. The design of your error page should be kept in the look and feel of your brand so that users knew that they were not taken to some external site.
  5. The 404 page should not look like a normal page. Your visitors must clearly see that this page cannot be found and has no content. So it shouldn’t contain too much text or links.
  6. A small portion of humor is always for the better. A 404 page can often turn out a platform for designers and developers to show their creative and humorous abilities. Instead of users to quickly close a ‘not found’ page it’s better to restrain them from leaving the site by making them stumble upon a funny and creative page.
  7. Be helpful and provide links to possible matches. If visitors came across the 404 error they were probably looking for some page. So try to help them find it. Include a menu to the error page or links to your recently removed pages. Or why not to provide links to the most popular pages of your site? Or the newest and the most up-to date content. One way or another, users have to be not mo
    re than one click away from moving to some of your other pages. And of course, always add a link to your homepage.
  8. Add a search box. In order not to lose your visitors you should let them search for what they were looking for when they ran into the error page.
  9. Provide a way to report an error. Visitors should always be allowed to send you a message about the error if they wish to. It will help you to get known about some internal faults on your website. Moreover, automatic notifying is even better for you to monitor the possible troubles with your website. And if a sudden splash of 404s happens, real-time email notifications would be useful so that you could fix the problem immediately while it is still relevant.
  10. Keep the SEO issues in mind. For site optimization it is necessary to minimize or what is better – to liquidate entirely the amount of internal links to 404 pages. The webmaster tools will help you monitor errors on the website, particularly the 404 Not found errors. Moreover, they will help you understand where these errors come from, whether it is a misspelled URL or a competitors’ attack.

    You may also like:

    ALL YOU EVER WANTED TO KNOW ABOUT GOOD OLD SEO
    IS SEO ALL ABOUT KEYWORDS?
    TOP 3 FREE TOOLS FOR TROUBLESHOOTING ONSITE SEO ISSUES
    HUMMINGBIRD: THE NEWEST SEARCH ALGORITHM
    10 WAYS TO BUILD LINKS AND IMPROVE YOUR RANKING
    MOST POPULAR INTERNET MARKETING TOOLS INFOGRAPHIC

For the last, we’ve picked some of the most creative 404 error pages over the Internet, let’s take a look at the infographics below.

 

404 page

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Share on
Privacy Preference Center
Your Privacy

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

Strictly Necessary Cookies Always Active

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.

You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.

Cookies used

Google Analytics
Functional Cookies

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

Cookies used

Test Second Test
Targeting Cookies

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

More Information

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.