404错误页面的一些具体操作设置

最新推荐文章于 2023-10-23 17:11:05 发布

weixin_33862041

最新推荐文章于 2023-10-23 17:11:05 发布

阅读量586

点赞数

说起404页面大家应该都不陌生吧！原因很简单的啊，就是我们网站以前某个网站页面被删除或者是一个错误的链接，如果不做404页面，对于搜索引擎是很不友好的。会出现很多死链接，死链接可以去百度站长平台可以看到，经常会看到百度抓取了你网站的死链接，就是因为你没有做404页面设置啊！所以我觉得很有必要去做404页面，来提高搜索引擎对你的信任，增加你网站的权重，提高你网站的流量，同时这也是seo中的一部分。

404页面的几个好处：

可以引导用户不要关闭网站，可以增强用户的体验，让用户对你网站产生好感，

防止出现死链接，影响搜索引擎收录。也是一个作为seoer者应该做的事情。

设计404页面也是很有要求的，我们先来看看一些著名网站是怎么设置404页面

1.来看百度的吧！

据我观察：我们可以注意到，百度已经提示你这个页面不存在！

同时，我们可以看到下面有百度搜索框，可以让用户再次防止流失，让用户可以再次使用百度，更好的去引导用户。

2.哈哈，我们来看看新浪的：

直接让你5秒钟进入首页。

3.360搜索

挺有趣的，大家都有404页面设置啦！

404页面不可怕很简单的，只要我们简单去设置下，上传一下404页面就ok了。

404页面的设置方法:

首先，在桌面创建一个404.htm文件，然后把这段代码放进你的404.htm文件里面，再上传到web下面；

代码如下：

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>金洪顺博客</title>
</head>
<body>
<form name=loading>
<p align=center> <font color=”#0066ff” size=”2″>
哇！该网页是错误的。
仔细找过啦，没有发现你要找的页面。
最可能的原因是：在地址中可能存在键入错误。
当你点击某个链接时，它可能已过期。
正在进入博客首页，请稍等</font><font color=”#0066ff” size=”2″ face=”Arial”>…</font>
<input type=text name=chart size=46 style=”font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;”>
<input type=text name=percent size=47 style=”color:#0066ff; text-align:center; border-width:medium; border-style:none;”>
<script>
var bar=0
var line=”||”
var amount=”||”
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+”%”
if (bar<99)
{setTimeout(“count()”,100);}
else
{window.location = ”http://www.blankafood.com”;}
}</script>
</p>
</form>
<p align=”center”> 如果您的浏览器不支持跳转,<a style=”text-decoration: none” href=”http://www.blankafood.com”><font color=”#FF0000″>点击以下链接继续浏览上金洪顺博客的其它内容</font></a>.</p>
<p>
<a href=”http://www.blankafood.com” target=”_blank” title=” 返回金洪顺博客首页” style=”color:#4bacc6;text-decoration:underline;”><span style=”color:#4bacc6;”>返回首金洪顺博客/span></a><br />
</p>
<p>
<a href=”http://www.blankafood.com” target=”_blank” title=” 返回上一页” style=”color:#4bacc6;text-decoration:underline;”><span style=”color:#4bacc6;”>返回上一页</span></a><br />
</p>
<p>
<br />
</p>
</body>
</html>