利与SEO的漂亮404代码

很多站点链接输入错误时便会自动进入404页面,而不同的程序模板404页面都不同,当然各有特色,这个页面也可以自己修改成自己想要的样子,一般要修改文件名为404.php/htm等。

这款代码非常漂亮而且会添加推荐百度搜索等功能,有利于本站的SEO优化。

演示截图

下面是代码,适当修改自己站点信息即可。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk2312" />

<title></title>

</head>

<body style="   padding:0; margin:0; font:14px/1.5 Microsoft Yahei, 宋

体,sans-serif; color:#555;">

<div style="margin:0 auto;width:980px;">

      <div style="background: url('head.png') no-repeat;height:300px;">

      <div style="width:300px;height:300px;cursor:pointer;background:#f00;filter: alpha(opacity=0); opacity: 0;float:left;" onclick="location.href='http://www.yuezeyi.cn'">

      </div>

      <div style="float:right;width:430px;height:100px;padding-top:90px;padding-right:90px;font-size:22px;">

      <p id="error_code_p"><a  id="eCode">404</a>错误<span style="font-size:16px;padding-left:15px;">(可在服务器上查看具体错误信息)</span></p>

      <p id="eMsg"></p>

      <a href="http://wpa.qq.com/msgrd?v=3&uin=2980008080&site=qq&menu=yes" target="_blank" style="color:#139ff8; font-size:16px; text-decoration:none">联系站长</a>

     <a href="/" onclick="redirectToHost();" style="color:#139ff8; font-size:16px; text-decoration:none;padding-left: 20px;">返回到首页>></a>

      </div>

      </div>

</div>

<div style="width:1000px; margin:0 auto; "> 

    <div style=" width:980px; margin:0 auto;">

  <div style="width:980px; height:600px; margin:0 auto;">

   <iframe allowtransparency=" true" src="https://www.baidu.com/baidu?&ie=utf-8&word=site%3Awww.yuezeyi.cn"   frameborder="yes" border="0" scrolling=yes" style="width:980px;  height:420px;" ></iframe>

 </div>

  </div>

</div>

</body>

</html>

<script>

function redirectToHost(){

            var host = location.host;

                 location.href = "http://" + host;

         }

var errorMsgData = {

"400":"请求出现语法错误",

"401":"没有访问权限",

"403":"服务器拒绝执行该请求",

"404":"指定的页面不存在",

"405":"请求方法对指定的资源不适用",

"406":"客户端无法接受相应数据",

"408":"等待请求时服务器超时",

"409":"请求与当前资源的状态冲突,导致请求无法完成",

"410":"请求的资源已不存在,并且没有转接地址",

"500":"服务器尝试执行请求时遇到了意外情况",

"501":"服务器不具备执行该请求所需的功能",

"502":"网关或代理服务器从上游服务器收到的响应无效",

"503":"服务器暂时无法处理该请求",

"504":"在等待上游服务器响应时,网关或代理服务器超时",

"505":"服务器不支持请求中所用的 HTTP 版本",

"1":"无法解析服务器的 DNS 地址",

"2":"连接失败",

"-7":"操作超时",

"-100":"服务器意外关闭了连接",

"-101":"连接已重置",

"-102":"服务器拒绝了连接",

"-104":"无法连接到服务器",

"-105":"无法解析服务器的 DNS 地址",

"-109":"无法访问该服务器",

"-138":"无法访问网络",

"-130":"代理服务器连接失败",

"-106":"互联网连接已中断",

"-401":"从缓存中读取数据时出现错误",

"-400":"缓存中未找到请求的条目",

"-331":"网络 IO 已暂停",

"-6":"无法找到该文件或目录",

"-310":"重定向过多",

"-324":"服务器已断开连接,且未发送任何数据",

"-346":"收到了来自服务器的重复标头",

"-349":"收到了来自服务器的重复标头",

"-350":"收到了来自服务器的重复标头",

"-118":"连接超时"

};

var eCode = document.getElementById("eCode").innerHTML;

var eMsg = errorMsgData[eCode];

document.title = eMsg;

document.getElementById("eMsg").innerHTML = eMsg;

</script>

 

本文结束


本文标签:

版权声明:利与SEO的漂亮404代码》该篇文章出自【岳泽以博客】,如果您有任何复制、转载行为请注明原文地址!

作者:岳泽以博客

普通的的一位Web爱好者。

返回列表
上一篇:
下一篇:

发表评论

快捷回复:

评论列表 (已有6条评论)
1路人2021-02-26 19:57回复
很好
小帮子侯爵2020-04-10 14:22回复
读书又不行,写代码也不行,不知道以后做什么好,房子没有房子,车子没有车子,以后美老也就是几百元钱了就可以了。
小苹果侯爵2020-04-08 16:13回复
读书又不行,写代码也不行,不知道以后做什么好,房子没有房子,车子没有车子,以后养老也就是几百元钱了就可以了。
超过级学员侯爵2020-04-06 16:23回复
肺活量在地在要在地枯地枯霜夺取
太阳黑子侯爵2020-03-28 16:14回复
你以前工作的工资应该比现在的工资要高吧!
太阳黑子侯爵2020-03-28 16:10回复
没有啊,群毛线,我都是加的技师微信,撩她的