404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。

404 页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。

404页面是什么  第1张

据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在 404 房间里面。那时候所有的请求都是由人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。404 错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面,人们也就习惯了用 404 作为服务器未找到文件的错误代码了。当然实际考证传说中的 room 404 是不存在的,在 http 请求 3 位的返回码中,4 开头的代表客户错误,5 开头代表服务器端错误。

作用

1.避免出现死链接

网站设置 404 页面后,如果网站出现死链接,搜索引擎蜘蛛爬行这类网址得到“404”状态回应时,即知道该 URL 已经失效,便不再索引该网页,并向数据中心反馈将该 URL 表示的网页从索引数据库中删除。避免因为死链接影响网站收录。

2.提升用户体验

404 页面通常为用户访问了网站上不存在或已删除的页面,服务器返回 404 错误页面,告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开,消除用户的挫败感。

3.避免信任度下降

搜索引擎通过 HTTP 状态码来识别网页的状态。当搜索引擎获得了一个错误链接时,网站应该返回 404 状态码,告诉搜索引擎放弃对该链接的索引。而如果返回 200 或 302 状态码,搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容。结果是,搜索引擎对该网站的信任度大幅降低。很多网站存在这个问题:404 页面返回的是 200 或 302 状态码而不是 404 状态码。

4.避免被惩罚

有些网站由于应用了一些错误的服务器配置,导致返回的是 200 状态码或是 302 状态码,虽然这些状态码对访问网站的用户没有影响,但是却会误导搜索引擎,使搜索引擎认为该页面是有效页面,从而抓取下来。如果 404 页面过多,就造成了大量的重复页面,很有可能被搜索引擎认为是作弊而遭到惩罚

错误提示

是 WWW 网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND。404 页面就是当用户输入了错误的链接时,返回的页面。

为什么需要 404 错误页面

搜索引擎蜘蛛在请求某个 URL 时得到“404”状态回应时,即知道该 URL 已经失效,便不再索引该网页,并向数据中心反馈将该 URL 表示的网页从索引数据库中删除,于是就产生了 404 错误页面。404 页面的存在不仅 对于是用户访问网站的一种反馈,而且在搜索引擎中占有重要的地位。

用户的 404 错误页面体验

用户对于 404 错误页面的反馈

当用户不小心访问了某一个不存在的页面并且没有设置错误提示 时,用户会怎么做?如果是初次到访的访客,那么回头率是多少呢?毫无疑问,会抱怨为何出现错误,之后当然是直接关闭窗口离开。所以设置了 404 页面也相当于是做了一个针对用户的提示页面,当用户访问了某一个 不存在的页面后就会转到 404 页面,然后因为你在这个 404 页面上有友好 的提示,并且有首页和主要栏目页的连接,用户就很有可能会再次点击进入你的首页。但是,Web 服务器默认的 404 错误页面,无论是 Apache 还是 IIS,均十分简陋、呆板且对用户不友好,无法给用户提供必要的信息以获取更 多线索,无疑这会造成用户的流失。 因此,很多网站均使用自定义 404 错误的方式提供用户体验避免用户流失。一般而言,自定义 404 页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网页提供的特色服务,这样可以有效的帮助用户访问站点并获取需要的信息。

“峰终定律”在 404 错误页面用户体验上的运用

无论是布局、色彩还是不断强调的互动,这些用户体验从某种角度 来说是更多的针对感官体验而言的,人的思维是有了感官的刺激之后,马上就会行动。无论如何,所有的下一步行动都与你提供的内容以及提 供内容的方式有关,笔者认为浏览的目的就是要留住用户,对于 404 错误 页面来说也是一样的。 谈到用户体验,就是让用户在浏览网页中一直保持着“兴趣点”,而心理学上的“峰终定律”正好可以解释这一点。“峰终定律”基于潜意识总结体验的特点:对一项事物的体验之 后,所能记住的就只是在峰与终时的体验,而在过程中好与不好体验的比重、好与不好体验的时间长短,对记忆差不多没有影响。404 错误页面应该作为页面浏览的一部分,看到“出错”或者“抱歉”页面之类 404 页面的时候,用户会对网站的信任度迅速降低,有种挫败感。如何有效的 留住用户成为 404 页面的使命,让用户在体验自定义 404 页面的时候最大限度的可以和浏览正常网站一样有一个良好的兴趣点。当人们在网页中找到自己的兴趣点的话,那么就达到了我们所说的“峰终定律”的“峰”,网页的浏览是一个从始至终的过程,所以用户操 作页面的体验是一直持续到关闭页面或出现自定义 404 错误页面进行 导航,于是我们希望用户在出现错误时也有一种良好的体验,404 页面的“终”也尽可能成为人们浏览网页的“峰”。

