¿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:
- Un usuario aterriza en una página con una meta redirección.
- La redirección se produce de dos formas distintas:
- 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.
- 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.
- Se produce la redirección, y el usuario se encuentra ahora en la nueva página, pudiendo continuar su navegación.
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:
- Puede que no funcionen correctamente en navegadores antiguos y provoquen una mala experiencia de usuario.
- 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.
- No transmiten tanta autoridad (de la página original) como otros tipos de redirecciones, perjudicando tu SEO.
- Las redirecciones HTML con retraso pueden dar problemas de accesibilidadpara los usuarios con lectores de pantalla o que no pueden leer texto rápidamente.
- 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?
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.
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.
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".
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.
Este informe también te ayuda a detectar las cadenas de redireccionamiento.
Aquí tienes cómo.
En "Problemas" busca "cadenas de redireccionamiento".
Haz clic en "# cadenas o bucles de redireccionamiento".
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.
Con la herramienta Autoría del sitio de Semrush, te asegurarás de que tus usuarios terminen siempre dónde deben, sin complicaciones.