Si actualiza el sitio web de su empresa con frecuencia, probablemente conozca sus redireccionamientos. Una redirección básicamente le dice al navegador del usuario: «Oye, el contenido que estás buscando no está en esta URL. Pero no te preocupes, te enviaremos al lugar correcto.
Si bien es mejor evitar los redireccionamientos cuando sea posible, la mayoría de los propietarios de sitios web generalmente tienen que hacerlo en algún momento, ya sea para mover una página, reestructurar un sitio, mover dominios o actualizar URL de HTTP a HTTP. La redirección adecuada garantiza que tanto los visitantes como los motores de búsqueda no se encuentren con páginas ciegas 404, lo que puede dañar su experiencia de usuario y las clasificaciones de SEO de una sola vez.
Independientemente de los motivos de la redirección, hay varias formas de hacerlo. En esta publicación, aprenderá sobre un método popular, la redirección HTML. Hablaremos ¿Qué es la redirección HTML? y cómo agregarlos a su sitio webincluso si no tienes un conocimiento profundo del tema HTML. También veremos algunos metodos alternativos para una mejor accesibilidad. Empecemos.
¿Qué es la redirección HTML?
La redirección HTML (a veces denominada meta actualización o meta redirección) es una forma de redirigir una página HTML a otra en su código fuente HTML. La redirección HTML incluye instrucciones en
Las redirecciones HTML son la forma más fácil de redirigir una URL. Solo implican una ligera modificación del código fuente de la antigua página HTML y se pueden realizar de forma fácil y rápida. La redirección HTML enviará tanto a los usuarios como a los motores de búsqueda a la página que desea que vean.
Además, la redirección HTML le permite establecer el tiempo de demora (en segundos) antes de enviar al usuario o al robot del motor de búsqueda a la nueva página. Este retraso es útil si desea mostrar un mensaje corto antes de que ocurra una redirección.
Cómo redirigir a otra página en HTML
Para redirigir una página HTML a otra, debe agregar etiqueta dentro
La sintaxis de este etiqueta es la siguiente:
<meta http-equiv="refresh" content="delay_time; URL=new_website_url" />
En la redirección HTML, firma la etiqueta contiene dos atributos, http-equivalente y contenido. Valor http-equivalente es siempre actualizar – informa al navegador que desea actualizar la página automáticamente.
próximo contenido el atributo toma dos valores:
- lapso de tiempo es un valor numérico que establece el retraso antes de que el navegador cargue una nueva página web. Por ejemplo, valor 3 hará que el navegador espere tres segundos en la página anterior antes de redirigir.
- URL_nuevo_sitio_web es la URL del sitio web al que desea redirigir.
Asegúrese de poner estos dos valores para contenido dentro de un par de comillas dobles separadas por un punto y coma. De lo contrario, la redirección no funcionará.
Si desea redirigir a los usuarios a nuevos sitios web de inmediato, simplemente establezca el tiempo de demora en 0. Sin embargo, puede haber situaciones en las que desee establecer un retraso antes de redirigir. La razón más común es informar a los usuarios que la página actual ya no existe y será redirigida pronto. Este correo electrónico generalmente incluye un enlace para redirigir a los usuarios a una nueva página si no son redirigidos dentro de un cierto período de tiempo.
Si el usuario está utilizando un navegador web más antiguo, también es posible que: la etiqueta no se leerá correctamente y no se realizará la redirección. En este caso, configurar el retraso permite al usuario hacer clic en un hipervínculo en la página anterior e ir a la página nueva.
Este video explica todos estos pasos en detalle.
Un ejemplo de redirección HTML
Ahora echemos un vistazo a un ejemplo de código de redireccionamiento HTML para comprender mejor cómo funcionan.
Aquí está el código de la página HTML que redirige a los usuarios a hubspot.com después de un retraso de tres segundos. Tenga en cuenta que la etiqueta se coloca dentro
<!DOCTYPE html>
<html>
<head>
<title>Old Page</title>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="3; URL=https://www.hubspot.com/" />
</head>
<body>
<p>This page has been moved. If you are not redirected within 3 seconds, click <a href="https://www.hubspot.com/">here</a> to go to the HubSpot homepage.</p>
</body>
</html>
Este código es un buen ejemplo de cómo escribir una redirección HTML por varias razones. En primer lugar, la latencia es lo suficientemente corta como para no causar demasiada interrupción en el servicio, al mismo tiempo que permite a la mayoría de los usuarios el tiempo suficiente para leer el mensaje en la pantalla.
En segundo lugar, el mensaje ofrece a los usuarios la opción de saltar a la nueva página inmediatamente. También brinda a los usuarios la confianza de que la actualización de HTML no funciona debido a la incompatibilidad del navegador: los visitantes pueden simplemente hacer clic en el enlace de anclaje para ir a una nueva página.
Problemas de redirección HTML y alternativas
Si bien los redireccionamientos HTML son la forma más fácil de implementar redireccionamientos, también causan problemas de accesibilidad. Algunos navegadores antiguos no muestran correctamente, lo que hace que la página anterior parpadee en la pantalla antes de que se cargue la página nueva (incluso si establece un retraso superior a 0) o la página no se actualiza en absoluto.
Si anticipa que esto será un problema para varios usuarios, puede establecer el tiempo de demora en 0 y si el navegador no carga automáticamente la nueva página, coloque un enlace de anclaje a la nueva página en
Para evitar estos problemas, considere usar un método de redirección diferente en su sitio. El método de redirección más común hoy en día es la redirección HTTP. Los redireccionamientos HTTP se configuran en el servidor de alojamiento del sitio y pueden ser 301 (permanentes) o 302 (temporales).
Consulte nuestra guía para configurar una redirección 301 para obtener más ayuda aquí: su proceso dependerá de las tecnologías específicas utilizadas para operar su sitio. Por ejemplo, si está ejecutando un sitio de WordPress, su mejor opción es usar un complemento de redireccionamiento de WordPress que se encargará del back-end y le permitirá administrar y rastrear todos los redireccionamientos en su sitio desde su tablero.
Las redirecciones de JavaScript son otra alternativa común, aunque requiere cierto conocimiento de la programación de JavaScript y posiblemente más prueba y error para obtener la correcta. Para obtener más información sobre las redirecciones de JavaScript, visite este tutorial para principiantes.
Redireccionamientos HTML: Dirige a los usuarios al lugar correcto.
En situaciones en las que necesita redirigir rápidamente a los visitantes de una página a otra, los redireccionamientos HTML son útiles y una gran herramienta para cualquier propietario de sitio web que pueda tener en su bolsillo trasero.
Sin embargo, este tipo de redirecciones probablemente no deberían ser su objetivo siempre. A menudo es mejor para todos los usuarios implementar la redirección HTTP 301 estándar (persistente). En caso de duda, comuníquese con el equipo de soporte de la plataforma para obtener comentarios sobre lo que es mejor para los usuarios y el SEO.
