Cómo redirigir una página HTML a otra durante la carga

Question 1

¿Es posible configurar una página HTML básica para redirigir a otra página durante la carga?

Question 2

Intenta usar:

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

Nota: Colóquelo en el <head> sección.

Además, para navegadores más antiguos, si agrega un enlace rápido en caso de que no se actualice correctamente:

<p><a href="http://example.com/">Redirect</a></p>

Aparecerá como

redirigir

Esto aún le permitirá llegar a su destino con un clic adicional.

Question 3

Yo usaría ambos metay código JavaScript y tendría un enlace por si acaso.

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="refresh" content="0; url=http://example.com">
        <script type="text/javascript">
            window.location.href = "http://example.com"
        </script>
        <title>Page Redirection</title>
    </head>
    <body>
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
        If you are not redirected automatically, follow this <a href="http://example.com">link to example</a>.
    </body>
</html>

Para completar, creo que la mejor manera, si es posible, es usar redireccionamientos de servidor, así que envíe un 301 código de estado. Esto es fácil de hacer a través de .htaccess archivos usando apacheo a través de numerosos complementos usando WordPress. Estoy seguro de que también hay complementos para todos los principales sistemas de administración de contenido. Además, cPanel tiene una configuración muy fácil para redireccionamientos 301 si lo tiene instalado en su servidor.

Question 4

JavaScript

<script type="text/javascript">
    window.location.href = "http://example.com";
</script>

Metaetiqueta

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

Question 5

me gustaría además agregue un enlace canónico para ayudar a su SEO gente:

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>

Question 6

Este es un resumen de todas las respuestas anteriores más una solución adicional usando el encabezado de actualización HTTP a través de .htaccess

Encabezado de actualización HTTP

En primer lugar, puede usar .htaccess para configurar un encabezado de actualización como este
```
Header set Refresh "3"
```
Este es el equivalente “estático” de usar el header() función en PHP
```
header("refresh: 3;");
```
Tenga en cuenta que esta solución no es compatible con todos los navegadores.

JavaScript

con un suplente URL:

<script>
    setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 3000);
</script>

Sin una URL alternativa:

<script>
    setTimeout("location.reload(true);",timeoutPeriod);
</script>

Utilizando el window objeto:

<script>
    window.location.reload(true);
 </script>

Meta actualización

Puede usar la meta actualización cuando las dependencias en JavaScript y los encabezados de redirección no son deseados

Con una URL alternativa:
```
<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">
```
Sin una URL alternativa:
```
<meta http-equiv="Refresh" content="3">
```
Usando <noscript>:
```
<noscript>
    <meta http-equiv="refresh" content="3" />
</noscript>
```

Opcionalmente

Según lo recomendado por Billy Moon, puede proporcionar un enlace de actualización en caso de que algo salga mal:

Si no eres redirigido automáticamente: <a href="http://example.com/alternat_url.html">Click here</a>

Recursos

Meta actualización de Wikipedia
El impacto en el rendimiento de META REFRESH
¿Actualizar (recargar) una página una vez usando jQuery?

Question 7

Si desea seguir los estándares web modernos, debe evitar los metarredireccionamientos HTML simples. Si no puede crear código del lado del servidor, debe elegir Redirección de JavaScript en cambio.

Para admitir navegadores con JavaScript deshabilitado, agregue una línea de meta-redireccionamiento HTML a un noscript elemento. Él noscript meta redirección anidada combinada con la canonical La etiqueta también ayudará a su clasificación en los motores de búsqueda.

Si desea evitar los bucles de redirección, debe utilizar el location.replace() Función JavaScript.

Un lado del cliente adecuado redirección de URL el código se ve así (con un Internet Explorer 8 y arreglo inferior y sin demora):

<!-- Pleace this snippet right after opening the head tag to make it work properly -->

<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

<!-- REDIRECTING STARTS -->
<link rel="canonical" href="https://stackoverflow.com/"/>
<noscript>
    <meta http-equiv="refresh" content="0; URL=https://stackoverflow.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://stackoverflow.com/";
    if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
    {
        document.write("redirecting..."); // Don't remove this line or appendChild() will fail because it is called before document.onload to make the redirect as fast as possible. Nobody will see this text, it is only a tech fix.
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }
    else { window.location.replace(url); } // All other browsers
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->

Question 8

La siguiente metaetiqueta, colocada entre el interior del encabezado, le indicará al navegador que redirija:

<meta http-equiv="Refresh" content="seconds; url=URL">

Reemplace segundos con la cantidad de segundos que debe esperar antes de que se redirija, y reemplace la URL con la URL a la que desea que se redirija.

Alternativamente, puede redirigir con JavaScript. Coloque esto dentro de una etiqueta de secuencia de comandos en cualquier lugar de la página:

window.location = "URL"

JavaScript

Metaetiqueta

¿Ha sido útil esta solución?