Redirección HTML: Qué Son y Cómo Configurarlas

Dana Nicole

sep 12, 20237 min de lectura
Redirección HTML
Compartir

TABLA DE CONTENIDOS

¿Qué Es una Redirección HTML?

Una redirección HTML, también conocida como meta redirección (o HTML redirect en inglés), le indica al navegador del usuario que está visitando tu web que le envíe de una página a otra.

Las redirecciones HTML pueden ser instantáneas o con retraso.

Las redirecciones instantáneas se producen inmediatamente, mientras que las retardadas se producen tras un número determinado de segundos (establecido por el propietario de la web).

Así es como funciona:

  1. Un usuario aterriza en una página con una meta redirección.
  2. La redirección se produce de dos formas distintas:
    1. Si la redirección es instantánea, el usuario es enviado a la nueva página en cuanto se carga el HTML de la página actual.
    2. Si se retrasa la redirección, se envía al usuario a la nueva página después de que se cargue el HTML y haya transcurrido el tiempo establecido. 
  3. Se produce la redirección, y el usuario se encuentra ahora en la nueva página, pudiendo continuar su navegación.
Una imagen que ilustra las redirecciones HTML instantáneas frente a las retardadas

Por Qué Utilizar una Redirección HTML

Los redireccionamientos HTML son sencillos de implementar, ya que se configuran dentro del HTML de una página. No necesitas acceder a los archivos del servidor (como en el caso del archivo .htaccess) para crear una redirección.

Son muy útiles cuando estás haciendo mantenimiento en una página y necesitas redirigir a los usuarios a una página temporal. O cuando ya no quieras usar una página y necesites enviar a los usuarios a otro lugar de forma permanente.

Otros tipos de redirecciones, como las redirecciones del lado del servidor, sí que requieren que accedas a los archivos de tu servidor, complicando el proceso (aunque los plugins lo suelen facilitar).

Aunque las redirecciones HTML tienen sus ventajas, también hay varias razones por las que evitarlas:

  1. Puede que no funcionen correctamente en navegadores antiguos y provoquen una mala experiencia de usuario.
  2. Como el HTML de la página antigua tiene que cargarse antes de que se produzca la redirección, pueden ser lentas y frustrantes para los usuarios.
  3. No transmiten tanta autoridad (de la página original) como otros tipos de redirecciones, perjudicando tu SEO.
  4. Las redirecciones HTML con retraso pueden dar problemas de accesibilidadpara los usuarios con lectores de pantalla o que no pueden leer texto rápidamente.
  5. Como necesitas el HTML de la página original, no puedes eliminar permanentemente ninguna de las páginas que quieras redirigir y debes mantenerlas en funcionamiento. Por lo que si quieres reorganizar la estructura de tu web, no te serán de utilidad.

Cómo Redirigir una Página a Otra con HTML

Para añadir una redirección en tu HTML, pega el siguiente código en la sección <head> de la página que quieres redirigir (y sustituye el valor de la URL):

<meta http-equiv="refresh" content="3; URL=https://www.tuurl.com/nuevapágina" />

En este código:

  • http-equiv="refresh" indica al navegador que redirija la página.
  • content="3; indica al navegador cuántos segundos debe esperar antes de actualizar la página. En este ejemplo, son tres segundos. Para crear una redirección instantánea, sustituye el "3" por un "0".
  • URL="URL=https://www.tuurl.com/nuevapágina" indica al navegador a qué URL debe enviar a los usuarios.

Solo asegúrate de tener cuidado al elegir entre una redirección instantánea y una con retraso. Google interpreta las redirecciones instantáneas como permanentes (lo que significa que no piensas volver a utilizar la página redireccionada) y las redirecciones con retraso como temporales.

Mejores Prácticas y Ejemplos de Redireccionamientos HTML

1. Evita Redirigir a Páginas que ya Están Redirigidas

Redirigir a una página que ya tiene una redirección se conoce como cadena de redirecciones.

Imagina que llegas a una web y te redirige a una nueva página. Y luego esa página te redirige a otra página…

Suena frustrante, ¿verdad?

Infografía ¿Qué es una cadena de redirecciones?

Pero no es simplemente molesto para tus usuarios, sino que también es perjudicial para tu SEO.

Puedes evitar fácilmente las cadenas de redireccionamientos y mantener contentos a los usuarios, enviando el tráfico a páginas que no tengan ninguna redirección configurada.

2. Redirige a Páginas Relevantes

Siempre que sea posible, envía a los usuarios a una página relevante para reducir la posibilidad de que abandonen tu web. 

Los usuarios llegan a tus páginas porque buscan satisfacer una necesidad. Quizá quieran saber más sobre tu negocio, ponerse en contacto contigo o hacer una compra.

Intenta identificar esa necesidad y redirige a los usuarios a una página similar.

Por ejemplo, supongamos que vendes zapatos y tienes una página de producto para zapatillas moradas. Un día, te quedas sin zapatillas moradas y necesitas dirigir el tráfico a otra página temporalmente.

¿Qué página de producto tiene más sentido: otra página de zapatillas o una de zapatos de tacón? Probablemente la página de zapatillas.

Al enviar el tráfico a una página relevante, los usuarios podrán seguir navegando por tu web.

3. Explícales a tus Usuarios Por Qué les Estás Redirigiendo 

Cuando configures una redirección HTML, tu HTML debe cargarse antes de que se produzca la redirección.

Si creas una redirección instantánea y el internet de tus usuarios es lento, seguirán viendo una parte de la página inicial antes de ser redirigidos.

En lugar de mostrarles una página en blanco, añade un texto informativo para que sepan por qué les rediriges.

Solo asegúrate de que el texto que incluyes en la página sea breve y fácil de leer. Intenta que tenga 20 palabras o menos. De esta forma, los usuarios podrán leer rápidamente la redirección antes de que se produzca.

4. Incluye un Enlace a la Nueva Página 

Es posible que los navegadores antiguos no admitan redireccionamientos HTML, lo que significa que si alguien llega a tu página, no será redirigido a la nueva.

Tanto si tu redirección es retardada como instantánea, incluye un enlace a la nueva página para que los usuarios puedan hacer clic si la redirección no funciona.

De esta forma, no tienes que preocuparte de perder tráfico y te asegurarás de que tus visitantes terminan en el lugar correcto.

5. Asegúrate de que las Redirecciones con Retraso Estén Configuradas Correctamente

Asegúrate de que tus redirecciones no sean ni demasiado largas ni demasiado cortas. Cinco segundos suelen ser suficientes.

Si una redirección tarda demasiado, corres el riesgo de que los usuarios reboten y no vuelvan a tu web.

Y si los usuarios tienen que leer un mensaje, pero la redirección es demasiado corta, pueden sentirse igualmente frustrados.

Prueba tu redirección con retraso para asegurarte de que no es ni demasiado larga ni corta.

Mejores Alternativas a las Redirecciones HTML

Las redirecciones 301 y 302 son más rápidas que las redirecciones HTML, es menos probable que perjudiquen tu SEO y tienen menos inconvenientes en la experiencia de usuario de tu web. 

A continuación tienes como utilizarlas: 

Redirecciones 301

Las redirecciones 301 son redirecciones permanentes que indican a los buscadores que has trasladado el contenido a una nueva URL.

Utilízalas cuando:

  • Quieras dirigir a los usuarios de HTTP a HTTPS.
  • Fusionar dos páginas. 
  • Eliminar una página y sustituirla por otra.
Una imagen que ilustra una página eliminada con una redirección 301 a una página nueva

Con una redirección 301, estás indicando a los buscadores que la página antigua ya no existe. 

De este modo, pasas gran parte del valor del enlace de la página antigua a la nueva. Y los buscadores saben que deben actualizar el enlace antiguo por el nuevo en los resultados de búsqueda.

Redirecciones 302

Las redirecciones 302 son redirecciones temporales. 

Son útiles si necesitas redirigir a los usuarios durante un periodo determinado de tiempo. Por ejemplo, si necesitas actualizar una página o quieres llevar a cabo una prueba A/B. 

Por ejemplo, puedes configurar una redirección 302 en una landing page para probar qué llamada a la acción (CTA) genera más conversiones.

Una imagen que ilustra una redirección temporal 302

Sin embargo, como las redirecciones 302 son temporales, los buscadores no actualizarán el nuevo enlace en los resultados de búsqueda.

Por lo que deberás monitorizar tus redireccionamientos 302 y eliminarlos cuando ya no los necesites.

Cómo Auditar tus Redireccionamientos

Si tu web tiene redirecciones, tendrás que auditarlos y asegurarte de que funcionan según lo previsto.

Puedes monitorizarlas con una hoja de cálculo, pero puede ser un proceso tedioso. 

Además, si te olvidas de añadir una redirección a tu hoja de cálculo, podrías olvidarte de ella (y no eliminarla cuando sea necesario).

Una forma más sencilla es utilizar la herramienta Autoría del sitio de Semrush.

Para empezar, ve a "Autoría del sitio" y crea un nuevo proyecto o haz clic en el proyecto existente para el que quieras analizar las redirecciones.

A continuación, haz clic en el número que aparece junto a "Redirigidas".

Audita las redirecciones de tu web con Auditoría del sitio de Semrush

Aquí verás una lista de las redirecciones de tu web, donde podrás asegurarte de que cada página tenga el tipo de redirección correcta.

Ejemplo de una lista de redirecciones de una web

Este informe también te ayuda a detectar las cadenas de redireccionamiento.

Aquí tienes cómo.

En "Problemas" busca "cadenas de redireccionamiento".

Busca problemas con las cadenas de redireccionamiento en Semrush

Haz clic en "# cadenas o bucles de redireccionamiento".

Botón "102 cadenas y bucles de redirecciones" resaltado

Utiliza este informe para identificar (y corregir) las páginas con múltiples redireccionamientos para ofrecer a los usuarios una mejor experiencia en tu web.

Sección "URL de página con enlace de redirección" resaltada en el informe

Con la herramienta Autoría del sitio de Semrush, te asegurarás de que tus usuarios terminen siempre dónde deben, sin complicaciones.

Compartir
Author Photo
Dana holds a Bachelor of Business Administration with a major in Marketing and specializes in content writing, copywriting, and SEO strategy. She has over 10+ years of experience helping established organizations within their marketing departments and currently partners with B2B providers to develop content strategies and craft persuasive copy that delights and converts.
Más sobre esto