html - 如何在错误 404 页面上短暂延迟后自动重定向？

Question

我在这里设置了一个自定义 404 页面

我已经编辑了 .htaccess 文件以使 404 页面正常工作。

我想要的是当访问者单击不存在的链接时，在 404 页面上短暂延迟后自动将访问者重定向到主页。

Answer 1

在 404 页面中使用元刷新标签

<meta http-equiv="refresh" content="3;URL='http://www.example.com/404.html'" />

它将根据内容值（以秒为单位）和您要重定向的 URL 进行重定向

Answer 2

您应该使用客户端重定向方法来应用适当的延迟。如果您想支持禁用JavaScript的浏览器，只需将 a 粘贴META refresh到noscript元素中即可。最好将其放置在元素中，因为搜索引擎会对通常的链接noscript进行惩罚。META refresh

如果重定向是永久性的，我建议您也使用canonical标签来保留丢失页面的链接汁。

这个JavaScript 重定向生成器是一个很好的方法。从那里粘贴的代码。它还有一个 IE 8 和更低版本的修复来传递 HTTP 引用，这对于流量分析很有用。

<!-- 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://example.com/"/>
<noscript>
    <meta http-equiv="refresh" content="5;URL=https://example.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://example.com/";
    var delay = "5000";
    window.onload = function ()
    {
        setTimeout(GoToURL, delay);
    }
    function GoToURL()
    {
        if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
        {
            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 -->

Answer 3

只需在您的 404 错误页面中添加一点 PHP。

我假设你的htaccess文件中有这个，ErrorDocument 404 /error/404/

因此，/error/404您可以在任何地方执行以下操作。

<?php
    header("refresh:5; url=/wherever.html"); 
?>

一定要改变5你的秒数和wherever.html你的拍子。