错误原因

原因类型

HTTP 404 错误意味着链接指向的网页不存在,即原始网页的 URL 失效,这种情况经常会发生,很难避免,比如说:网页 URL 生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的 URL 地址无法访问;当 Web 服务器接到类似请求时,会返回一个 404 状态码,告诉浏览器要请求的资源并不存在。

导致这个错误的原因一般来说,有三种:

1、无法在所请求的端口上访问 Web 站点。

2、Web 服务扩展锁定策略阻止本请求。

3、MIME 映射策略阻止本请求。

解决方法

把缺少的网页文件恢复到正确的位置,重新设置网络服务。对于用户来讲,需要检查你所输入的网络地址是否正确。

页面目的

404 页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

很多开源系统包括 CMS 系统、Blog 系统等不提供 404 页面或提供的 404 页面并未达到 SEO 的要求,这让网站的权威性大打折扣。

自定义 404 错误页面在增强用户体验上是很好的做法,但在应用的过程中一般并未注意到对搜索引擎的影响,譬如:服务器端的错误配置导致返回“200”状态码或自定义 404 错误页面使用 Meta Refresh 从而导致返回“302”状态码。正确设置的自定义 404 错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP 状态码究竟是“404”还是“200”来说并没有什么区别,但对于搜索引擎则是相当重要的。

404 公益最早源于“NotFound Project”,是由 Missing Children Europe 和 European Federation for Missing and Sexually Exploited Children 等公益组织联合发起的一个项目,他们希望利用闲置不用的网络空间发挥公益的力量:让更多人帮忙寻找失踪儿童。 在 Child Focus(一家专门帮助走失和受到性侵害的儿童公益机构)旗下的网站上,该机构针对这项公益计划发表了一份倡议声明:“欧盟每年都会有上千孩子走失,你可以借助 NotFound 共享自己的一份力量。你只需要安装我们的应用软件,在你的网站 404 页面就会自动加载一张走失孩子的照片。让我们一同帮助他们顺利回家吧。”

优化 404

搜索引擎通过 HTTP 状态码来识别网页的状态。当搜索引擎获得了一个错误链接时,网站应该返回 404 状态码,告诉搜索引擎放弃对该链接的索引。而如果返回 200 或 302 状态码,搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容。结果是,搜索引擎对该网站的信任度大幅降低。很多网站存在这个问题:404 页面返回的是 200 或 302 状态码而不是 404 状态码。

对 seo 的影响

自定义 404 错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到 404 页面对搜索引擎的影响,譬如:错误的服务器端配置导致返回状态码“200”或自定义 404 错误页面使用 Meta Refresh 导致返回“302”状态码。

如何设置

(仅适合 Apache 服务器)

1、在.htaccess 文件中加入代码: ErrorDocument 404 /Error.html;

2、建立一个简单的 html404 页面命名 Error.html;

3、把 Error.html 放置在网站根目录;

4、如果碰到困难,参考本站:错误网页、SEO 十万个为什么的.htaccess 文件。

使用指南

实现方式

使得访客转到某个地方而不是后退。

页面包含该站点重要部分的链接,如主页或站点地图。不要仅仅告诉他们检查拼写。使用文本的链接替代图片,因为有许多访客不会想到点击这个图片。

例子:我们的站点有一个主页的返回链接。这是实现友好反馈的最低限度。

此外,我们还会考虑,在有效的帮助信息不足的情况下,如何通过访客的反馈弥补错误。

需要包括一个指向网站管理员的 email 链接,或者一个用于提交丢失链接的表格。

