浅析404页面存在的意义和设计技巧

最近开始运营个站,发现404页面的设计是非常重要的,现在很多网站404页面会是寻子(全国走丢或被拐卖的孩子的页面),当然也会发现一些网站的404页面做的非常好玩,或者说给找不到页面的人一个安慰吧!正是404页面的存在,能够让用户在打开死链接之后,依然能够非常轻松的应对,而不会产生丝毫的埋怨之情,这就充分说明了这样的404页面存在的重要性。

  也就是说,设计一个404页面之后,当用户在打开一个网站上的链接时,其结果并不能够正确的指向内容页之后,就会采用404页面返回到客户端。如果一个网站没有404页面,那么用户可能得到的返回页面是一个错误的页面,存在着很多代码,这会让用户感到非常困惑,从而失去对你网站的信任。而如果设计了这种404页面,能够善意的提醒用户,甚至让用户莞尔一笑,这似乎立刻能够让你的网站高大上起来。

  而且这种重要性还不仅仅体现在用户体验方面,要知道百度蜘蛛采集网站主要的方式就是通过网站的URL链接进行的,如果一个网站中的死链接过多,而且有没有进行相应的返回处理,那么蜘蛛就会在你的网站里到处钻死胡同,在这个背景下百度蜘蛛肯定会对你的网站的兴趣逐渐减弱,甚至失去兴趣,从而影响你网站的权重。所以从优化的角度上来看,设计404页面也具有非常重要的作用。

  网站采用了虚拟主机空间,能够轻松设计404页面,因为虚拟主机空间中的控制面板上同样具有404错误页面设置栏目,找到这个栏目之后,然后再属性页面中设置这个404页面。不过有时候虚拟主机空间也存在着不能够支持404页面问题,此时就需要联系相应的空间商,所以找一个好的空间商就可以省去不少的麻烦。

  设置好404属性页之后,还需要在属性页上提供一个自动跳转功能,也就是当用户打开一个死链接之后,然后会弹出这个404页面,当这个404页面显示十来秒或者几十秒之后,就会自动跳转到之前的那个链接页面上,从而方便用户重新点击。这样就能够有效提升对用户的体验度,同时也有助于百度蜘蛛的重新遍历网站URL,提升了对搜索引擎的亲和度。

  总之,404页面的存在具有非常重要的意义。

时间: 2024-10-07 18:00:24

浅析404页面存在的意义和设计技巧的相关文章

你眼中的404页面未必返回404状态码

很多站长在做网站诊断的过程中,往往会查看网站有没有做404页面,一般判断的方法很简单,就是在搜索引擎地址栏随便输入一个该域名错误链接,然后看有没有404页面.这样对吗?404页面存在的意义就是告诉浏览者和搜索引擎所请求的页面不存在或是链接错误,你这检查只能说明用户看到的是404页面,而对于搜索引擎呢?会对这个页面返回404状态码吗? 先来来看看下面二张图,你眼中的404页面未必返回404状态码. 你眼中的404页面未必返回404状态码

个性化404页面设计

<!doctype html><html><head><meta charset="utf-8"><title>404</title><style type="text/css">    *{padding:0px; marigin:0px;font-size:14px; font-family:"微软雅黑"}    .page404{width:805px; h

网页设计中有意思的404页面赏析

浏览网页时经常会遇到404错误页面,如果是白色页面,然后给个数字404再加一段枯燥的文字说明,很多时候一定很受挫,不过有时候一些小的细节设计,往往会让我们在遇到这样的问题时反而会会心一笑,下面小编在这里收集了一些比较有意思的404错误页面,大家一起来看一看吧,设计就在身边. 1.谷歌404,鲜红的404第一个映入视线,跟我们同样的角度,手绘风格,这家伙也跟自己一样遭遇啊,算了啦,原谅它. 2.52pk游戏网,也是手绘风格,让我想起了铅笔贱,页面飞到外星去了,呆萌的铅笔貌似不知情,放过它好了. 3

30款超酷的HTTP 404页面未找到错误设计

访问网站过程中,我们最常看到的HTTP错误就是404页面未找到错误,很多网站都针对这个错误设计自己富有个性的页面,在今天这篇文章中我们就分 享30多款设计非常霸道的404错误页面,希望大家能够找到更多的404错误页面的设计灵感,如果你也曾经看到过类似的404错误页面设计,请与我们分 享! 01. Nouveller 02. Hot Dot Production 03. Bluegg 04. Lego 05. Magnt 06. GitHub 07. CSS Ninjas 08. Daniel K

话说404页面:为什么要设置404页面?

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因.404错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面. 404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任.404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误.如果站长没有设置404页面,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录.设置404有两个好处:1.引导用户不要关闭网站,增强用户体验. 2.防止网站出现死链接. 当用户输

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

10个让人身临其境的404页面

404页面对很多人来说是一种遭遇,404页面会让用户对网站的印象大打折扣,那么如何让用户不烦躁,不急着去点右上角的"X"?今天为大家带来10个优秀的404页面设计,他能让你欣然接受该页面的存在,极大的提高用户体验. Blue Daniel Mashable Diesel agens MailChimp Good Dog Design Tripomatic RSQ Michael Schmid Fastcentrik 推荐阅读: HTML5在线学习网站推荐 八年创作:大圣归来原画手稿 著

404页面的制作教程

近期发现很多让做SEO诊断的网站一些最基础的操作都没有做,比如首选域确定及301设置.robots.txt文件没有写.404页面没有制作及设置等.前面两项在网上信息最多,这次主要说下404页面的问题. 404页面的作用是什么? 404页面是为了在用户属于错误URL或网页文件被删除时提醒用户的页面,页面中可以设置网站导航.背景颜色或图片的普通网页.为的是用户没有访问到正常页面时可以有效的提醒并通过404导航把用户继续拉回网站中继续访问.防止用户访问错误地址造成的流量流失.在SEO中404页面是为了

第9节:mode的设置和404页面的处理

在学习过渡效果的时候,我们学了mode的设置,但是在路由的属性中还有一个mode.这节课我们就学习一下另一个mode模式和404页面的设置. mode的两个值 histroy:当你使用 history 模式时,URL 就像正常的 url,例如 http://jsapng.com/lms/,也好看! hash:默认'hash'值,但是hash看起来就像无意义的字符排列,不太好看也不符合我们一般的网址浏览习惯. 具体的效果我在视频中会有所掩饰,不理解的小伙伴可以到视频中进行查看. 404页面的设置: