The 404 or better known ‘page not found’ error is a HTTP standard response code often shown because the client cannot communicate with the server for some reason. Most of the times, this error occurs when the visitor/user comes across a dead or broken link.

A simple 404 page listed by the server is of little use for the end user that will eventually surf away from your site. One of the best solution to combat this is to create a custom 404 page that will provide the user with usefull information that will keep him on your site to browse and eventually find the content he needs.

Custom 404 pages

Typically web servers can be configured to display a custom 404 page not found landing template that includes a more natural feeling, some useful information like a site-map widget or a contact form as well as tracking the faulty URL that lead to the error page in the first place.

Because the 404 can be a static html page, you can customize it the way you want. Here are a list of things that might help you build your 404 page.

  • Tell your users that the page they are looking for cannot be found. Use friendly and warm language
  • Be sure to include your site branding on the page. The navigation, logo and copy stiles should mirror your site
  • Be sure to provide some useful and or popular links for the user to follow
  • Try and provide the user the broken link that made the 404 page
  • Make user Google does not index your 404 page. It is imperative that you check your webserver to return a 404 HTTP response when a missing page is requested
  • Use Google’s Enhance 404 widget that adds a customized search box with suggestions so that your users can find the content they are looking for

Custom 404 templates

To help you out we rounded up 3 premium and awesome 404 landing templates and one free template that you can use for your site. Keep in mind that using a custom 404 template will boost your user conversions and make your website more user friendly.

Wizm 404 – Responsive error template

01_fix_background

A full screen background perfect for company or personal websites. It was built with twitter’s bootstrap and has a nice responsive view.

  • Built with Boostrap 3
  • Responsive design
  • Full screen background
  • Cross-browser ready
Buy & DownloadMore info

Powerful Errors – PHP/Ajax error template

2_Search
A minimalistic AJAX/php enabled 404 page that is animated using Jquery. It features 3 main areas, a search, sitemap and contact form.

  • Jquery animations
  • Minimalistic design
  • Ready to use .htacess file for quick installation
  • Cross-browser ready
Buy & DownloadMore info

Missing – 404 Responsive Page Template

01
A simple and minimal 404 page not found landing template perfect for displaying some basic information for your broken links. It’s built with Boostrap and Jquery/AJAX

  • Jquery/AJAX animations
  • Minimalistic design
  • Twitter Bootstrap enabled
  • Cross-browser and responsive ready
Buy & DownloadMore info

Robotik – Free to download 404 page

robotik_4-450x260
A simple and minimalistic 404 page featuring a search field, breadcrumbs and much more. And it’s free!

  • Background and color variations
  • Minimalistic design
  • Valid HTML5
  • Cross-browser ready
Download Free