¿Los errores 404 deberían ser la pesadilla de los webmasters? ¿Es esto un hecho o un mito que necesita ser desmentido? ¿Qué son los errores 404? ¿Qué impacto tienen en el SEO? ¿Hay alguna manera correcta de implementar errores 404? Estos son los problemas que exploramos en este artículo.example 404

¿Qué es redireccionar 404?

Antes de analizar los errores 404, es conveniente tener una comprensión general de los conceptos básicos de los protocolos web HTTP. Básicamente, internet se compone de clientes y servidores. Los clientes, en este caso, hacen referencia a los navegadores que usas para acceder a internet: Google Chrome, Safari, Opera, Firefox e Internet Explorer. Cuando un usuario solicita una página web, la solicitud se envía realmente a los servidores web, que luego responden. El usuario realiza su solicitud utilizando el protocolo HTTP.

¿Qué es el HTTP? Son los estándares que todos los usuarios de internet han aceptado. Cuando los usuarios realizan solicitudes, son los códigos de estado los que revelarán si la solicitud se realizó correctamente o no. Estos códigos de estado son los que se llaman códigos de estado HTTP.

Hay diferentes bloques de código de estado HTTP:

  • 100: generalmente sobre solicitudes informativas.
  • 200: solicitudes exitosas.
  • 300: se utiliza para redireccionamientos.
  • 400: el bloque muestra los errores del cliente.
  • 500: muestra errores del servidor.

Conozcamos más sobre el bloque 400, ya que es el enfoque de este artículo: los errores 404 se clasifican. El bloque 400 significa que no se encontró una página o que el cliente envió una solicitud con algún problema. El problema lo tiene el cliente. El error 404 se debe a que no se ha encontrado la página solicitada.

Entonces, ¿cómo se define redireccionar 404?

Ahora que ya sabes qué son los códigos de estado HTTP y su fuente, ¿cómo definiríamos un error 404?

Es un código de respuesta HTTP que muestra que no se ha encontrado la página que solicitó el usuario. Suele ir acompañado de un mensaje como “Página no encontrada” o “La página a la que está intentando acceder no existe”. 

Por qué deberían preocuparte los errores 404

Los errores 404 son muy comunes. Pero, ¿deberías preocuparte como webmaster si los tienes en tu sitio?

Bueno, no todos los errores 404 son malos. Recuerda, son el resultado de errores por parte del cliente. A veces, si un usuario escribe mal tu URL, significa que realmente está solicitando una página web que no existe. En este caso, ofrecer 404 es una buena idea. Ten en cuenta que Google no te penalizará si entregaste un error 404 como resultado de una “URL incorrecta”.shopify typo

John Mueller, de Google, dijo en su vídeo de error 404:

“En los registros o análisis de tu servidor, verifica el tráfico a esas URL. Si no hay tráfico, genial. En Search Console, comprueba los enlaces a esas URL. ¿No hay enlaces relevantes? Eso también está bien. Si no ves nada especial ni en los enlaces ni en el tráfico, hacer que esas páginas devuelvan un 404 está perfectamente bien”. 

Sin embargo, si tienes una página web autorizada con un 'link juice' increíble (muchos backlinks) y cuando los usuarios hacen solicitudes ven redireccionar 404, debes preocuparte. A veces, esto puede ocurrir cuando una página se elimina de tu sitio e incluso del servidor, pero todavía hay enlaces a esa página eliminada y marcadores o reestructuraciones de URL que todavía existen (por ejemplo, después de cambiar el nombre de los directorios).

Otros problemas que pueden resultar en 404 incluyen referencias desactualizadas o menciones de enlaces con errores tipográficos.

El impacto del redireccionamiento 404 en el SEO

Como hemos visto, los errores 404 deben ser motivo de preocupación según su origen y el recurso al que afectan. Veamos su efecto en el SEO.

Pérdida en la clasificación

Cuando tienes redireccionar 404, los robots de los motores de búsqueda intentan acceder a un recurso que no existe. Continuamente, los bots envían señales negativas sobre ese recurso en particular. Si esto sucede varias veces, el recurso se eliminará del índice. Si esta era la página de inicio de tu página o una página de destino con información o contenido de enlaces importante, esto significa que esa página no se clasificará. ¿Qué les pasará a tus usuarios? Si esta era la página de un producto en un sitio de comercio online, significará que tus ventas también se verán afectadas.

Mala experiencia para los usuarios

En primer lugar, el objetivo de tener un sitio es crear un punto de contacto entre los usuarios y tu marca. Si el punto de contacto resulta en una mala experiencia, entonces no tiene sentido tenerla. Si los usuarios siguen intentando acceder a un recurso y todo lo que obtienen son 404, dejarán de intentarlo. ¿Y a dónde irán? Al sitio, tienda o negocio de tu competencia. Tarde o temprano, los robots de los motores de búsqueda comenzarán a notar las altas tasas de rebote y esto hará que tu sitio o página web clasifique cada vez más bajo.airbnb 404

