你真的懂「404页面」?

404页面是什么?定制404页面的意义是什么?如何定制404页面?要谈这些,就要先谈谈「404错误」。


1.404错误(HTTP 404)

百度百科:是WWW网站访问比较经常出现的错误。404页面就是当用户输入了错误的链接时,返回的页面。HTTP 404错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免。

维基百科:The HTTP 404, 404 Not Found and 404 (pronounced "four oh four") error message is a Hypertext Transfer Protocol (HTTP) standard response code, in computer network communications, to indicate that the client was able to communicate with a given server, but the server could not find what was requested.

RFC7231:The 404 (Not Found) status code indicates that the origin server did not find a current representation for the target resource or is not willing to disclose that one exists.  A 404 status code does not indicate whether this lack of representation is temporary or permanent; the 410 (Gone) status code is preferred over 404 if the origin server knows, presumably through some configurable means, that the condition is likely to be permanent.

所以,404错误就是:一个HTTP标准响应码——这种响应码表示用户可以正常访问服务器, 但服务器无法找到用户请求的内容或故意地不找到此内容。


2.为什么会出现404错误?

其实上文定义已解释了这个问题——404错误表示用户可以正常访问服务器,但服务器无法找到用户请求的内容。

但更深层的原因是什么?

经过一些调查并请教强哥后,发现是这样的: 下图为一个上网模型,即一个人上网,需要服务器处理,并调用数据库中的数据,然后通过网络传给这个人使用的设备。而在出现404错误时,用户上网请求的所有内容在服务器、数据库中均未找到——一般是一个页面的所有内容均未找到(包括该页面的前后端代码与所有数据,如果只有部分服务器中的数据缺失,那网站前端页面不显示这些数据即可,还是有页面展示),故服务器返回404响应码。

注意:这里是在服务器和数据库中没有找到对应内容,而不是服务器异常。如果是服务器异常,那就不是返回404,而是其他的响应码。比如服务器不存在,那就是DNS error,而不是404 error,具体如下方维基百科的内容。

维基百科:404 errors should not be confused with DNS errors, which appear when the given URL refers to a server name that does not exist. A 404 error indicates that the server itself was found, but that the server was not able to retrieve the requested page.

更表面上,404错误一般表现为用户请求的内容被删除/移动。比如一个博客网站,删除了某篇文章对应的页面,此时用户仍使用原URL进入,往往就会进入404页面;如果博客网站把某篇文章页面移动到其他地方(往往对应着URL路径变化),而用户此时仍使用原URL进入,也会进入404页面。

当然,如果用户故意输入错误的URL,也会被网站识别为上述原因。尽管此时网站并未删除/移动那些内容,但在结果上是一样的——这些内容都不存在。

还有一种原因:网站可能会有意地将某些页面伪装成404页面,已达到某些不那么可告人的目的……


3.定制404页面的意义

在定制404页面之前,要先明白其意义所在。

404页面也是产品的一部分,因此可以参考《用户体验要素》的战略层——产品目标、用户需求。404页面的意义,就在这两方面。

3.1产品目标

a)SEO

很多死链(无法访问的链接)的原因是404错误,而不处理死链,往往会招来搜索引擎处罚。SEO与用户体验是相通的,如果网站没有定制404页面,往往被认为在用户体验上不够用心,搜索引擎也会这么认为。

另外,如果服务器设置错误,就会导致本应返回404的页面返回了200或者302, 这会导致多个不同的URL对应的内容相同,这也会招来搜索引擎的处罚。

b)对产品宣传、转化率等

404错误是一种常见错误,利用这种错误,定制404页面,并在404页面中添加一些对产品宣传、提升产品转化率的内容是完全可行的,比如下图。

3)其他

有些公司会利用SEO幽默一把,比如在私募行业中注明的金斧子:

有的公司会体现其自带的某种风格,比如知乎这样的:

有的公司则会在公益方面有所表现,比如腾讯,对于这样的公司,给点个赞!

3.2用户需求

这里的用户需求比较简单,主要分为两点:

a)知道错误原因

这是正常人都会有的反应——进入了一个相对不常见的404页面,why?

对于这样的用户需求,很容易就能满足,比如像下图这样:

b)知道如何处理错误

这就涉及到交互设计原则中的<人性化帮助>原则。

满足这个需求也很简单,一般来说,给用户返回上一页、返回首页的链接即可,有的网站会自动帮助用户返回首页,有的网站会提供更多内容,这可以视具体情况而定。比如像天猫这样:


4.如何定制404页面

上方第三点其实就包括了需求分析、需求决策,接下来要做的,就是根据实际情况,进行需求扩展、需求筛选、需求设计……

总结起来,大致如下图。

由于404页面的需求比较简单,而且并距离网站的核心业务较远,所以往往不需要考虑太多。当然,如果有兴趣,也可以认真对待。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,444评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,421评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,363评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,460评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,502评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,511评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,280评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,736评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,848评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,531评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2 352

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,644评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,963评论 25 707
  • 工作流程 一次HTTP操作称为一个事务,其工作过程可分为四步: 1)首先客户机与服务器需要建立连接。只要单击某个超...
    保川阅读 4,593评论 2 14
  • 空椅子 文/紫青藤 当你离开 我们不再讨论伤口 我铸剑,刮骨 我酿酒,倾喉 我的热情 怂恿我赎回孤独 空的那部分 ...
    紫青藤阅读 237评论 0 0
  • 今天,我学习了《曹操传》 早晨,我们学习了《曹操传》第二至四页,这三页主要讲了光和末年,黄军起义,拜骑都尉来讨伐颍...
    petermeng阅读 375评论 0 2