Cómo crear una página de error 404 personalizada

Cómo crear una página de error 404 personalizada

Una página 404 es una página que el usuario ve cuando intenta acceder a una página que no existe en su sitio, porque ha hecho clic en un enlace dañado, porque la página se ha eliminado o porque ha escrito mal la URL.

En mi caso particular, recientemente rediseñé completamente mi sitio y quería/necesitaba una página de error 404 personalizada.

Lo ideal es personalizarla con la misma apariencia que el resto del sitio y que ofrezca algún enlace para retomar la navegación del sitio.

Como primer paso realizamos nuestro diseño en un documento html y lo llamamos error404.html y lo subimos al directorio raíz de nuestro sitio.

Este es mi diseño:

Luego creamos un documento en el bloc de notas y escribimos la siguiente línea:

ErrorDocument 404 http://www.tusitio.com/error404.html

Lo guardamos con el nombre .htaccess.txt y lo subimos a nuestro servidor vía ftp. Allí mismo le cambiamos el nombre a .htaccess (o sea le borramos .txt). Nota: Sólo mediante nuestro servidor ftp podremos renombrar este archivo. Listo, ya se puede probar el funcionamiento yendo a alguna url que no exista dentro del sitio. Por último hay que tener en cuenta que algunos servidores no soportan la personalización de errores, en caso de que no funcione preguntar al servicio técnico.

Por último dejo este enlace a Six Revisions para inspirarnos un poco: Paginas de error 404 hermosas y útiles para inspirarse.

Fuente: Páginas de error personalizadas