¿Qué se debe hacer con los 404?

¿Qué hacemos con los 404? Una excelente manera de trabajar con el 404 es aprender a realizar redireccionamientos. Los redirecciones son útiles si, por ejemplo, hay un cambio de URL cuando tienes una URL antigua con contenido permanente que atrae un tráfico significativo a tu sitio y decides cambiar la URL por una nueva. También puedes crear increíbles páginas 404 donde sea necesario ofrecerlas. Exploremos estas opciones a continuación:

Redireccionar

Hay varios tipos de redireccionamientos, por ejemplo, redireccionar 301, redireccionar HTTP, redireccionar 302 y redireccionar HTML. ¿Cuál deberías usar cuando? Veámoslo con más detalle:

Redireccionar HTML

Este tipo envía automáticamente a los usuarios a un sitio nuevo después de un período de tiempo específico. Viene acompañado de un mensaje para mostrar que el sitio se ha movido y que serán redirigidos en breve.

Aunque esto puede parecer una buena idea, las redirecciones HTML pueden ser malas en lo que se refiere a la experiencia de los usuarios. Esto se debe a que es posible que el usuario no esté preparado para el gran cambio del recurso que no se puede encontrar en un sitio completamente nuevo. Peor aún, podría afectar a la navegación cuando el usuario quiera volver a una página anterior. Es posible que se termine volviendo al error 404 y luego haya una confusión al intentar buscar un recurso específico.

Redireccionar 301

Cuáles son las situaciones que pueden requerir el uso de este redireccionamiento? 

  • Si trasladas tu sitio por completo a un dominio nuevo.
  • Si sueles tener errores ortográficos frecuentes en tu URL.
  • Si quieres hacer una distinción clara entre las versiones www y sin www de tu sitio, como en www.abc.com y abc.com. En este caso, debes determinar cuál será la versión predeterminada y luego redirigir la versión no predeterminada a la predeterminada.

Las redirecciones 301 son una excelente opción para páginas antiguas con un impresionante contenido de enlaces. Se pueden redirigir a versiones más nuevas que son bastante similares a las páginas anteriores. Mejor aún, puedes crear una URL nueva para alojar la página anterior que había comenzado a mostrar errores 404.

Redireccionar 302

Esta redirección es ideal si se trata de una situación temporal. Por ejemplo, supongamos que estás reconstruyendo las secciones principales de tu sitio web. Puedes utilizar un 302 para informar a tus usuarios que la página no está disponible temporalmente debido a las ediciones o actualizaciones en curso.

Consideración

En este punto, ¿qué ocurre cuando has usado una redirección 302 pero en realidad has decidido no eliminarla, por ejemplo, para que una vez que hayas terminado de construir la sección principal de tu sitio puedas conservar tanto la versión nueva como la antigua? En este caso, los motores de búsqueda pueden pasar por alto el sitio nuevo y seguir indexando el anterior, con el contenido anterior. Solo es más seguro asegurarse de utilizar los tipos de redirección correctos.

Cómo solucionar 404 en WordPress

¿Hay maneras de administrar los 404 si usas un CMS como WordPress? Hay complementos como el plugin Redirection.me que pueden hacer un buen trabajo.

Cómo usar el complemento de redirección

Paso 1: Tienes que descargar, instalar y activar el complemento.

Paso 2: A continuación dirígete a ‘configuración’.

Paso 3: Dirígete a la pestaña 404 y presiónala para ver cualquier problema detectado.redirection plugin

Paso 4: A continuación, debes completar la sección Redirigir con las URL desde las que quieres redirigir.

Paso 5: Incluye las URL nuevas, aquellas a las que quieres redirigir en la pestaña de destino. redirection step 2

Paso 6: Guarda los cambios

También puedes usar otros plugins: 

  • Simple 301 Redirects
  • WP 404 Auto Redirect to Similar Post
  • Yoast SEO Premium
  • Safe Redirect Manager

Usar .htaccess para redireccionar 404

Necesitas un servidor con tecnología Apache y también debes instalar mod_rewrite. Tienes que acceder a tu archivo .htaccess.

Así es cómo se hace:

  • Accede a tu cPanel e inicia sesión.
  • Dirígete a ‘Archivo’ y después a ‘Administrador de archivos’.
  • Accede a la carpeta raíz de documentos de tu sitio. 
  • Presiona ‘Configuración’.
  • Selecciona ‘Mostrar archivos ocultos’.
  • Guardar.
  • Clic derecho en el archivo .htaccess. 
  • Selecciona ‘Editar’.
  • Si no tienes un archivo .htaccess, tendrás que crear uno. Para hacerlo, presiona ‘Archivo nuevo’ en la parte superior izquierda.  
  • Asegúrate de nombrar este archivo nuevo ‘.htaccess’.
  • Asegúrate de que el directorio en el que se crea el archivo .htaccess es en /public_html/.
  • Si aparece una ventana de diálogo, haz clic en ‘Editar’.

