Saltar al contenido

SEO & redirecciones permanentes 301

¿cómo redirigir correctamente una página web? Analizamos Como las redirecciones afectan al SEO y casos SEO que se resuelven con Redirect

Descargo de responsabilidad

Todos los fragmentos de código de este articulo son ejemplos y cada uno, fueron probadas por nosotros en algún momento. Sin embargo, no son en absoluto responsables de cualquier daño que puedan causar. Se utilizan bajo su propio riesgo. Espero considera realizar lo test en ambientes de prueba antes de implementar redireciones en Producción

¿Que son las redirecciones?

Las redirecciones en el contexto web son instrucciones que indican a los navegadores y motores de búsqueda que una página ha sido movida o cambiada de ubicación a una nueva URL. Esto es importante para garantizar una experiencia fluida para los usuarios y mantener la integridad del SEO de un sitio web.

¿Cómo afectan las redirecciones al SEO?

  1. Preservación de la Autoridad: Las redirecciones permiten que la autoridad y el valor SEO de la página original se transfieran a la nueva URL. Esto es crucial para no perder el tráfico y la posición en los motores de búsqueda.
  2. Experiencia del Usuario: Las redirecciones aseguran que los visitantes sean llevados al nuevo lugar de forma automática, evitando frustraciones y mejorando la experiencia del usuario.
  3. Evitar Contenido Duplicado: Si una página se ha movido y se mantiene la antigua ubicación, se corre el riesgo de tener contenido duplicado, lo cual puede ser penalizado por los motores de búsqueda.
  4. Actualización de Enlaces Externos: Las redirecciones permiten actualizar enlaces que apuntan a la antigua URL, lo cual es beneficioso para el SEO y para la experiencia de navegación de los usuarios.

Tipo de redirecciones

  1. Redirección 301 (Permanent Redirect): Esta redirección se utiliza para indicar que una página o URL ha sido movida de forma permanente a una nueva ubicación. Es la redirección más comúnmente utilizada en SEO y es la que más influye en la transferencia de autoridad de una URL antigua a una nueva. Es útil cuando se cambian URLs o cuando se actualiza la estructura de un sitio web.
  2. Redirección 302 (Temporary Redirect): Indica que una página ha sido movida temporalmente a una nueva ubicación. A diferencia de la 301, esta redirección no transfiere autoridad ni «link juice» de manera permanente. Se utiliza cuando una página está temporalmente fuera de servicio o cuando se quiere probar una nueva ubicación antes de tomar una decisión permanente.
  3. Redirección 303 y 307 (See Other y Temporary Redirect): Estas redirecciones se utilizan para indicar que una página ha sido movida temporalmente a otra ubicación. Son similares a la 302, pero con algunos matices técnicos.
  4. Redirección 304 (Not Modified): Esta redirección se usa para indicar que una página no ha cambiado desde la última vez que fue visitada. Se utiliza para ahorrar ancho de banda y tiempo de carga, especialmente en sitios web con mucho tráfico.
  5. Redirección 308 (Permanent Redirect): Similar a la 301, pero más reciente y se utiliza para indicar una redirección permanente. Es útil en situaciones en las que se quiere asegurar que los motores de búsqueda entiendan claramente que la redirección es permanente.
  6. Redirección Meta Refresh: Esta es una redirección basada en código HTML y no en el nivel de servidor. Se utiliza para redirigir automáticamente a los visitantes a una nueva página después de un cierto período de tiempo. No es recomendada para SEO ya que puede tener un impacto negativo en la experiencia del usuario.

¿Cuando deberías hacer redirecciones ?

Seguro que algunos de ustedes se han planteado esta pregunta en algún momento. Las respuestas son variadas y dependen de su situación particular. Las redirecciones se utilizan en una variedad de situaciones en el mundo del desarrollo web y el SEO para garantizar una experiencia fluida para los usuarios y preservar el valor SEO de un sitio.

  • ¿Tienen enlaces a su sitio web que están desactualizados pero no saben cómo actualizarlos? Simplemente crear una redirección que guíe a los visitantes desde el o los enlaces obsoleto hacia la página más adecuada en su sitio.
  • ¿Han encontrado un enlace en un directorio que está mal formateado o carece de ‘www’? Utilicen uno de los métodos mencionados que te propongo, para corregir la situación en el servidor.

