WIXOO

Digest

创意404页面赏析与自定义404错误页

作者:呢喃可可 发布时间 09/05/01 来源 呢喃可可

在进入正文之前,我们先来欣赏一批图片,看看外国人的创意,对于404错误页独具匠心的设计,图片较多,有60张,多点耐心往下看。

 

这是我们常见的404错误提示页面,随便输入一个URL地址,如果找不到这个页面,那么将返回这个错误页。

 

第1张
第2张
第3张
第4张
第5张
第6张
第7张
第8张
第9张
第10张
第11张
第12张
第13张
第14张
第15张
第16张
第17张
第18张
第19张
第20张
第21张
第22张
第23张
第24张
第25张
第26张
第27张
第28张
第29张
第30张

能够点击查看下篇的,想必您已经读完上篇并且对于那些有创意的页面惊叹不已,在这一篇中,除了能够浏览另外的30张图片外,您还能得到如果自行设计404错误页包含的内容以及404错误页的制作上传等信息。

 

第31张
 
第32张
 
第33张
 
第34张
第35张
 
第36张
 
第37张
 
第38张
第39张
 
第40张
 
第41张
 
第42张
第43张
 
第44张
 
第45张
 
第46张
第47张
 
第48张
 
第49张
 
第50张
第51张
 
第52张
 
第53张
 
第54张
第55张
 
第56张
 
第57张
 
第58张
第59张
 
第60张

404错误是经常发生的,作为网站的经营者来说,如何能够留住这些访客显得尤为重要。当浏览者访问了你不存在或已经失效的网页时便会进入到你设定的404错误页面中,提示他“本页不存在”的相关信息是一种责任和义务。你可以幽默的话语也可以用抱歉的态度,总之,发挥自己的文采给他留下尽量好的第一印象吧。

以上我们所欣赏到的是60张国外站点中比较有创意的404错误页,每一张都精心设计,各有各的特色,虽然不能说每一张的设计都是非常合理的,但区别于传统的404错误页,给人眼前一亮的感觉。那么,如果要自己设计一张符合自己站点的404错误页,页面中应该包含哪些信息呢。

GOOGLE为我们提供了一个比较人性化的生成404错误页面的小工具,里面包含了这么一些信息:

1、404错误提示

这是最基础的一项内容,让用户知道其当前页面找不到或无法访问;

2、校正错误链接以及提供相关链接

谷歌404错误工具中会根据你输入的错误信息来推荐与其相关的正确页面。如:由于浏览者在输入时不小心少输入了一个字母(http://www.kinig.com/new/865.htm),但他本人不知情,这时就会出现404的错误页面,谷歌404就会提示你尝试:http://www.kinig.com/news/865.htm。浏览者可以很方便的进入他想浏览的正确页面。如果你有一些编程的技术,你也可以提供一些与他输入的相关文章推荐给他,如果技术不擅长,那么变通的办法是:把首页、频道栏目链接给出来,尽可能的来留住浏览者。

3、提供搜索

为了能让浏览者尽快的找到他想要阅读的文章,你可以提供一个站内搜索,谷歌在这里做得不大气,它是直接调用 Google 的搜索,而不是自定义搜索或 site:www.kinig.com 中的搜索数据。

4、简洁的页面

404错误页如果做的太复杂,与网站没多大的区别,或者说信息量大到用户需花费几十秒来搜寻其所需信息,那么这种页面并无太大的价值。简洁、传递有价值的信息,仅此而已,不需长篇大论。

以上4块内容是用GOOLE提供的工具生成的页面所包含的信息,当然,可根据需要自行取舍。一些最基本的如404错误提示、提供相关链接等,是需要传递的信息,提供搜索的功能可根据需要决定是否添加。

以上所说的是404错误页应包含的内容,下面要说的就是如何制作这张页面了,好比已经选好菜了,现在得知道怎么把它做出来,其实从技术上来说,实现起来并不困难:

1、设计一张网页(假定网页中要包含的信息已确定),并命名为404.htm或404.html;

2、将已经制作好的网页上传到网站根目录,如:http://www.kinig.com/404.htm

3、修改网站的.htaccess文档,写入:

ErrorDocument 404 http://www.kinig.com/404.htm

4、上传这个文档至根目录;

如果没有这个.htaccess,那么可以用textpad(文本处理软件)写成.htaccess.txt文件,上传,然后在服务器的文件存放处将.txt后缀名删除。

因为本网站的404错误页未重新设计过,所以先看一张某位博主的404页面设计,嗯,算是举一个例子:

 

很经常见到,一些自设计404错误页打开后,几秒后将自动跳转到某个指定页面,比如说首页,这个是通过meta标签中加一句refresh实现的:

<meta http-equiv="refresh" content="0; URL=http://www.kinig.com">

但是在黑帽SEO中,refresh经常被用来作弊指向目标页,搜索引擎认为是作弊,虽然目前还没有太多的证据表明在404中使用refresh会被判别为作弊,但还是需要慎重,由站长自己选择是否使用,另外一个,即使使用,刷新时间也不应过短。