Clicky

Cómo configurar redirecciones solo con HTML

Categoría: Internet (Tutoriales y trucos)
Visitas: 1420
Redireccionamiento HTML

Usando redireccionamientos de meta actualización HTML, puedes enviar un usuario a una nueva página

Si deseas configurar un redireccionamiento a un sitio web diferente, no necesitas configurar ninguna regla de enrutamiento en un servidor web o utilizar JavaScript; HTML tiene herramientas de redireccionamiento integradas mediante metaetiquetas. Discutiremos cómo y cuándo usarlas.

No necesitas JavaScript ni sofisticadas reglas de enrutamiento

Por supuesto, si tienes la capacidad de configurar algo mejor, debes tomarlo. Si tienes acceso completo al servidor web en el que se ejecuta tu sitio, probablemente deberías configurar una redirección 301 o 302, o si el recurso está en el mismo servidor, configura una reescritura de URL para que el usuario no se vea afectado en todas. Incluso un alojamiento compartido con Apache puede manejar redireccionamientos 301 con archivos de configuración .htaccess.

Sin embargo, el mundo real no siempre es tan bonito y, a veces, solo necesitas implementar una página HTML que redirija a todos los usuarios a otro lugar. Por lo general, esto es más útil en los casos en que no puede usar un archivo .htaccess adecuado, como con ciertos sistemas de gestión de contenido que lo sobrescriben.

Esta no es sin embargo una gran solución, no es buena para SEO, ya que es un redireccionamiento del lado del cliente, y este tipo de redireccionamiento mostrará una pantalla en blanco en el extremo del usuario mientras espera que se active el redireccionamiento. Sin embargo, si aún deseas configurar uno, HTML tiene algunas herramientas integradas.

Usando redireccionamientos de meta actualización HTML, puedes enviar un usuario a una nueva página. Crea un archivo HTML con nada más que lo siguiente, reemplazando example.com con tu URL:

<meta http-equiv="refresh" content="0; URL=https ://www.example.com/" />

El de cero antes significa que esta redirección ocurrirá instantáneamente, lo que probablemente sea ideal. Sin embargo, si en su lugar deseas mostrar el molesto "haga clic aquí si no se le redirige en cinco segundos", también puedes hacerlo, agregando un segundo enlace para los usuarios:

<head>
<meta http-equiv="refresh" content="5; URL=https ://www.example.com/" />
</head>
<body>
<p>Si no se le redirige en cinco segundos, <a href="https://www.example.com/">haga clic aquí</a>.</p>
</body>

Sin embargo, todos los navegadores admiten las redirecciones de meta actualización HTTP, por lo que casi siempre es mejor redirigir a los usuarios al instante.