¿Qué es error 404 not found? ¿Cómo solucionarlo y personalizarlo?

Escrito por
Sergio Koller
Oct 27, 2021
8 min read

Los visitantes suelen encontrarse con un error 404 después de hacer clic en una URL que no existe. Este informa a los usuarios que la página que están buscando ya no es parte del sitio, lo cual puede resultar bastante frustrante y, en consecuencia, abandonen la web.

Por suerte, este error no solo es fácil de solucionar, sino que además puedes darle una vuelta para que juegue a tu favor.

Vamos a ver en qué consiste este error, cómo se soluciona y puedes personalizar este código de estado HTTP. 

¿Qué es un error 404 not found?

Un error 404 es el código de respuesta HTTP estándar que indica que un usuario llegó a una página que no existe porque hizo clic en un enlace roto, escribió mal una URL o porque la página fue eliminada.

Este tipo de enlace se llama “dead link” o broken link” y al producirse el usuario suele ver uno de los mensajes estándar:

  • 404 No encontrada
  • 404 Error
  • HTTP 404 No encontrada
  • La página no fue encontrada
  • No se encontró la URL solicitada en este servidor
  • 404 error not found

Como veremos más adelante, existe otra opción. En lugar de los mensajes estándar, un usuario puede ver una página bien diseñada con elementos de navegación personalizados que pueden transformar una experiencia inicialmente negativa en una oportunidad de conversión.

Pero antes de nada, averigüemos por qué un usuario ve una página 404.

¿Por qué se produce el error 404?

El error 404 not found puede deberse a diferentes causas:

1. Enlaces entrantes rotos

Supongamos que tienes una página con planes de suscripción que se parece a https://seranking.com/subscription.html. Si agregamos una letra «s» a la palabra «subscription», el enlace te llevará a una página no existente. 

2. Enlaces internos incorrectos en tu sitio web 

Por ejemplo, un webmaster o un administrador de contenido olvidó agregar «.html» a la URL https://seranking.com/subscription.html. 

Si los usuarios siguen el enlace https://seranking.com/subscription, verán una página 404.

Otro caso puede ser que se cambie la URL y la anterior deje de existir

3. Errores del usuario

Un usuario puede escribir una URL incorrecta en la barra de direcciones.

4. Contenido oculto 

Cuando los usuarios intentan acceder a partes ocultas de contenido en un sitio web, también serán redirigidos a una página 404.

5. Páginas eliminadas

Finalmente, puedes hayas eliminado una página de tu sitio y alguien intentó acceder a ella desde los marcadores guardados o siguiendo un enlace de otra web. 

Aunque no hay nada de malo en tener este tipo de páginas 404 en el sitio web, es importante vigilarlas para que te asegures de que todas las páginas eliminadas se hayan suprimido a propósito. 

6. Se ha cambiado el dominio

Al hacer el cambio de dominio las redirecciones oportunas no se han hecho de forma correcta

7. Enlaces externos que ya no existen

Estás enlazando a una página externa que ya no existe

Consecuencias del error 404 not found

El error 404 es uno de los más habituales, pero no por ello debemos dejarlos pasar porque pueden perjudicar en varios aspectos a tu sitio web:

  • Ofreces una experiencia de usuario negativa y deteriora tu imagen de marca.
  • Le envías señales a Google de que no prestas la atención que debieras a tu página web.
  • Malgastas tu crawl budget.
  • En el caso de que tengas backlinks que enlazan a esta página estás perdiendo una oportunidad

¿Cómo identificar un error 404?

Puedes detectar estos errores de al menos dos maneras:

Auditoría Web

Auditoría web

Puedes encontrar todas las páginas 404 que tiene un sitio web y corregir posibles errores con la ayuda de una auditoría web

Entra en “auditoría web”, “informe de problemas” y “códigos de estado HTTP”. Allí podrás ver, entre otros, los errores 404 que haya en tu sitio. 

Una vez que sepas el motivo de este código, esto es lo que puedes hacer al respecto.

Google Search Console

Google Search Console- Cobertura

Es tan sencillo como entrar en el panel de Google Search Console, en la sección “Índice”, apartado “Cobertura”.

¿Cómo solucionar un error 404?

Obviamente no puedes evitar que los usuarios ingresen una dirección URL correctamente. Sin embargo, sí puedes reparar los enlaces internos y enlaces entrantes rotos.

Por otro lado, si un usuario termina en una página 404, debes asegurarte de que esté personalizada y bien pensada. Con eso, puedes minimizar los daños a tu reputación y la usabilidad.

