Ejemplo de Redirección Página Con HTML
La forma más común de redirigir una página automáticamente es mediante el uso de la etiqueta <meta>
en la sección <head>
de la página. En este artículo, aprenderemos cómo realizar una redirección de página utilizando solamente HTML.
La etiqueta <meta>
permite especificar información adicional sobre el documento, y en este caso, nos permite configurar una redirección automática en X tiempo.
Aquí hay un ejemplo de cómo realizar una redirección utilizando la etiqueta <meta>
:
Contenido del artículo
Ejemplo de redireccion de página con meta refresh en 5 segundos:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="5;url=nueva_pagina.html">
<title>Redirección de página con HTML</title>
</head>
<body>
<h1>Redirección de página con HTML</h1>
<p>Este ejemplo muestra cómo realizar una redirección de página utilizando solamente HTML. Serás redirigido a la nueva página en 5 segundos.</p>
</body>
</html>
Direccionar inmediatamente con meta refresh
Para hacer una redirección inmediante, solamente debemos cambiar el tiempo a 0. Esto hará que se redireccione el contenido al momento de cargarlo.
<meta http-equiv="Refresh" content="0;URL=redireccionar.html" />
También, podemos fácilmente cambiarlo a 30 segundos:
<meta http-equiv="Refresh" content="30;URL=redireccionar.html" />
Refrescar la página cada 60 segundos
Si queremos refrescar la página actual podemos hacerlo mediante la siguiente etiqueta:
<meta http-equiv="Refresh" content="60;URL=#" />
A tomar en cuenta
Aunque la redirección utilizando la etiqueta <meta>
es una forma sencilla de llevar a los usuarios de una página a otra, es importante tener en cuenta que no es la opción más eficiente ni óptima desde el punto de vista del SEO.
Los motores de búsqueda pueden considerar este tipo de redirección como una mala práctica si se utiliza de manera inadecuada o excesiva. Por lo tanto, es recomendable utilizar redirecciones del lado del servidor, como las redirecciones 301 y 302, siempre que sea posible.
Sin embargo, en situaciones donde no se tiene acceso al lado del servidor o se requiere una solución rápida y sencilla, la redirección con la etiqueta <meta>
puede ser una opción válida.
¿Cómo citar? & Del Moral, M. (s.f.). Ejemplo de Redirección Página Con HTML.Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/17-html/90-ejemplo_de_redireccion_pagina_con_html.html
Últimos 10 comentarios
Saludos
Asi redireccionas de forma instanea, Saludos desde Paraguay
RESPUESTA citando a Robinson Lezama
Deberias usar el archivo .HTACCESS
Ahi pones la siguiente entrada
Redirect 303 http://tunuevapágina.com
y listo no se cargara nada de la página anterior.... ;D espero te sirva si tienes dudas
consultame en iTOSoft.net
Mi url actual es www.hmc.hn este lo estoy redireccionando a otro que es www.hmc.com.hn
Lo hice con el comando meta y en tiempo le escribi 0 seg. pero cuando me tecleo en la barra de direccion del browser me inicia cargando la página www.hmc.hn
Quisiera saber como hago para que no me cargue nada de esa página
Muchas gracias