Web Development

A Custom 404 Page

If you have your own domain name, you can create a custom 404 error page for your visitors. What does this do for you? It can help you retain visitors who may leave if they get the standard "File not found" page. Such a page looks a little like this:

File Not Found
The requested url /notafile.htm was not found on this server.

That isn't very appealing to a visitor, and if the person came from another site's link- that potential visitor may just leave. However, you can make your 404 page much more informative, and provide your visitors with a way to navigate through your site. Instead of a "File Not Found" and not much else, you can send them an error page with a professional appearance.

As an example, click the link below. This will take you to the custom 404 page for this site:

Custom 404 Example

Notice how the page was similar to the other entry pages on the site, with the navigation links and a way back to the front page. This allows the visitor to take a look around, or go to the front page where they can see the details of what the site has to offer.

Now, the creation of the custom page itself isn't difficult. It is just another HTML file saved with any name you want it to have. To get your custom page to show up on a 404 error requires a little extra work. You will also need to be the one in charge of your web site, and it must be under your own domain name. You will not be able to do this otherwise, because someone else will be in charge of the domain. If you are unsure whether or not you have permission to do this, be sure to ask your web host before you proceed.

To begin, go to the main directory of your web site (where your main page is located) through FTP or Telnet. Look for a file there named .htaccess, it begins with the dot as though it is a long file extension. If you have the file, you will want to edit it. If you do not have the file, create a new text file and save it as ".htaccess".

If you are creating the file from scratch, simply type the following line into the file, changing the url to the location of your custom page:

ErrorDocument 404 http://www.yoursite.com/custom_page.html

Keep it all on one line, with a space on each side of the number 404. Also, this is case sensitive, so be sure to check the case of the E and D in ErrorDocument before you proceed.

If you already have the file and need to edit it, look for a line like the one above. If it is there, you can just change the url. You may want to ask your web host before doing this, just in case. If you do not have the line, add it in after everything else on its own line.

When you are done, upload your new .htaccess file to the server. Then, be sure to use the CHMOD command through your FTP or telnet program to set the permissions to CHMOD 644.

Also be sure that you have uploaded your custom page to the server, otherwise you'll get a 500 server error or something similar. Once that is done, you can test your new error page by typing in a url that you know does not exist on your server. You should get your custom page, ready to bring in the lost visitors that may be out there.



 



internet-tutorials
3-options
web-developer
websitenoticed
streamline
ecommerce
disappointing-design
web-design-work
blending
website-copy
webmaster
html-code
templates
avoid-loss
web-designer
web-success
web-desasters
auction-listings
register-domain
Maintaining-your-company’s-website
checklist
Web-Graphics
How-search-engines-work
Using-RSS-To-Increase-Your-Pagerank
What-is-Phishing
Axis2-Session-Management
Check-your-links-regularly-to-prevent-link-rot
Great-Design-Elevates-Web-Sites-Above-The-Rest
A-Custom-404-Page
What-to-look-for-in-a-web-host
Maintaining-Session-State-With-ASP
Alternative-Web-Browsers-–-What-Are-The-Choices
Deep-Inside-Google-Pagerank
A-login-system-with-PHP-and-MySQL
Word-Clusters---Buying-Words-Can-Improve-Your-SEO-Rankings
Niche-Marketing
Must-You-Outsource-Software-Development-Here-Are-Some-Reasons-Why-You-Should
article_1345
Revealed-The-Ins-and-Outs-Of-Credit-Card-Processing
web_design_and_development
Search-Engine-Marketing
how-to-check-is-your-site-effective-or-not-0hy2872pr3
PDF-Files
discover-the-fortune-that-lies-hidden-in-content-that-search-engines-love
css-margin-properties
learn-to-create-an-online-form
css-border-properties
common-web-design-mistakes
css-padding-properties
web-design-tips-on-how-to-choose-a-web-designer-or-do-it-yourself
smartcss-softwar
graphic-designing-how-do-i-do-it
effective-seo-methods-for-ecommerce-site-development
the-continuing-development-of-css-as-a-web-standard
sron
dhtmlxml-is-transforming-the-internet
how-to-determine-the-right-prepaid-calling-card-for-you
make-your-own-custom-google-search-engine
top-six-content-management-systems
html-might-become-obsolete
how-to-start-a-make-money-blog-and-website
macromedia-dreamweaver-an-introduction
softxml-target-your-market-audience
learn-how-to-use-formmail
joomla-revolution-how-this-free-software-is-changing-the-web
finding-a-good-web-designer
web-development-company
search-engine-optimization-and-ranking
10-terrific-tips-for-web-design-beginners1
top-tips-for-getting-free-websites
website-design-is-defined-as-the-arrangement-and-creation-of-web-pages
what-is-javascript-used-for
search-engine-optimisation-for-joomla-websites
how-to-request-a-reciprocal-link
advantages-and-disadvantages-of-using-web-templates-or-wysiwyg-editors
increase-search-engine-rankings-using-these-easy-tricks
employment-through-internet
website-design-for-real-estate-avoid-these-costly-mistakes
how-to-integrate-online-database-with-your-website
the-critical-importance-of-your-website-s-headline
what-is-formmail-and-how-does-it-work
your-first-html-email-form
creating-your-first-html-form
using-search-engine-traffic-to-your-advantage
learn-to-create-a-web-form