Custom 404 Error Page Guide

404 Error Page Image

What is 404 page? A 404 page is what a user sees when they try to reach a non-existent page on your website. There are several reason that bring users to the 404 page:

  1. They have clicked on a broken link.
  2. They visit on the page has been deleted
  3. They have mistyped a URL in a web browser.

Default 404 Page

The standard 404 page usually does not provide the user with any useful information and most users may just surf away from your site. That is reason you need to create a custom 404 page.

This is how the default 404 look like, see the following image:

Default 404 Error Page Image

Custom 404 Page

A good custom 404 page will help people find the information they are looking for, as well as providing other helpful content and encouraging them to explore your site further. See the following step by step guide for creating a good custom 404 page.

Step 1: Set Up .htaccess File

First, you need to add the following code to your .htaccess file in your root folder.

ErrorDocument 404 /404.html

If your website does not have a .htaccess file, you need to create one and add above code.

Step 2: Design a Custom 404 Page

After finishing with .htaccess file, you need to create and design your 404.html page using your favorite HTML editor.

Here are some suggestions for creating an effective 404 page that can help keep visitors on your site:

  1. Use friendly and inviting words to tell visitors clearly that the page they are looking for cannot be found.
  2. Make sure your 404 page uses the same look and feel as the rest of your site.
  3. Adding links to your most popular articles as well as a link to the home page of your website.

Websites with Great 404 Page

You see the real word examples of websites with great custom 404 pages from the Web such as,,, and


Microsoft 404 Error Page Image

2. 404 Error Page Image


Lego 404 Error Page Image


Github 404 Error Page Image