El arte de escribir una página 404 que no frustra

La página de error 404 es, para muchísimas webs, el único momento en el que el visitante ve el mensaje genérico del servidor en lugar de la marca. Por qué esa página importa más de lo que parece, y cómo convertir un callejón sin salida en una segunda oportunidad.

Haz la prueba: escribe mal a propósito una URL de tu propia web y mira qué aparece. Si lo que ves es un mensaje frío sobre fondo blanco que dice poco más que "404 Not Found", no estás solo — es lo que le pasa a la mayoría de webs que nunca se plantearon esa pantalla como parte del diseño. Y es una pena, porque es un momento de contacto real con alguien que ya estaba interesado en algo de tu web.

Por qué esa página importa más de lo que parece

Alguien llega a una 404 casi siempre por uno de estos motivos: escribió mal la dirección, hizo clic en un enlace roto —a veces desde tu propia web, a veces desde fuera— o la página que buscaba cambió de sitio sin que se avisara. En los tres casos, la persona tenía una intención clara hace un segundo. No ha perdido el interés; ha chocado con un muro.

Lo que decida esa pantalla determina si esa persona sigue navegando por tu web o se va directamente a un competidor. Una 404 mal resuelta es, literalmente, la forma más fácil de convertir un visitante interesado en una visita perdida — por un error que ni siquiera es culpa del visitante casi nunca.

Lo que no funciona

El mensaje genérico del servidor, sin ningún rediseño, es lo peor posible: no explica nada en términos que alguien sin conocimientos técnicos entienda, y no ofrece ninguna salida. Casi igual de malo es una página que mantiene la identidad visual pero no da ninguna opción real de seguir navegando — solo un "página no encontrada" decorativo sin enlaces útiles. Y en el otro extremo, una página 404 que prioriza la broma o el diseño llamativo por encima de la utilidad deja al visitante entretenido durante tres segundos y perdido durante el resto de la visita.

Lo que sí debería tener

Un mensaje claro, en el idioma del visitante, no del servidor. "No hemos encontrado esta página" comunica mucho mejor que "Error 404". No hace falta ocultar que algo ha fallado — al contrario, ser honesto sobre ello genera más confianza que fingir que no ha pasado nada.

Una salida obvia e inmediata. Un enlace claro a la portada, como mínimo. Si la web tiene buscador, ofrecerlo directamente ahí es todavía mejor: en lugar de hacer que el visitante vuelva atrás y empiece de cero, le das la opción de encontrar lo que buscaba en el mismo sitio donde se topó con el problema.

Enlaces a las secciones que más sentido tienen. No hace falta adivinar: si sabes qué páginas visita más gente, o qué servicios son los más relevantes, ponerlos ahí mismo convierte el error en una segunda oportunidad de que el visitante encuentre algo útil, en lugar de un punto final.

El tono de tu marca, con moderación. Puedes mantener la personalidad de tu web en esta página sin que eso sustituya a la utilidad. Un mensaje con algo de calidez o un toque de humor contenido funciona bien — siempre que no sea lo único que ofrece la pantalla.

Un detalle técnico que vale la pena vigilar

Una página 404 bien diseñada visualmente no sirve de nada si, por debajo, el servidor no está devolviendo realmente un código de estado 404. Si una URL rota responde con código 200 ("todo correcto") en lugar de 404, los buscadores pueden seguir indexando esa página fantasma como si fuera contenido válido, lo que a la larga perjudica el posicionamiento de todo el sitio. Vale la pena comprobarlo de vez en cuando con cualquier herramienta de inspección de cabeceras HTTP.


Una página 404 no es un detalle menor que se resuelve con la configuración por defecto del servidor. Es, para muchos visitantes, el único momento en que van a ver cómo responde tu web cuando algo no sale según lo esperado — y esa respuesta dice más sobre el cuidado que hay detrás del proyecto que cualquier página que sí funciona a la primera.

Otros artículos sobre experiencia de usuario

UX/UI, accesibilidad, usabilidad y diseño centrado en las personas.