Pregunta Redirigir desde una página HTML


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


1355
2018-03-23 20:58


origen


Respuestas:


Intenta usar:

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

Nota: Colóquelo en la sección de la cabeza.

Además, para navegadores 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.


1931
2018-03-23 21:00



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 apache, o 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 sencilla para los redireccionamientos 301 si tiene eso instalado en su servidor.


1007
2018-03-23 21:04



JavaScript

<script language="javascript">
    window.location.href = "http://example.com"
</script>

Metaetiqueta

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

110
2018-03-23 21:01



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"/>

40
2018-02-06 00:34



La siguiente metaetiqueta, ubicada entre el encabezado, le indicará al navegador que redirija:

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

Reemplace los segundos con la cantidad de segundos que debe esperar antes de redirigir y reemplace la URL con la URL a la que desea redirigir.

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

window.location = "URL"

27
2018-03-23 21:01



Este es un resumen de todas las respuestas anteriores más una solución adicional que utiliza HTTP Refresh Header a través de .htaccess

1. Encabezado de actualización de HTTP

En primer lugar, puede usar .htaccess para establecer un encabezado de actualización como este

Header set Refresh "3"

Este es el equivalente "estático" de usar el header() funcionar en PHP

header("refresh: 3;");

Tenga en cuenta que esta solución no es compatible con todos los navegadores.

2. 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>

A través de jQuery:

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

3. Meta Refresh

Puede usar la actualización de meta 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">

Utilizando <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 se te redirige automáticamente: <a href='http://example.com/alternat_url.html'>Click here</a>

Recursos


27
2017-11-06 10:19



Sería mejor configurar un 301 redirigir. Vea el artículo de Herramientas para webmasters de Google 301 redirecciones.


26
2018-02-21 15:18



Si desea seguir los estándares web modernos, debe evitar los redireccionamientos de metadatos HTML sencillos. Si no puede crear el código del lado del servidor, debe elegir Redirigir JavaScript en lugar.

Para admitir navegadores con JavaScript desactivado, agregue una línea de meta dirección HTML a un noscript elemento. los noscript metaredirección anidada combinada con 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 usar location.replace() Función de JavaScript.

Un lado del cliente adecuado Redirigir URL el código se ve así (con un Internet Explorer 8 y una solución más baja y sin demoras):

<!-- 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 -->

21
2017-09-13 09:37



Puedes usar un META "redirigir":

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

o JavaScript redirigir (tenga en cuenta que no todos los usuarios tienen JavaScript habilitado, así que siempre prepare una solución de respaldo para ellos)

<script language="javascript">
  window.location = "http://new.example.com/address";
</script>

Pero prefiero recomendar el uso mod_rewrite, si tienes la opción


17
2018-03-23 21:01



Tan pronto como la página se carga, el init la función se dispara y la página se redirige:

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
        <script>
            function init()
            {
               window.location.href = "www.wherever.com";
            }
        </script>
    </head>

    <body onload="init()">
    </body>
</html>

14
2018-04-14 16:52



Coloque el siguiente código entre las etiquetas <HEAD> y </ HEAD> de su código HTML:

<meta HTTP-EQUIV="REFRESH" content="0; url=http://example.com/index.html">

El código de redirección de HTML anterior redirigirá a los visitantes a otra página web al instante. los content="0; puede cambiarse a la cantidad de segundos que desea que espere el navegador antes de redireccionar.


10
2018-02-02 19:07