Web Design & Internet Marketing
Text or Call Now: 813.360.0932

How to Create A Custom 404 Page


custom 404

A 404 page is a default page that shows up when someone is linked to or types in a page that does not exist on your website. A custom 404 should be standard on every web design in order to affirm your SEO and web flow - but a fun one always ups the game.

  1. Create your 404 page not found custom page
    • the page should include acknowledgement that the page doesnt exist
    • the page should include a way to get back on track, for instance "use the navigation above..."
    • you can just copy one of your existing pages and name it 404.php or 404.html as your site designates
  2. Upload your 404 page to the web server as you would any other web page
  3. Configure your server to point to the proper 404 page
    1. Connect to your site via FTP. Do you already have a file named .htaccess? If so, skip to step 3
    2. Create a new file. Name it .htaccess - use that exact name! Some programs will complain that this is not valid, ignore it and use that filename or should I say lack of filename extension.
    3. Add the following line of text to the file: ErrorDocument 404 /404.html
    4. Save the htaccess file and upload it to your web site.
  4. Test this by typing in a page that doesn't exist
For the record the reason this is important is if your default 404 is shown to a potential site visitor - chances are they simply mistyped something and will now abandon your site rather than continue looking due to the lack of site design and content.

We thought you might like to see these other posts about web development...

kimfooyoung About The Author
Kim Young is Founder, CEO, and a developer at Foo - a web development company based in Wesley Chapel, Florida. She can also be found on . With over 16 years of experience as a web developer, Kim is excited to share with you tidbits that she has picked up along the way. Kim prioritizes continuing education and out of box thinking in order to bring the most valuable solution to Fooweb's clients.


Let's Do This!

We are so excited to hear more about your organization and chat about how we can drive more traffic your way. Reach out to us now and get a free quote.

Request Pricing Now

web development services© Foo Web Development LLC    Web Design & Development    Serving Clients Worldwide    Client Login   RSS Feed   Feedburner