相对于发送 email,访客更喜欢使用提交表格。

加入一个搜索框用于搜索站点。

例:MSN 在所有页面的底部都有一个搜索框,同时也链向站点的重要部分。

在站点中列出接近于访客期望页面的链接,用于推测访客正在寻找的页面。

你不需要采纳上述所有的建议,但是这些建议一致服务于使得访客更愿意停留在你的站点的目的。

合理的 404 错误页面至此即可以完成了,这将给访客提供许多有价值的信息。

404 错误页面

404 是一个 http 错误代码,即请求的网页不存在。代码 404 的第一个“4”代表客户端的错误,如错误的网页位置,后两的数字码则代表着特定的错误讯息。404 页面就是当用户输入了错误的链接或访问了一个不存在的地址时返回的页面,目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

当我们访问一个网站的时候,如果输入了一个错误的 URL 地址,或者这个地址的页面已经删除,那么,服务器就会返回一个页面,这个页面就是我们说的 404 页面。这种情况经常发生,是很难避免。 比如说:网页 URL 生成规则改变、网页文件更名或移动位置、导入链 接拼写错误等,导致原来的 URL 地址无法访问;当 Web 服务器接到类似请求时,会返回一个 404 状态码,告诉浏览器要请求的资源并不存在。

404 错误页面本是网站浏览的一部分,所以它的体验感也时刻与整个网站息息相关,用户看到“抱歉”或“出错”类似的 404 错误页面,挫败感迅速增加,而信任度反而迅速降低。尽最大可能挽留用户在该网站成为 404 错误页面的本职使命。

当人们在网页中找到自己的兴趣点的话,那么就达到了我们所说的“峰终定律”的

“峰”,网页的浏览是一个从始至终的过程,所以用户操作页面的体验是一直持续到关

闭页面或出现自定义 404 错误页面进行导航,于是笔者希望用户在出现错误时也有一种

良好的体验,404 页面作为一个网站可能的“终”,希望尽可能降低用户体验负值,而转

化成为用户浏览网站的正面体验值,留住用户,增强了网站对于用户的黏性。

国外404错误页面的案例分析

1、Google

Google 包涵基本的出错提示和问题描述,简洁的风格一如往常。

2、NOKIA

NOKIA 的 404 页面中随机贴出一张俏皮的图片再加上几个关键的“安慰词”,将用户的紧张感瞬间打消,并立刻在下方给出了解决办法。

此页面的价值:(1)告诉用户所处的环境:出错。(2)告诉用户出错原因。(3)打消用户紧张感。(4)告诉用户该如何解决问题,给出几条途径。(5)留住用户,增加用户黏性。尽管用户不一定能得到满意结果,但是,这个 404 错误页面的使命已经完成,而且完成得很好。

其它国外优秀的404错误页面案例

一个拥有良好设计的 404 错误页面可以帮你避免失去用户的信任,潜在地建立你的用户关系并能留住你的用户,使其在浏览你的网站的时间更长。404 错误页面用幽默的手法,让用户会心一笑,给错误配上幽默的情节,你还会为 404 页面的小错误而生气吗?页面设计保留着本站的基础元素,让它看起来是该网站的一部分,使用户在不知所措的时候能够回想起自己并没有离开这个网站。用一种轻松的涂鸦方式,来传达给用户一种放松的心情。消除用户不好的心情,以一种亲近的方式请求原谅。该 404 错误页面以精致取胜,设计的精良往往会吸引用户驻足,当用户被精致的网页所打动的时候,也不忍心关掉页面。

404 页面设计使用实际物体为元素,具有真实感,让用户有种身临其境的感觉。给用户有用的链接,避免过于单调和过于技术性,使用户不知所云(图 10)。用丰富的设计把用户拉回来,同时报告错误原因或提供联系方式,尽最大可能减少用户的挫败感,缩减那些枯燥的、毫无用处的信息。增加建议方式让用户跟着你走,利用明确导向将用户导入指定的页面。

国内404错误页面的案例分析