Caso 1: el enlace externo ya no existe

Simplemente tienes que cambiar el enlace por otro similar o, directamente, eliminarlo. 

Caso 2: enlaces internos que no existen

Aquí tienes dos opciones:

Redirección 301

Si lo crees conveniente lo redireccionas a una URL relacionada haciendo una redirección 301. 

Son redirecciones permanentes, por lo que el buscador desindexará la URL anterior e indexará la nueva. 

Código 410

Si quieres que la página que da error deje de existir para siempre, entonces aplica un código 410 o Redirect Gone. 

Con el código 410 los bots ya saben que esta URL no existe ni va a existir y no volverán a rastrearla. 

En ambos casos puedes aplicar estos códigos a través del archivo .htaccess o mediante plugins o módulos de tu CMS.

Obtén más información sobre los códigos de estado.

¿Por qué debes crear una página personalizada de error 404?

No importa cuánto intentes corregir todos los errores, los usuarios ocasionalmente se toparán con tu página 404 por una razón u otra. Es por eso que tu objetivo principal es brindar al usuario una experiencia agradable.

La mayoría de los usuarios se molestan y simplemente abandonan tu sitio web para buscar en otro lugar. En otras palabras, alejas a muchos clientes potenciales de tu marca.

Los estudios también muestran que las páginas de error 404 simples definitivamente no son la mejor solución porque hoy en día los usuarios están acostumbrados amoverse por la red y toman decisiones rápidas.

En este sentido, hay una forma excelente de curarte en salud: creando tu propia página de error 404. 

¿Cómo crear una buena página de error 404? 

Primero, echemos un vistazo a las recomendaciones de Google para crear páginas 404 correctas:

Recomendaciones de Google para crear páginas 404

  1. Informa a tus usuarios de forma correcta que la página solicitada no está disponible.
  1. Diseña una página 404 de la misma manera que las otras páginas del sitio web. Los elementos de navegación también deberían tener el mismo aspecto y respirar la esencia de tu marca.
  1. Enlaza tu página 404 a los artículos o secciones de comentarios más populares, o a la página principal, si procede. No pierdas la oportunidad de poner a tu visita de nuevo en el buen camino.
  1. Brinda a los usuarios la posibilidad de reportar enlaces rotos. Una ayuda extra no viene mal y además, demuestras que te preocupas por ofrecer una mejor experiencia.

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

Aquí tienes dos opciones:

Sin plugins

Para ello necesitas conocimientos básicos de HTML, PHP y CSS

  1. Crea un tema hijo para que no pierdas los cambios con las actualizaciones.  
  1. Localiza el archivo 404.php del tema padre. lo más probable es que la ruta de archivo sea esta: wp-content/themes/[nombre_de_tu_tema]/404.php
  1. Haz una copia en el tema hijo: wp-content/themes/[nombre_de_tu_tema_hijo]/404.php
  1. Realiza las modificaciones necesarias. 

Con plugins

Plugins para customizar la página de error 404

Gracias a los plugins puedes personalizar tu página de error 404 sin necesidad de tener conocimientos técnicos. 

Algunos de los más populares son: 404page – your smart custom 404 error page, custom 404 pro, 404 Page by SeedProd.

Ejemplos de páginas de error 404

Pero, hay algo más. Al crear una página 404 bien hecha, puedes revertir la situación a tu favor y volverte viral; la gente puede compartir tu obra maestra y olvidarse de todas las emociones negativas asociadas con páginas inexistentes.

Puedes encontrar ejemplos de excelentes buscando «las mejores páginas 404».

Aquí tienes algunos:

Netflix

Ejemplo página error 404 not found

Pepe Phone

Ejemplo página error 404

Be Green

Ejemplo página 404

BONUS TRACK: Si te falta inspiración o buscas imágenes creativas para tu error, aquí tienes esta web de recursos gratuitos para tu página 404 sea memorable. 

Conclusión

Resumiendo.

¿Qué debes hacer para evitar problemas con el error 404?

Realiza auditorías periódicas del estado de salud de tu web, soluciona los errores y crea una página 404 personalizada que conquiste a tus usuarios (y, por ende, a Google). 

¿Tienes controlados tus errores 404? ¿Y una página personalizada para los mismos?

Te leo en los comentarios. 

Suscribete a nuestro Blog!

Suscríbete a nuestros boletines y resúmenes para recibir noticias, artículos de expertos y consejos de SEO en tu bandeja de entrada.

¡Gracias!
¡Te has suscrito con éxito a nuestro blog!
Revisa tu bandeja para confirmar la suscripción.