404页面设计的三个细节

标签: 页面 设计 | 发表时间:2012-04-02 09:55 | 作者:
出处:http://www.iteye.com
做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接。有的优化新手可能会不注重这一问题,认为不就几个页面不能访问吗,我的站点上有成千上万个页面,不差这几个。但是这个问题却是我们站内优化中一做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接。有的优化新手可能会不注重这一问题,认为不就几个页面不能访问吗,我的站点上有成千上万个页面,不差这几个。但是这个问题却是我们站内优化中一个大的问题,死链接会让搜索引擎对你的站点产生不信任,认为你的站点不稳定,从而“疏远”与你的站点的关系。

对此笔者认为如果出现不能访问的页面,我们应该及时的找出原因并解决,如果实在没办法处理就应该使用404页面来处理。告知搜索引擎我们的这一个页面已经不存在了,你可以直接跳过这个页面爬行别的页面。

SEO专家在设计404页面的时候我们要如何设计,有的人认为我们只要弄一个“NO Found”页面就可以了或者直接跳转到首页,而这种敷衍搜索引擎蜘蛛以及我们的用户的页面注定不会使你的站点得到他们的青睐,那么我们要如何设计呢?笔者在下文中将会以我们最熟悉的站长网站Admin5为例,分享其UI设计的三个细节。首先我们先看一下Admin5的404错误页面。

细节一:404页面的布局风格应该与网站相统一

对于404页面的风格与布局我们切记要与我们的整体站点统一。假如我们的站点有一个统一的页面的头文件和底文件,那么我们的404页面也应该加上相同的头文件和底文件。如果没有使用统一的头文件底文件,我们就要在页面的头部加上我们站点显眼的LOGO和网站的名称。就如Admin5站长网,虽然没有使用相同的头文件和底文件,但是在头部有使用显眼的LOGO以及名称来告知访问者。

站帮网总的来说,我们就是需要让我们的404页面与我们的站点整体风格一致,不要让我们的访客在进入我们的站点之后就不知道这是什么站点的页面。

细节二:在页面中突出的位置显示错误信息

当我们的用户因为输错地址或者进入已经被删除的页面,我们需要在我们的404页面上第一时间准确的告知我们的用户他们进入一个错误的不存在的页面。

同时我们可以再页面的显眼位置表明用户为什么会进入这样的一个页面,可能是用户自己输错地址,让用户重新检车,或者因为我们的站点正在升级维护才回出现这种情况。如下图所示:

细节三:提供用户其他可以选择的通道

当用户了解到已经进入了一个不存在的页面后,如果你就这么让到嘴的用户关掉的我们站点,那么你就大错特错了。我们可以在我们的404页面上添加几个我们站点主要板块分类的进入通道,或者添加一个站内搜索框来引导这些误打误撞进入错误页面的访客继续深入的访问我们的站点。


站帮网提醒;错误页面是一块可以很好的提高用户对我们站点友好体验的宝地,也是一块对于我们站点优化很敏感的地带。只有处理好这些细节才能使我们的优化事半功倍。

已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [页面 设计] 推荐:

不错的单页面single page 设计

- -_- - Design lol 全球设计精华分享
详情查看原文: 35 Nice Single Page Web Designs. 2010年blog设计中最有趣的趋势. 30个blog设计的创意布局. 100个上乘的wordpress模板.

404页面设计的三个细节

- - ITeye博客
做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接. 有的优化新手可能会不注重这一问题,认为不就几个页面不能访问吗,我的站点上有成千上万个页面,不差这几个. 但是这个问题却是我们站内优化中一做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接.

用核心-路径法设计页面

- - 博客 - 伯乐在线
英文原文: Boxesandarrows,翻译: 开腾讯CDC. 文章的原名为Designing Screens Using Cores and Paths. 本文作者受到城市规划中“交通需求线”的启发,提出了 网站设计的“核心-路径法”. 区别于通常采用的从框架到主页以及导航的方式,“核心-路径法”让设计者从核心内容入手,由内而外来设计.

巧妙设计—让页面活起来

- - 百度MUX
随着互联网的发展,Web页面在我们的生活中已经是无处不在,如何利用视觉艺术为你的Web产品增彩,也成了产品设计者逐步完善的一门课程. 一个完整的Web页面是需要点线面的合理结合,每一个页面都是一个神奇的空间,同时他的深度,广度和作者赋予的元素美感决定了这个页面的可观赏性. 灵感是一个很微妙的东西,它是指不用平常的感觉器官而能使精神互相交通,亦称远隔知觉.

简历页面设计 和 简历设计模板资源

- 齐铭 - Design lol 全球设计精华分享
无论是找工作还是接项目, 简明雅致又能体现你独到之处的简历总是必不可少. 在线的简历页面也比邮件附件和纸质简历更为普遍使用. 这里除了提供一些简历页面的优秀设计, 还有许多设计模板资源. 30款惊艳的极简主义web设计. 15个极简主义web设计案例. 在facebook上找到你最爱的设计团队. 25个漂亮的blog评论区设计.

经典网页设计:20例简洁精美的着陆页面设计

- - 博客园_梦想天空
  在互联网营销中,着陆页(Landing Page)有时被称为引导页或者首要捕获用户页,可以简单划分为参考型引导页、交易型引导页和压缩型引导页. 与普通的网页不同,着陆页需要完成特殊的使命,它需要把访问者引导到他们想去的网页,着陆页并不是目标页,而只是引导访问者到目标页的一个中间页面.   着陆页面的设计和优化涉及多个学科,它需要融合各种不同的知识和观点.

《让页面设计快活起来》- 面白法人 KAYAC

- wyt - 比特客栈的文艺复兴
最近通过各种渠道了解到面白法人KAYAC这家崇尚“快乐开发”的日本网页设计公司(翻译成中文是“有趣法人”)——它可能我见过的第一家把现代化网页设计理念与日式恶搞卖萌风格运用在一起的公司了. 光说名字大家可能没有印象,若把某个被无数人引用的博客挂件拎出来,各位会就知道了:那个点击一下就会叫的猫肉爪大家都见过吧.

25个创意的关于我们页面的设计

- emilo - 创意悠悠花园
每个正式一点的网站都应该会有“关于我们”这个页面内容的,那么今天就分享:25个创意的关于我们页面的设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 25个创意的关于我们页面的设计 (114 words). © emilo for 创意悠悠花园, 2011. | 本文链接 | One comment.

55个创意的建设中页面设计和WordPress主题

- Kione - 创意悠悠花园
正在建设中这个页面可以在你的网站正式上线前给你带来一定的知名度,那今天就分享:55个创意的建设中页面设计和WordPress主题,希望其中有你喜欢的或者可以给你带来灵感的. Read the rest of 55个创意的建设中页面设计和WordPress主题 (78 words). © emilo for 创意悠悠花园, 2011.

免费下载:Facebook粉丝页面GUI设计包(PSD格式)

- 小明 - 互联网的那点事
很荣幸能有机会为DamnDigital的广大读者分享一款由Hike设计的Facebook粉丝页面(Fan Page) GUI(图形用户界面)设计包(PSD格式)(原载于Smashing Magazin). PSD格式可以加快创建预览的过程,从而避免编辑所有的DOS口令,同时可按用户的需求制订所需的文字、按钮和数据内容.