404错误页面的一些具体操作设置-白红宇

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

阅读量：6346 次

发布时间：2019-06-22

本文共 2125 字，大约阅读时间需要 7 分钟。

说起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>

<a href=”http://www.blankafood.com” target=”_blank” title=” 返回金洪顺博客首页” style=”color:#4bacc6;text-decoration:underline;”><span style=”color:#4bacc6;”>返回首金洪顺博客/span></a><br />

</p>

<a href=”http://www.blankafood.com” target=”_blank” title=” 返回上一页” style=”color:#4bacc6;text-decoration:underline;”><span style=”color:#4bacc6;”>返回上一页</span></a><br />