网站404页面怎么做

html-css07

网站404页面怎么做,第1张

首先,你可以简单的做一个html页面,把它命名为:404.html页面;如果不会制作,最简单的办法就是找任何一个比较有名的网站,把它的404页面另存为下来,然后修改上面的文字,以及URL为自己的文字信息,再保存好上传到你网站的根目录就行了。

404页面的注意点:我们做404页面不能让它直接跳转到首页,不然,首页有可能会遭到被K。

怎样让错误页面跳转到404页面:

几乎所有虚拟主机都提供了404页面跳转功能。

第一步:就是登入你注册的虚拟主机后台。

第二步:找到你要设置404页面的地方正确填写404页面所在的地址

如下图:

对于独立服务器,请在.htaccess 文件中加入代码: ErrorDocument 404 /404.html

注意点是:/404.html 前面不要带主域名,否者返回的状态码是302或200状态码。其他情况,请百度搜索下其他方式。

做完404页面之后,访问一个错误的链接会自动跳转到404页面,然后,请用工具检查那个错误链接,看是否返回404代码。

<html>

  <head>

    <title>Yout site</title>

  </head>

  <body>

    <div class="container container-sm">

      <div id="icon-header">

        <span class="fa fa-question-circle"></span>

      </div>

      <div id="text-column">

        <header class="secondary-header">

          <h1>Error 404: <strong>Page not found.</strong></h1>

          <p>This is not the page you're looking for.</p>

        </header>

        <nav class="secondary-nav">

          <ul>

            <li>

              <a href="index.html" class="btn btn-primary">

                Take me home

                <span class="fa fa-exclamation"></span>

              </a>

            </li>

          </ul>

        </nav>

      </div>

    </div>

  </body>

</html>

当你输入一个错误网址时,网站此时显示的内容一般都为“无法找到该页,您正在搜索的页面可能已经删除、更名或暂时不可用”等提示,出现这种情况一定要做404页面。

404页面在网站优化中占有重要的一环,当用户输入错误网址时,网站自动跳转404页面,而不是“无法找到该页”,这样的做法是为了告诉搜索引擎此网址不存在,返回状态码为404。设置404页面可以保证用户跳出率减低,保留网站用户。

设想当用户进入了错误的网页,当你的网站出现的是“无法找到该页”,那么用户就会立刻关闭掉你的网站,从而就流失了用户,跳出率也大大增大。反之,如果你做了404页面的话,可以保证用户不被流失,也让搜索引擎信赖喜欢你的网站。

这个其实很简单,只要你懂dreamwever软件就可以做出一个完美的404页面。这里值得注意的是,404页面不要自动设置跳转首页,会被搜索引擎认为是在作弊,你在404页面设置一个引导链接就可以。之后,把做好的404页面通过FTP上传到网站根部目录,使用虚拟主机的朋友,只要进入主机管理控制版面,上面有提示添加错误页面设置的功能,你可以选择web目录下的404页面,点击确定即可。

404页面设置完毕后,要进行检查网站返回状态码是不是404,如果不是404而是200的话,那说明设置并没有成功。我们在浏览器输入错误链接,若网站没有设置404页面,返回状态码是404,告诉搜索引擎该链接是错误的,放弃对该链接的索引。若设置了404页面后,但是浏览器出现的地址仍然是错误的链接,不是跳转之404.html的话,链接仍然无效,返回状态码还是404,而不是200。大量的返回状态码是200,让搜索引擎为该链接建立索引,导致大量不同的无效链接链接到相同的网页内容,使得该网站的信任度大幅度下降。

要检测网站设置的404页面的返回状态码是否正确,你只要在百度搜索“状态码检测”就可以了。