Todo sobre el error 404 y cómo manejarlo.

¿Qué es el error 404 y por qué aparece?

Es un código de estado que indica cuando la página o uno de los recursos a los que sé a intentando acceder no está disponible en el servidor, este es uno de los códigos más famosos y del cual estamos seguros de que ya te has topado más de una vez en algún sitio web. A continuación, te explicamos algunos motivos frecuentes por lo que suele aparecer el error 404:

  • Hemos escrito mal la URL: Probablemente, estamos buscando un artículo de un blog o un producto en concreto de una tienda en línea y decidimos escribir manualmente la URL, dónde muy posiblemente cometimos un error colocando una letra o signo mal.
  • La página a la que intentamos acceder se ha eliminado: Por ejemplo, si hemos eliminado un artículo de nuestro blog e intentamos acceder a él.
  • Hemos movido o cambiado la URL de la página: por ejemplo, cuando intentamos optimizar el SEO de alguno de nuestros artículos, por ende, decidimos cambiar la URL, y el usuario intenta acceder a la URL anterior.
  • En el caso de WordPress, pueden ser problemas de compatibilidad con algún plugin: Los problemas con plugins o un tema pueden afectar la forma en que WordPress genera URLs y enlaces permanentes para tu sitio web.

¿Cómo identificar un error 404 en nuestra propia página WEB?

Debes tener en cuenta que el error 404 puede evitar experiencias negativas para los usuarios, además de afectar a tu posicionamiento, por ello es importante saber identificarlos y prevenirlos a tiempo.

Existen varias herramientas gratuitas que nos permiten detectar estos enlaces susceptibles de que aparezcan como error 404:

  • Google Search Console: Si eres el propietario de una cuenta en Google y tu web ha sido registrada allí, la Google Search Console representa una buena opción. Los códigos de error HTTP 404 encontrados por el crawler de Google se muestran automáticamente en la herramienta y pueden marcarse como corregidos.
  • Dead Link Checker: Bastará con introducir la URL y hacer clic para comenzar con la inspección de los enlaces. Podrás decidir si quieres revisar únicamente una página de destino o si quieres que se haga un repaso completo de la totalidad de la web. A continuación, este sitio enumerará todas las páginas identificadas como «404 not found» con sus respectivas URL.
  • W3C Link Checker: Esta página hace un análisis exhaustivo de las páginas individuales que componen una página web.

¿Qué deberíamos hacer como DEVs para evitar el error 404?

  • Comprueba que existan los recursos en el servidor.
  • Revisa que las URLs de tu sitio sean fáciles de escribir siempre.
  • Y lo más importante… ¡Crea una página de error 404 personalizada y creativa!

Esto para tranquilizar al usuario y permitirle seguir navegando en nuestro sitio.

¿Por qué tener una página WEB personalizada para el error 404?

Tener una página web personalizada para el error 404 tiene varias ventajas, por ejemplo, puedes ofrecer enlaces relacionados con otra página o sub páginas cuyo contenido esté relacionado con la página que se estaba intentando acceder, también se podría implementar una función de búsqueda. De esta forma aseguramos que nuestros usuarios no abandonen el sitio, ya que estamos incentivándolos a permanecer a pesar de la falta del recurso que se buscaba inicialmente.

¡Terrícola! También podrían interesarte estos post