.htaccess usando FTP (FileZilla)

Si no tienes acceso a cPanel, puedes acceder a tu .htaccess usando FTP.

  • Abre FileZilla e inicia sesión en tu espacio web usando FTP.
  • Haz doble clic en public_html para enumerar los archivos de tu sitio web.
  • Selecciona .htaccess, haz clic con el botón derecho y selecciona Ver/Editar.
  • Incluye tu código nuevo. Guarda el archivo cuando acabes de editar.
  • Haz clic en Sí en FileZilla para cargar tu archivo nuevo .htaccess.

Aquí está el código para usar en tu archivo .htaccess. El ‘problem-domain’ hace referencia al dominio que está entregando 404. ‘redirected- domain’ es la fuente a la que está redirigiendo la URL que ha estado publicando 404. Debes comentar la penúltima línea y no comentar la última línea para evitar crear más errores, en esta ocasión, un 403.

# REDIRECT BROKEN LINKS FROM SPECIFIC DOMAIN
<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} .*
RewriteCond %{HTTP_REFERER} ^https?://([^.]+\.)?problem-domain\. [NC]
RewriteRule (.*) http://redirected-domain.tld/target.html [R=301,L]
# RewriteRule (.*) - [F,L]
</IfModule>

Luego, tienes que subir el código actualizado en tu servidor. A continuación, puedes comprobar si los dominios problemáticos siguen sirviendo 404.

Redireccionar 404 con PHP

Debes colocar el código de redirección en el archivo redirect.php. Esto mantiene la funcionalidad del código separada del mensaje de error 404 que debería aparecer en el sitio (búscalo en la siguiente sección).

Es el código que necesitas añadir a tu archivo 404.php después de la declaración <?php:

include(‘redirect.php’);

Crea un archivo llamado redirect.php en el directorio raíz de tu sitio.

A continuación, debes añadirle el siguiente código:

<?php// current address$oldurl = strtolower($_SERVER[‘REQUEST_URI’]);// new
Redirect address$newurl=’ ‘;

‘oldurl’ es la URL desde la que se le redirige y ‘newurl’ es la URL a la que estás redirigiendo.

El código que añadas aquí dependerá del grado de necesidad de redireccionamiento. Si, por ejemplo, el motivo del 404 fue un simple cambio en el nombre de la URL para versiones en singular y plural, quizás quieras utilizar este código simple:

$newurl = str_replace(‘book’, ‘books’, $oldurl);

Este es el código que puedes usar para redireccionamientos simples: 

