Creating 404 Pages!

256 Flares 256 Flares ×

404 Pages

A 404 page is basically another page that will show you nothing much, but an error.  Are you confused? No, don’t be! You will see a 404 page, when a file is not available on the server of a website. Here’s an example: http://techhamlet.com/abcdefg/ (there’s no such directory as techhamlet.com/abcdefg – so you’ll rather see a 404 page.)

It’s fairly important to have a customized 404/error page for your website. Why? To inform your users that they’re lost inside an invalid-place on your website. This will make them feel more comfortable, navigating through your website or at least, it won’t snatch their interest in browsing… Above all, the webmaster bares complete responsibility in designing an impressive 404 page, to sustain the interest of visitors.

Diagram #1 shows us the default 404 page, most servers would produce.
Diagram #2 shows us a well designed 404 page, that’ll impress visitors.

Which one of the two, do you think, is user-friendly and eye-catching? … That’s right.

How to Create a 404 Page? It’s simple.
I’ll walk you through the steps, in creating a 404 page, however, designing an awesome page is pretty much your work! :)

1) Design the error page, and save it as error.html or error.php
2) Upload the file (error page) to the root directory (home directory) of your web server.
3) Edit the .htaccess file and write: “ErrorDocument 404 /error.html” (without quotation marks)
Note: there might not be a .htaccess file on your server. In that case, you have to create one.
Open a text editor, save the plain document as “.htaccess” (without quotation marks), upload it to your root server and read step 3 again
4) That’s it, you’re done. I hope you’ll entertain your visitors with a creative 404 page. And let them feel the difference.

Tags: , , ,

This awesome post was written by Ruzeen Rezvie

Ruzeen has written 10 great articles for us.

I find math interesting. I play the guitar when I'm bored. I blog. I code. Photography is on my hobbies list. I sip coffee and I like to try out new things.
  • http://www.learnjava.gurushala.net sneha

    I liked customised 404 page tutorial by nettuts! Do check it out its really awesome!

  • http://www.100webhosting.com Jasmine

    Good post on 404 pages. I will check in detail how these 404 pages turn out on my blog. :)

  • Anonymous

    Cool Post.. i was also thinking to re-vamp old 404 pages to give out something good to keep visitors entertained.. so that they don’t just close out their browser window..

  • http://www.music4al.blogspot.com Nagarmero

    I wish Blogger allowed us a platform to edit 404 pages because 404 page by blogger is really waste of traffic.

  • http://www.live-audio.com Craig Galway

    Sounds pretty simple.  Is this the preferred method on wordpress powered sites as well?

    • http://www.ruzeen.com Ruzeen Rezvie

      Yes, but there, it’s a .php file

  • http://www.collegebookrenter.com/ Rent Textbooks

    Interesting, I didn’t realize you could do this.  I have set up on my page where if it going to a 404 it gives you options of posts that are available so i guess that is one way of avoiding a 404.

  • http://www.batteryfly.com/ ipod batteries

    it happens many times due to the internet problem and the page can not open properly.

  • http://www.100wpthemes.com Alicia

    Great little tutorial on creating 404 pages. Thank you, Ruzeen.

  • http://www.batteryfly.com/ ipod batteries

    It happens many time that the internet connection can not open the page properly and 404 errors come to the screen.