/// DESIGN-ROOT /// Diseño, usabilidad y animación web

¿Alguien se acuerda de diseñar alguna vez las páginas de error típicas (ErrorDocument 404! Página no encontrada) de su sitio web? Ah! ¿pero se pueden diseñar? Si, y debería ser una de las primeras páginas a componer, puesto a menudo es donde va a parar un usuario que accede a una url "rota" de nuestro sitio web.

Las estadísticas demuestran que la página de error es una de las más vistas en internet, por lo que conviene que esta página, además de informar del error, informe al usuario de los contenidos que SI puede encontrar en nuestro sitio web ("no encontraste lo que buscabas, ¡pero hay más cosas que ver!").

Pasos a seguir:

1.- Componemos la página HTML que, además de contener el error de página no encontrada, tenga otros enlaces como "Home", "Nuestra ofertas de este mes", etc...

2.- Guardamos esta página HTML como 400.html, 401.html, 403.html, 404.html, 405.html, 406.html, etc... Tantas como página de error queramos crear, aunque normalmente con la 404 (página no encontrada) será suficiente.

3.- Subimos las páginas HTML al directorio principal de nuestro servidor.

4.- Creamos un documento txt que contenga la siguiente información:

ErrorDocument 401 http://www.el-nombre-de-tu-dominio.com/401.html
ErrorDocument 402 http://www.el-nombre-de-tu-dominio.com/402.html
ErrorDocument 403 http://www.el-nombre-de-tu-dominio.com/403.html
ErrorDocument 404 http://www.el-nombre-de-tu-dominio.com/404.html

etc..

Una línea por cada página de error creada.

5.- Guardarmos este documento de texto con el nombre .htaccess . Tiene que empezar por . y no debe llevar ninguna extensión (.txt, .doc, .html ni nada que se le parezca).

6.- Subimos el documento .htaccess al directorio raiz de nuestro sitio web.

Al intentar acceder a una página errónea de nuestro sitio web, por ejemplo, http://www.design-root.com/asfaas se verá la página de error 404 de página no encontrada creada anteriormente.

En la web de Maestros del web tienes un interesante articulo sobre las páginas de error 404!.