Existen diversas formas de controlar la experiencia de navegación de las personas y determinar hacia dónde pueden dirigirse en su sitio web. Pero las redirecciones no solo ayudan en la experiencia de tus usuarios, sino también a los Bots. Con el tiempo fue aprendiendo algunos trucos para que el tráfico aumenta, y asegurarme de no dejar a nadie atrás.

Las redirecciones se utilizan en una variedad de situaciones en el mundo del desarrollo web y el SEO para garantizar una experiencia fluida para los usuarios y preservar el valor SEO de un sitio. Aquí te indico cuándo deberías considerar hacer redirecciones:

  1. Corrección de Contenido Duplicado: Si tienes contenido duplicado en diferentes URLs, debes implementar redirecciones para indicar a los motores de búsqueda cuál es la URL canónica.
  2. Migración de Sitios: Al trasladar un sitio web a un nuevo dominio, es fundamental utilizar redirecciones para redirigir el tráfico desde el antiguo dominio al nuevo. Esto garantiza que los usuarios y los motores de búsqueda no se pierdan.
  3. Cambio de URL: Cuando cambies la URL de una página, ya sea por razones de reestructuración del sitio, actualización de contenido o mejora del SEO, debes implementar una redirección para que los visitantes sean automáticamente dirigidos a la nueva ubicación.
  4. Actualización de Enlaces Externos: Si has redirigido una página, es importante actualizar cualquier enlace externo que apuntaba a la URL anterior. Esto garantiza que los enlaces sigan siendo valiosos y no estén rotos.
  5. Eliminación de Páginas: Si decides eliminar una página de tu sitio pero deseas redirigir a los visitantes a una página relacionada o a la página de inicio, puedes usar una redirección para mantener una experiencia de usuario coherente.
  6. Corrección de Errores de Tipeo en URL: Si descubres que hay enlaces externos o internos con errores de tipeo en la URL, puedes corregirlos mediante una redirección a la URL correcta.
  7. Consolidación de Contenido: Cuando fusionas varias páginas en una sola o cambias la estructura de tu contenido, las redirecciones ayudan a que los usuarios y los motores de búsqueda sigan encontrando la información que necesitan.
  8. Cambio de Protocolo (HTTP a HTTPS): Si decides cambiar de HTTP a HTTPS para una mayor seguridad, debes usar redirecciones para asegurarte de que los usuarios accedan automáticamente a la versión segura del sitio.
  9. Manejo de Versiones Móviles: Si tienes una versión móvil de tu sitio y deseas redirigir a los usuarios móviles automáticamente hacia ella, puedes usar redirecciones basadas en el dispositivo.
  10. Redireccionamiento Temporal: Para situaciones en las que necesitas desviar temporalmente el tráfico, como durante el mantenimiento del sitio o promociones temporales, se pueden utilizar redirecciones temporales.

Pero las redirecciones No son la mejor solucioin, considera que, las redirecciones pueden aumentar el tiempo de carga de una página, ya que el navegador debe procesar la redirección antes de cargar la nueva página. Es importante implementar redirecciones de manera eficiente para minimizar el impacto en la velocidad de carga y el rendimiento del sitio.

Ejemplos de códigos de redirecciones

Estos son algunos ejemplos de casos de uso reales que se solucionan con redirecciones, para el caso utilizo el estándar para el archivo .htaccess en el servidor web Apache, que podria ser un sitio en wordpress, Estos ejemplos te ayudarán a comprender cómo aplicar redirecciones en situaciones comunes:

1. Redirección de www a no-www:

Este caso de uso es común para garantizar que tu sitio web se cargue de manera consistente con o sin el prefijo «www». Para lograrlo, puedes agregar las siguientes líneas en tu archivo .htaccess, Esto redirigirá cualquier solicitud que incluya «www» al dominio sin «www».

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.tudominio.com [NC]
RewriteRule ^(.*)$ http://tudominio.com/$1 [L,R=301]

2. Redirección de HTTP a HTTPS:

Si deseas que tu sitio web se cargue de manera segura utilizando HTTPS, puedes implementar una redirección desde HTTP a HTTPS con las siguientes líneas, Esto redirigirá automáticamente las solicitudes HTTP a sus equivalentes seguros de HTTPS.

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://tudominio.com/$1 [L,R=301]

3. Redirección de una Página a Otra:

Supongamos que has cambiado la URL de una página y deseas redirigir la antigua a la nueva. Puedes hacerlo de esta manera:

Redirect 301 /pagina-antigua.html http://tudominio.com/nueva-pagina.html

