404页面优化体验

November 26th, 2008 § 4

名词解释:404页面是当客户端使用HTTP浏览网页时,服务器需要针对不同的“要求”提供不同的“回应”,譬如浏览器发出HTML文件(网页)的要求,并带有数字回应码和MIME的讯息。代码404的第一个“4”代表客户端的错误,如错误的网页位址;后两的数字码则代表着特定的错误讯息。HTTP的三字符代码跟早期通讯协定FTP和NNTP的代码相当类似。

从HTTP的层面来看,404讯息码之后通常会有一个可读的讯息“Not Found”,许多网络服务器的默认页面也都有“404”代码跟“Not Found”的词汇。

404错误讯息通常是在目标页面被更动或移除之后显现的页面。(引自wikipedia

为什么需要个性化的404页面

首先看一个关于404的公开投票调查。

问题:

当你遇到一个404页面你会怎样做?

A.点击后退按钮同时忘记404页面
B.尝试回到主页并重新定位丢失的页面
C.写信给网站管理员
D.非常沮丧

404 survey results

如果你不在意访客的抱怨,你会发现许多访客在遇到404页面时不会努力寻找丢失的页面而离开站点。然而你可以简单地通过个性化定制404错误页面将这些访客留在你的站点。

如何实现一个良好的404页面

改变服务器默认错误页面就可以达到效果。下面是一些可以使得访客轻松实现正常访问的建议。

遵循的理念:

提供简明的问题描述,消除访客的挫败感。

提供合理的解决方案,辅助访客完成访问目标。

提供个性化的友好界面,提升访问体验。

实现方式(按照从简单到复杂的顺序排列):

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

页面包含该站点重要部分的链接,如主页或站点地图。不要仅仅告诉他们检查拼写。使用文本的链接替代图片,因为有许多访客不会想到点击这个图片。
例子:我们的站点有一个主页的返回链接。这是实现友好反馈的最低限度。

此外,我们还会考虑,在有效的帮助信息不足的情况下,如何通过访客的反馈弥补错误。
需要包括一个指向网站管理员的email链接,或者一个用于提交丢失链接的表格。
相对于发送email,访客更喜欢使用提交表格。

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

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

你不需要采纳上述所有的建议,但是这些建议一致服务于使得访客更愿意停留在你的站点的目的。
合理的404错误页面至此即可以完成了,这将给访客提供许多有价值的信息。

使用重定向

如果你经常检查访客统计,可能会看到某一个页面一直在显示404页面(如:因拼写错误而链接到站点不存在的页面),你可以创建一个重定向页面反馈给访客一个正确的页面。这个方法适用于访客多次访问并返回错误的页面。

重定向与404页面的可以整合使用,你可以使用类似下述内容的说明信息:

  1. 对不起,该页面未找到。几秒钟后,该页面会被重定向到主页。

给访客5秒钟时间阅读该信息,之后跳转。

不论你怎么做,小心使用重定向。最糟糕的情况是你重定向到一个不存在或不相关的页面。

使用的方式很简单,下面是一个例子。

  1. <html>
  2. <head>
  3. <meta http-equiv="refresh" content="5; url=not404.htm">
  4. </head>
  5. </html>

content后面的数字是秒数,你可以设定重定向执行前的等待时间。

个性化404页面示例

http://www.galiacho.es/404

http://www.palmflying.com/404

http://www.martinkorner.co.uk/404df

http://www.porcupine.gr/404

http://bluevertigo.com.ar/404

http://lumino.us/404

http://www.pen-and-paper.de/404.php

Popularity: 35% [?]

RELATED POSTS

Tagged:

§ 4 Responses to “404页面优化体验”

  • 沈蚊 says:

    404首先应该是“迷惑”吧……然后有些人会“选择”挫败感……

    • admin says:

      恩.对..这里应该还需要细分一下情况.

      如果访客是在正常阅读与访问某网站遭遇了404,第一反应会是“迷惑”,“挫败感”不一定会有,在心态平和的情况下,会依照404页面所提供的信息寻求完成阅读的途径。

      而访客是通过搜索引擎找到了该网站而遭遇404,在此之前如果经历了多次搜索而未找到所需内容,“挫败感”会出现甚至提升。有效的404页面,将减弱这种“挫败感”,并指引其达成搜索任务。

  • 文痞 says:

    学习学习,感谢啊!最近有好几个问题正需此404解决呢……..

  • § Leave a Reply

What's this?

You are currently reading 404页面优化体验 at Mdong·s Space (小气的神).

meta

Switch to our mobile site