$redir = array(‘book’ => ‘/books/’, ‘video’ => ‘/videos/’, ‘demo’ =>
‘/demonstrations/main/’);while ((list($old, $new) = each($redir)) && !$newurl({
If (strpos($oldurl, $old)  !==false) $newurl = $new;}

La matriz anterior ($redir) define pares de valores que se pueden configurar. Si la primera cadena se encuentra en la URL desde la que estás redirigiendo y la dirección a la que estás redirigiendo, se establece en la segunda cadena.

Si la palabra ‘book’ en el código anterior se encuentra en la URL desde la que estás redireccionando, el usuario será redirigido a la URL con ‘books’.

Si la URL desde la que estás redireccionando contiene al menos dos de las palabras definidas en el código, la primera palabra tendrá prioridad. Si la primera palabra es ‘book’ esto es lo que se redirigirá a ‘books’.

Redireccionar tus 404 en Shopify

Para redirigir tus 404 en Shopify, debes acceder a la Consola de búsqueda de Google para que puedas revisar tu error 404.

Paso 1: Una vez que hayas terminado, inicia sesión y navega hasta el panel de control.

Paso 2: Haz clic en ‘Cobertura’ en la barra lateral izquierda.

Paso 3: Haz clic en ‘error no se encontraron las URL enviadas (404)’.coverage gsc

Debajo de cada tipo de dispositivo, también verás dos tipos de errores 404: 404 suave y no encontrado. No tienes que preocuparte por el primero. Veamos el segundo. 

Paso 4: Haz clic en la pestaña ‘no encontrado’ para ver la lista de URL.  A continuación comienza el análisis filtrando las URL con 404.

Paso 5: Tienes que acceder a tu panel de control de Shopify para hacer redirecciones (esta es nuestra guía sobre cómo redireccionar URL con Shopify).shopify dashboard

Paso 6: En el panel de control, haz clic en ‘navegación’ a la izquierda.

Paso 7: Verás un enlace llamado ‘redireccionar URL’ en la parte superior central del panel de control. Haz clic.

Paso 8: Se abre una página que te permite ver un botón llamado ‘redireccionar URL’. Haz clic.

Paso 9: En el campo URL anterior, pega el enlace desde el que quieres redirigir. No incluyas la URL de tu dominio.

Paso 10: Pega el enlace al que quieres redirigir en el campo Redirigir en la página nueva. Esta vez, incluye tu nombre de dominio en el enlace.

Si tienes varios enlaces, la aplicación Shopify SEO te será útil.

Nota al margen

No todos los 404 necesitan ser redirigidos. ¿Recuerdas las URL que no existen? Esas necesitan 404. Algo más a tener en cuenta es que redirigir los 404 a la página de inicio no es una buena idea para la experiencia de los usuarios. El usuario está intentando acceder a información específica y redirigirlo a la página de inicio puede que no sea la mejor manera de hacerlo. Puede resultar confuso y molesto, y aumentar las tasas de rebote. No querrás que los robots de los motores de búsqueda te atrapen en este caso.asana

Crear páginas 404 fantásticas para situaciones necesarias

Como no todos los errores 404 necesitan redirección, hay que estar seguro de que las páginas que ofrecen los mensajes 404 necesarios estén presentables. Por ejemplo, es bueno darle opciones al usuario.

Puedes hacerles saber que hay páginas similares en tu sitio que tienen el mismo contenido que están buscando y ofrecer los enlaces.

La página 404 también debe tener un diseño atractivo para mantener la atención del cliente durante más tiempo mientras decide si sigue tus opciones y navega hacia donde se le solicita. De esta manera, es beneficioso para todos. Tu SEO no se ve perjudicado y el usuario tiene una mejor experiencia al usar tu página web. Una de mis favoritas es la página 404 de Steve Lambert.
steve lambert 404 page

Lo más importante es que el diseño de la página 404 debe ser coherente con el diseño del resto del sitio y las páginas web en términos de tamaño de fuente, estilo, color y temas.

También puede incluir una pestaña de búsqueda para animar al usuario a buscar específicamente lo que desea.

Crear una página 404 en WordPress

Si usas WordPress, puedes usar el complemento w3 Total Cache para publicar mensajes y páginas 404. Otros complementos incluyen:

  • WordPress Ultimate 404 Plugin
  • Redirection
  • 404 page
  • 5sec Proper 404

Crear una página 404 usando .htaccess

Puedes configurar una página de error 404 usando .htaccess. Puedes ver cómo acceder a tu archivo .htaccess en la sección anterior .htaccess. Una vez que hayas accedido a él o lo hayas creado, habrá que crear el mensaje de error 404.

  • Hay que añadir el mensaje de error al archivo .htaccess.
  • Puedes usar este mensaje:

ErrorDocument 404 "<H1>Page not found</H1>"

  • También puedes señalar una página HTML estática que hayas reservado para usar con 404. Lo puedes hacer así:

ErrorDocument 404 /404.html

  • Cambiar ‘404.html’ con tu URL.
  • Clic en guardar cambios.
  • Debería mostrarse un mensaje exitoso.

Crear una página 404 usando PHP

Este es el código que debes añadir al archivo raíz de tu sitio:

<?php// basic 404 error pageheader(‘HTTP/1/1 404 Not
Found’); header(‘Status: 404 Not Found’);?><!DOCTYPE html><html
lang=”en”><head><meta charset=”UTF-8”><title>Page not
found</title>< /head><body><h1>Page not found</h1><p>Sorry,we cannot
find that page.</p><p><a href=”/”>Please return to the home
page&hellip;</a></p></body></html>

Crear una página 404 con Shopify

Con Shopify, cualquier URL que no exista será redirigida a una página 404. Puedes crear una página 404 personalizada para ayudar a los visitantes a navegar a las ubicaciones que desean en tu sitio.

Puedes realizar cambios dirigiéndote a Temas >>Personalizar y seleccionar la página 404: 404 theme

O personalizarla dirigiéndote al código real y seleccionar 404.json para realizar los cambios allí:404 code shopify

Recuerda, ¡debes hacer que esta página sea atractiva! 

Conclusión

Hemos revisado detenidamente los errores 404, los hemos definido y analizado su impacto en el SEO. También hemos analizado cómo afrontar los 404 con redireccionamientos y cómo crear atractivas páginas 404 usando .htaccess y PHP; así como cómo gestionar la redirección en WordPress y Shopify. Es importante saber qué método se adapta a tu sitio. Recuerda, no todos los 404 son malos, pero necesitas saber cuándo usarlos.