QQ 词典用幽默的语言和亲切的贴纸画面打消用户的挫败感,风格有点近似于国外的 404 页面设计。CSDN 页面设计是一些枯燥,毫无用处的信息,给用户造成负担。综上所述,国外对于 404 页面设计如火如荼,而国内只有少部分关注,或者根本不关注,目前国内的互联网处于成长阶段,404 错误页面更是处于学习的过程中。

良好的404错误页面用户体验应该遵循的理念

认知心理学家 DonaldA.Norman 将人类的行为分解成 76 个阶段:

1、确定目标。

2、确定意图。

3、明确行动内容。

4、执行。

5、感知外部状态。

6、解释外部状况。

而这 76 个阶段发生在人类所采取的每一个行动时。笔者将其应用于 404 错误页面浏览上,七六个步骤就是用户的用户体验的过程,中间任何一点出现问题或者过于滞后,都会影响到用户的体验。要把用户看作崇尚简单的、挑剔的、迟钝的、很忙的,能少键入就少输入,能少点击就少点击,能少思考就少思考;而任何产品则要做个好好先生:做到体贴的、温暖的、宽容的、有安全感的、易理解好沟通。有些时候为不给用户不必要的干扰,很多压力和责任都要后台默默的扛起来。网站的价值是“可以帮助用户完成某项任务,并得到某种体验”,同时网站的设计“百分之一百减一”是在设计导航,404 错误页面就是导航用户重新进入网页的导航设计。所以 404 错误页面不容忽视,它的好坏直接影响到用户对于整个页面浏览过程“峰终”体验。综述以上的案例分析,笔者归纳出良好的 404 错误页面用户体验应该遵循的理念:(1)整体页面设计时刻保持统一感,即使出错也让用户消除错愕感,了解自己依然在该网站上。(2)提供明确的问题描述,用轻松幽默的话语消除用户的挫败感,减少用户沮丧,使得访客在页面的轻松引导中转到某个地方而不是退出。(3)展示个性化的友好交互界面,提升良好的访问体验。(4)提供恰当的解决方式,辅助用户完成最终的访问目标,不让用户对于 404 错误页面有恐惧感。

制作 404 页面

这里分两种情况。

Apache

为 Apache Server 设置 404 错误页面的方法很简单,只需:

(1)在.htaccess 文件中加入如下内容:ErrorDocument 404 /notfound.php,将.htaccess 文件上传到网站根目录。

(2)制作一个 404 页面,随便您设计,命名为 notfound.php,同样上传到网站根目录。

注意:

(1).切记不要将 404 错误转向到网站主页,否则可能会出现主页在搜索引擎中消失的情况。

(2).切记不要使用绝对 URL,如果使用绝对 URL 会返回 302+200 的状态码。

公益广告

这是百度发起的一项名为“百度正能量之寻亲行动”的活动,将网页搜索的 404 页面展示为 24 个已被解救孩子的信息,帮他们寻找父母。404 页面是当用户请求的页面不存在、链接错误或具有攻击性时产生的提示页面。百度这一举措相当于推出了一个巨大的公益寻人平台。

此外,百度还设置了活动专题页,并提供阿拉丁展示位,同时向中华社会救助基金会捐赠 10 万元专项善款,作为孩子回家的路费。据了解,百度在活动专题页及 404 页面都设置了分享功能,号召更多网友参与,一起帮孩子们找父母。

对于百度此次创新,中国计算机常务理事潘柱廷给予了极高的评价:“这次百度 404 页面变身公益广告,是百度利用自身的技术和平台优势做创新型公益,有着巨大的社会价值和借鉴意义。”

百度此次行动有力的支持了邓飞等人发起的“帮孩子回家春节特别行动”。邓飞表示:“大家在百度搜索帮 24 个孩子回家、百度 404 公益等,第一个搜索结果即专题页面。百度给活动提供了诸多便利,感谢百度的支持。”

从百度公益一小时、温暖搜索框到百度公益开放平台、防盗链图公益广告,再到这一次的 404 页面变身公益广告,百度围绕产品进行的创新层出不穷。百度的每一项创新,或给网友带来巨大欢乐,或给社会创造更大价值,让人感觉到百度工程师文化的活力。