21 recursos para tus páginas de error 404 personalizadas
Hacer un par de días fue 4 de Abril o 4.04, una fecha curiosa para los desarrolladores web que recuerda el código de error 404 que devuelve un servidor al no encontrar un recurso. El error 404 es una de las páginas más odiadas por los usuarios porque significa que el webmaster ha puesto mal un enlace o algo ha fallado al intentar acceder a un recurso web.
Tiempo atrás había comentado la forma de crear páginas de error personalizadas con un widget de Google. Es una de las opciones posibles porque hoy existen muchas herramientas para hacerlo. Además de darle un toque profesional al diseño, una página de error personalizada puede ser una oportunidad interesante para generar algún tipo de complicidad con el usuario. Todo depende del público al que nos dirigimos y de las características del propio sitio.
Para estar a tono con la fecha, aquí dejo una lista con distintos recursos para tener una página de error más profesional, algunos ejemplos de inspiración y también un par de curiosidades.
Recursos para sobre páginas de error 404
- Error 404 en Wikipedia
El lugar para comenzar si no sabés nada del tema. - Usabilidad en errores 404
Una buena nota en Maestros del web con un estudio de usabilidad a respecto. - Personaliza tus páginas de error 404
Consejos par tener en cuenta a la hora de crear tu página de error personalizada - Creando páginas de error 404 amigables para el usuario
Un texto bastante completo para crear páginas de error 404 personalizadas. - Páginas 404 útiles
Muy buen post que muestra paso a paso la creación de páginas 404 en WordPress. - Personalizar el Error 404 en Joomla 1.5
Cómo crear una página 404 personalizada con el CMS Joomla. - Specify 403 and 404 error pages
Especificar páginas de error personalizads en el CMS Drupal. - Manejando Errores 404 con Apache
Como mostrar una páginas de error personalizada configurando el servidor Apache. - Personaliza tu página de error 404
Página de error personalizada desde Cpanel. - Bonitos diseños para tus páginas de error 404
Gráficos en Photoshop que se pueden usar para crear páginas 404. - 404 Notifier Plugin
Un sencillo plugin para WordPress que te notifica cuando un usuario ve una página de error. - El manejo de los errores 404 ante los buscadores
Cuestiones a tener en cuenta para el posicionamiento web al crear una página 404. - It’s 404 week at Webmaster Central
La gente de Google estuvo una semana escribiendo y presentado recursos sobre errores 404. - 404errorpages.com
Un sitio puramente dedicado al tema. Buenas explicaciones técnicas y una galería con algunos ejemplos. En inglés.
Galerías de páginas de error
- 404 Error Pages Reloaded
Smashing Magazine tiene esta galería desde hace varios años y a pesar del tiempo es una de las que más me gusta. - The 100 most funny and unusual 404 error pages
Un post de Francesco Mugnai con una divertida colección de ejemplos. - 70 more fantastic 404 error pages
Más ejemplos del mismo anterior autor anterior, esta vez más actuales. - 17 brilliant 404 pages and why they are cool
Otra colección con algunos interesants hallazgos. - Capturas de páginas de error 404 en Flick:
Capturas curiosas subidas por los usuarios de Flickr.
Curiosidades
- La verdadera historia del error 404:
¿Realidad o leyenda urbana? No importa, después de leerlo podrás presumir de conocerla
- Hypertext Transfer Protocol — HTTP/1.1:
- El documento técnico del tema, original de 1997.
Si conocés alguna otra buena página sobre el tema o tenés un post relacionado, no te olvides de avisarme en los comentarios.


Jan Lopo (Pharpe)
# 1 abril 7th, 2009Interesantes links, cuando pueda los veré con calma y ya veremos si le puedo sacar algún partido interesante
Sebastián Thüer
# 2 abril 7th, 2009Seguro que sí podrás sacarle provecho, pero la mayoría de los cambios que se pueden hacer sobre páginas de error requieren que adminsitres tu propio servidor
Jan Lopo (Pharpe)
# 3 abril 7th, 2009@Sebastián Thüer gracias por la advertencia, aún no he llegado a ese punto, pero todo se andará
skallian
# 4 junio 5th, 2009Muchas gracias por la información! acabo de recordar que no he agregado una página de error al blog de wordpress que le estoy haciendo a un amigo así que me va a servir de mucha ayuda tu post.
Un saludo!
Sebastián Thüer
# 5 junio 8th, 2009De nada sakillan, y ahora a agregar tu página de error personalizada a tu blog
Saludos.
skallian
# 6 julio 30th, 2009Gracias a tu post conseguí hacer la página de error de mi amigo: http://jaymegutierrez.com/arrr
^_^
¡Un saludo!
Gerardo
# 7 agosto 9th, 2009Esto esta para tomar muy encuenta, gracias por la infor
Sebastián Thüer
# 8 agosto 10th, 2009De nada, espero que te sirva
seeal
# 9 diciembre 23rd, 2009muy bueno muchas gracias
Despedidas de Soltero
# 10 marzo 16th, 2010Alguien sabe como puedo resolver ese error?….porque toque algo del un template de joomla y no se que paso que me aparece ese error.
FenoMayottFaf
# 11 noviembre 18th, 2010Hola, muy interesante el articulo, saludos desde Chile!
Marco A - Zrii en Colombia
# 12 junio 6th, 2011Gracias casualmente estaba buscando como personalizar mi pagina de errer 404, esto me servira de ayuda gracias por compartir la informacion.