Cómo crear la página de error 404 perfecta. Consejos y ejemplos
¿Qué es una página 404?
Las páginas de error 404 o 404 Not Found son las que te aparecen de manera automática cuando por diferentes motivos la URL a la que habías intentado acceder tiene alguno de los siguientes problemas:
- Es una URL que ya no existe.
- Es una URL que nunca existió.
- Es una URL que ha cambiado.
- No estás escribiendo bien la URL.
- Se ha cambiado el dominio y no se ha redirigido la url
El código de estado HTTP 404 indica que el recurso solicitado no existe o no está disponible en el servidor.
Ver cómo afecta el crawling de una web y su posicionamiento
Su código HTML significa:
- 4 (“error del cliente”): es decir, el error fue causado por quien solicitó la página al servidor;
- 04 (“no encontrado”): no se pudo completar la solicitud porque no se encontró el documento HTML.
Ver más info de Google sobre los errores 404
Las páginas 404 suelen incluir un mensaje de error y a menudo brindan al usuario opciones para volver a la página de inicio o buscar en el sitio web.
OJO!! Creo que con el crecimiento de los buscadores LLM o IA generativa como Chat GPT, Claude, Perplexity,… todavía es más importante tener una buena página 404, porque tienen una mayor tendencia a crear URLs que redirigen a páginas que no existen. Haz la prueba y te sorprenderás!!
Estas páginas deben ser personalizadas para ofrecer una mejor experiencia al usuario.
Es importante intentar tener los menos errores 404 posibles, por diferentes motivos. El primero y más obvio es que el usuario se encuentra de golpe frustrado y ‘perdido’ en nuestra web, con lo que lo más fácil será que la abandone.
IMPORTANTE: Las páginas que deberían ser error (404, 503,…) pero devuelven un 200 OK se consideran contenido válido. Si muchas páginas devuelven el mismo “mensaje de error” en HTML con código 200, Google las agrupará como duplicados, lo que crea un agujero negro, porque estas páginas prácticamente nunca se vuelven a rastrear a fondo.
Para evitarlo, se debe devolver el código de estado HTTP apropiado cuando una página no existe o está temporalmente caída.
Y aquí es donde viene el problema para nosotros, ya que a nivel SEO ese nivel de abandonos aumenta el porcentaje de rebote de la web, empeorando nuestro posicionamiento a medio plazo.
- Google tiene un «presupuesto de rastreo» o tiempo invertido en rastrear una web o tienda online, si encuentra muchos errores 404, es posible que no llegue a visitar páginas importantes del sitio. Por tanto, la indexación en los buscadores será peor.
- Si la página con error 404 tiene enlaces externos que apuntan a ella estaremos perdiendo la autoridad conseguida y el tiempo y los recursos que hemos dedicado a conseguir esos enlaces.
Aquí te dejamos información útil sobre los tipos de errores que pueden ocurrir una web
¿Por qué es importante crear una página de error personalizada?
Seguro que en alguna ocasión, al buscar información en Internet, has hecho clic en un enlace y te has encontrado con una página de error 404. Muchas veces estas páginas de error son simples y poco atractivas, lo que amplifica la frustración del usuario. Este tipo de situaciones ocurre con más frecuencia de lo que parece y pueden que en la mayoría de ocasiones el usuario y abandone nuestra web de inmediato, para irse a la competencia!!!.
Tener una página de error personalizada no solo te permite corregir esa sensación de desconcierto, sino también reducir el nivel de insatisfacción de los visitantes. Si aplicas un poco de creatividad tu página 404, como hacen algunas de las webs que verás más abajo, puedes sorprender a los usuarios, mejorar su experiencia y, lo más importante, fortalecer la confianza en tu sitio web, dejando una impresión positiva a pesar del contratiempo.
Cómo crear una página 404 o Not Found personalizada
Como hemos vista en el punto anterior, para evitar una mala experiencia a tus usuarios es importante crear una página de error 404 personalizada siguiendo el estilo de tu página y con funciones que permitan al usuario seguir navegando sin mucho problema
El diseño dependerá mucho de las características de cada empresa, pero existen algunas recomendaciones esenciales para la personalización de diseñar una página Not Found
1º Utiliza el mismo idioma que en el resto de la web
Una cosa muy lógica pero que suele pasar. El motivo es que por ignorancia o pereza no se optimiza la página de error 404 y se deja la que viene por defecto con la plantilla de WordPress o similar. Plantillas que suelen venir por defecto en inglés y con una página 404 bastante precaria. Hay que vigilar esto!!
Así pues, antes de nada, asegurarnos que la página de error 404 está en el idioma que toca.
2º Intenta que el usuario no se ‘asuste’
Casi el punto más importante ya que es el que evitará en gran medida el abandono de la web. Seguramente muchas veces navegando por ahí te has encontrado con algo muy parecido a esto:
Y muy probablemente tu reacción habrá sigo la de pensar que la web está fallando, o que simplemente no tienes ganas de preguntarte por qué no funciona, y te vas a otra página. Justamente esto es lo que debemos intentar evitar a toda costa!! Regalar tráfico a nuestra competencia orgánica.
IMPORTANTE. Elimina cualquier palabra de ERROR en la página con letras gigantescas, números 404 que podrían leerse desde el lavabo, exclamaciones y demás síntomas de alarma.
Explica de manera natural que la página que busca parece que no está disponible y que puede deberse a X o Y motivos y listo. Sin mayores aspavientos ni elementos que puedan espantar al usuario.
3º Intenta reconducir nuevamente al usuario dentro de la web
Otro punto clave. Hemos conseguido (con el apartado anterior) que el usuario no salga corriendo, ahora hemos de invitarle a seguir navegando por nuestra web.
Una idea para lograrlo puede ser por ejemplo añadir accesos claros y bien visibles a las secciones más importantes de la página, como categorías principales si hablamos de un e-commerce o los diferentes servicios que ofrece tu empresa. Es algo bastante genérico y que muy posiblemente le sirva como punto de reenganche al usuario para intentar encontrar lo que buscaba.
4º Innova. Sorprende. Haz una página de error 404 diferente.
Aprovecha que es una página ‘diferente’ dentro de tu web, casi secreta, y da rienda suelta a tu imaginación. Una página de error 404 simpática o diferente evitará en gran parte esa sensación de frustración del usuario al no encontrar lo que buscaba, y nos dará unos instantes preciosos para intentar evitar su abandono.
Si utilizas WordPress puedes utilizar un plugin como este para crear una página 404 a tu medida
Monitoriza y controla el funcionamiento de tu página web
Es importante controlar regularmente los enlaces rotos y corregirlos para evitar que los usuarios se encuentren con páginas 404. También puedes utilizar herramientas como Dead Link Checker o servicios de auditoria y seo más completos como semrush, ahrefs, dinorank,… para realizar un seguimiento de los errores de tu wen y recibir notificaciones cuando se produzcan.
MUY IMPORTANTE: Verifica tu dominio en Google Search Console, es la mejor forma de controlar como Google indexa tu web y resolver posibles errores
Ejemplos de páginas 404 inspiradoras:
Hubspot
Una imagen y un buen texto hacen maravilla y los encales nos llevan a las principales áreas del sitio.
Screaming Frog
La página 404 de un servicio que rastrea webs y permite analizarlas en profundidad y encontrar 404 se burlan un poco de sí mismos y ofreciendo un acceso rápido a su página de contacto, servicios y blog.
Moz
La página 404 de Moz, una de las mejores páginas de SEO del mundo, hace sonreír a la mayoría de la gente con su mascota y está en consonancia con la marca. Una barra de búsqueda visible permite seguir navegando por la web.
Disney
La página Not Foud de Disney no solo utiliza un personaje perfecto para la temática, sino que además cambia su contenido en función del idioma del usuario
Como ves, lejos de ser un quebradero de cabeza, el error 404 se ha convertido en una auténtica oportunidad para que las empresas expresen su creatividad y conquisten a sus usuarios de una forma insólita y divertida.
No dejes escapar la ocasión para mejorar la experiencia de los visitantes perdidos de tu sitio web:
- Emplea el humor para calmar la situación
- Asume la culpa del error
- Proporciona una barra de búsqueda para que puedan buscar información
- Incluye un enlace a la página de inicio
- Sugiere enlaces útiles que puedan querer visitar
- Agrega una forma de contactar con alguien que pueda ayudar
En resumen: capta la atención del usuario, evita alarmarle e intenta reconducirlo de nuevo a otra sección de la página.
Estos tendrían que ser los pilares fundamentales en los que basar el diseño de una buena página de error 404.
Si necesitas ayuda para optimizar tu página web contacta con nuestra agencia seo y te ayudaremos encantados para incrementar tu tráfico y tus ventas. Tenemos oficinas en Barcelona, Bilbao y Girona. Madrid.
Como siempre, espero que te haya sido útil el artículo y, si tienes cualquier duda, sugerencia o comentario, nos leemos más abajo ¡hasta pronto!
También puede interesarte leer:
Error 400 y Soft 400. Qué són y cómo resolverlos
Guía para solucionar errores de rastreo en Search Console
Errores habituales de SEO para WordPress, poco conocidos
Diseño web vs Desarrollo Web. Diferencias. Cúal es más importante.
SEO JavaScript. Qué es y cómo afecta al posicionamiento de una web
Navegación por facetas. Cómo optimizarla según Google