Esto redirigirá permanentemente las visitas a la página antigua hacia la nueva.

4. Migración de dominio, Redirección de Dominio

En caso de una migración de dominio, puedes redirigir todo el tráfico del dominio antiguo al nuevo utilizando:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.dominio-antigua.com [NC,OR]
RewriteCond %{HTTP_HOST} ^dominio-antigua.com [NC]
RewriteRule ^(.*)$ http://www.dominio-nuevo.com/$1 [R=301,L]

Esto garantizará que todas las páginas y recursos del dominio anterior sean accesibles en el nuevo dominio.

Asegúrate de reemplazar «dominio-antigua.com» y «dominio-nuevo.com» con los nombres de tus dominios reales. Este código redirigirá todas las solicitudes que lleguen a la antigua dirección a la nueva utilizando una redirección 301 (permanente). La bandera [R=301] indica que se trata de una redirección permanente, y la bandera [L] indica que esta regla debe ser la última si se cumple.

Recuerda que debes ser cuidadoso al implementar redirecciones, ya que pueden tener un impacto significativo en el SEO y la experiencia del usuario. Asegúrate de realizar pruebas exhaustivas después de implementar esta redirección para confirmar que todas las URL se redirigen correctamente al nuevo dominio.

5. Redirección por Tipo de dispositivo móvil y desktop

Con las redirecciones podemos identificar muchas variables del cliente, en este ejemplo vemos como podemos redirigir a los usuarios a una versión móvil del sitio, si están en un dispositivo móvil al subdominio «mob.MiSitio.com» y a la versión principal («MiSitio.com») si utilizan un smarphone

ATENCION: ¿esto es bueno para el SEO?, es una gran pregunta y depende de tu proyecto , Esto es solo un ejemplo para que consideres lo que se podría hacer.

Este código redirigirá automáticamente a los usuarios que estén en dispositivos móviles al subdominio «mob.MiSitio.com» y a los que no estén en dispositivos móviles al dominio principal «MiSitio.com». El uso de la bandera [R=302] indica que se trata de una redirección temporal. Puedes cambiarla a [R=301] si deseas una redirección permanente después de realizar pruebas exhaustivas.

RewriteEngine On

# Redirigir a la versión móvil si el usuario está en un dispositivo móvil
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC]
RewriteCond %{HTTP_HOST} !^mob\.MiSitio\.com$
RewriteRule ^(.*)$ http://mob.MiSitio.com/$1 [R=302,L]

# Redirigir a la versión principal si el usuario no está en un dispositivo móvil
RewriteCond %{HTTP_USER_AGENT} !(android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile) [NC]
RewriteCond %{HTTP_HOST} ^mob\.MiSitio\.com$
RewriteRule ^(.*)$ http://MiSitio.com/$1 [R=302,L]

5. Redirección de BOTs

Insisto que podemos identificar muuchas variables del cliente, como detectar si son BOTs o «navegadores comunes». Con en este ejemplo vemos como podemos redirigir a los BOTs a un aviso de /No-Queremos-Bots. Y si Son clientes navegadores los dejamos navegar.

En esta expresión regular, hay que reemplazar (googlebot|bingbot|yahoo|botname) con el listado de bots que deseas redirigir (bloquear) a la página de advertencia. Añade más bots a la lista si es necesario, separados por el operador |.

La primera parte del código detecta si el cliente es un bot en función de su User-Agent y redirige a una página de advertencia específica para los bots.

La segunda parte del código permite que los navegadores estándar naveguen libremente en el sitio web. Si deseas agregar más bots a la lista de redirección, simplemente agrégalos a la expresión regular en la primera parte del código.

ATENCION: ¿esto es bueno para el SEO?, depende de tu proyecto , Esto es solo un ejemplo para que consideres lo que se podría hacer:

RewriteEngine On

# Redirigir a la versión móvil si el usuario está en un dispositivo móvil
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC]
RewriteCond %{HTTP_HOST} !^mob\.MiSitio\.com$
RewriteRule ^(.*)$ http://mob.MiSitio.com/$1 [R=302,L]

# Redirigir a la versión principal si el usuario no está en un dispositivo móvil
RewriteCond %{HTTP_USER_AGENT} !(android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile) [NC]
RewriteCond %{HTTP_HOST} ^mob\.MiSitio\.com$
RewriteRule ^(.*)$ http://MiSitio.com/$1 [R=302,L]