¿Cómo transferir automáticamente a los visitantes a una nueva página web?

Este artículo trata sobre cómo podemos transferir a los visitantes de nuestra página web a otra página web. Esto puede ser necesario en los casos en que necesitemos hacer un cambio temporal en nuestro sitio web o hayamos cambiado permanentemente nuestro sitio web a un nuevo sitio web. Podemos usar este método para redirigir automáticamente a nuestros usuarios o avisar a los motores de búsqueda al redirigirlos al nuevo sitio.

Enfoque: hay tantos métodos en HTML para hacer esto, pero vamos a hablar de metaetiquetas . Es la forma más sencilla y fácil de transferir automáticamente su página web a cualquier URL.

Sintaxis:

<meta
     http-equiv="refresh"
     content="0;
     url='https://www.geeksforgeeks.org/'"
/>

Parámetros: la etiqueta <meta> necesita tres atributos para redirigir al usuario a otra página, como se muestra a continuación:

  • http-equiv: se utiliza para indicar a un navegador web que actualice automáticamente la página web actual.
  • contenido: Esto se usa para especificar cuánto retraso desea redirigir a una nueva página.
  • url: Esto se usa para decir en qué página web tenemos que reenviar nuestro antiguo sitio web.

Los siguientes ejemplos demostrarán el uso de la etiqueta <meta> para redirigir las páginas.

Ejemplo 1: este código redirigirá nuestra página web al sitio web GeeksforGeeks después de 2 segundos.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <!-- Added meta tag-->
    <meta http-equiv="refresh" 
          content="2; 
          url='https://www.geeksforgeeks.org/'" />
</head>
  
<body>
    <h1>Welcome To GFG</h1>
    <h2>This Page will redirect to
        Geeksforgeeks.org in 2 seconds
    </h2>
</body>
  
</html>

Producción:

Ejemplo 2: Este código redirigirá nuestra página web a Google después de 2 segundos.

HTML

<!DOCTYPE html>
<html>
  
<head>
  
    <!-- Added meta tag-->
    <meta http-equiv="refresh" content="5; 
      url='http://google.com/'" />
  
</head>
  
<body>
    <h1>Welcome To GFG</h1>
    <h1>This Page will redirect to
    Google in 5 seconds</h1>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por iamabhijha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *