Frage Umleitung von einer HTML-Seite


Ist es möglich, eine einfache HTML-Seite einzurichten, die beim Laden auf eine andere Seite umgeleitet wird?


1355
2018-03-23 20:58


Ursprung


Antworten:


Versuchen Sie es mit:

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

Hinweis: Legen Sie es in den Kopfbereich.

Zusätzlich für ältere Browser, wenn Sie einen schnellen Link hinzufügen, falls er nicht korrekt aktualisiert wird:

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

Wird als angezeigt

Umleiten

Auf diese Weise können Sie mit einem zusätzlichen Klick noch dorthin gelangen, wo Sie hingehen.


1931
2018-03-23 21:00



Ich würde beides gebrauchen Meta, und JavaScript-Code und würde nur für den Fall eine Verbindung haben.

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

Der Vollständigkeit halber denke ich, dass der beste Weg, wenn möglich, Serverweiterleitungen zu verwenden, senden Sie also ein 301 Statuscode. Dies ist einfach über zu tun .htaccess Dateien mit Apacheoder über zahlreiche Plugins mit WordPress. Ich bin mir sicher, dass es auch Plugins für alle wichtigen Content-Management-Systeme gibt. Außerdem hat cPanel eine sehr einfache Konfiguration für 301 Weiterleitungen, wenn Sie diese auf Ihrem Server installiert haben.


1007
2018-03-23 21:04



JavaScript

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

Meta-Tag

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

110
2018-03-23 21:01



Ich würde ebenfalls Fügen Sie einen kanonischen Link hinzu, der Ihnen hilft SEO Menschen:

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

40
2018-02-06 00:34



Das folgende Meta-Tag, das zwischen dem Kopf platziert wird, weist den Browser an, umzuleiten:

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

Ersetzen Sie die Sekunden durch die Anzahl der Sekunden, die gewartet werden soll, bevor die Weiterleitung erfolgt, und ersetzen Sie die URL durch die URL, zu der sie weitergeleitet werden soll.

Alternativ können Sie mit JavaScript umleiten. Platzieren Sie dieses in einem Skript-Tag irgendwo auf der Seite:

window.location = "URL"

27
2018-03-23 21:01



Dies ist eine Zusammenfassung aller vorherigen Antworten plus einer zusätzlichen Lösung, die HTTP Refresh Header über .htaccess verwendet

1. HTTP-Aktualisierungs-Header

Zuallererst können Sie .htaccess verwenden, um einen Refresh-Header wie diesen zu setzen

Header set Refresh "3"

Dies ist das "statische" Äquivalent zur Verwendung des header() Funktion in PHP

header("refresh: 3;");

Beachten Sie, dass diese Lösung nicht von jedem Browser unterstützt wird.

2. JavaScript

Mit einer Alternative URL:

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

Ohne eine alternative URL:

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

Über jQuery:

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

3. Meta-Aktualisierung

Sie können die Metaaktualisierung verwenden, wenn Abhängigkeiten von JavaScript- und Redirect-Headern unerwünscht sind

Mit einer alternativen URL:

<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">

Ohne eine alternative URL:

<meta http-equiv="Refresh" content="3">

Verwenden <noscript>:

<noscript>
    <meta http-equiv="refresh" content="3" />
</noscript>

Optional

Wie von Billy Moon empfohlen, können Sie einen Aktualisierungslink bereitstellen, falls etwas schief geht:

Wenn Sie nicht automatisch umgeleitet werden: <a href='http://example.com/alternat_url.html'>Click here</a>

Ressourcen


27
2017-11-06 10:19



Es wäre besser, ein 301 Umleitung. Siehe den Webmaster-Tools-Artikel von Google 301 Weiterleitungen.


26
2018-02-21 15:18



Wenn Sie sich darauf freuen, modernen Web-Standards zu folgen, sollten Sie einfache HTML-Meta-Weiterleitungen vermeiden. Wenn Sie keinen serverseitigen Code erstellen können, sollten Sie wählen JavaScript-Weiterleitung stattdessen.

Um JavaScript-deaktivierte Browser zu unterstützen, fügen Sie eine HTML-Meta-Umleitung zu einem noscript Element. Das noscript verschachtelte Meta Redirect kombiniert mit der canonical Tag wird auch Ihre Suchmaschinen-Rankings helfen.

Wenn Sie Weiterleitungsschleifen vermeiden möchten, sollten Sie die location.replace() JavaScript-Funktion.

Eine richtige Client-Seite URL-Weiterleitung Code sieht so aus (mit einem Internet Explorer 8 und niedrigerem Fix und ohne Verzögerung):

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



Du könntest einen benutzen META "umleiten":

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

oder JavaScript Redirect (beachten Sie, dass nicht alle Benutzer JavaScript aktiviert haben, also bereiten Sie immer eine Backup-Lösung vor)

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

Aber ich würde es eher empfehlen mod_rewritewenn du die Option hast.


17
2018-03-23 21:01



Sobald die Seite geladen ist, wird die init Funktion wird ausgelöst und die Seite wird umgeleitet:

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