Loading
0

案例讲解:各大名站是如何设置404错误页面

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

每当我们打开一网站时如果长时间没有反应时,或者URL错误时会看到下面这种情景:

这个错误页面就是404页面,今天笔者就和大家聊一聊404这个家喻户晓的SEO基本知识。

404页面就是当用户输入了错误的链接时,返回的页面。是WWW网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND

HTTP 404错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免,比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的URL地址无法访问;当Web 服务器接到类似请求时,会返回一个404 状态码,告诉浏览器要请求的资源并不存在。

1. 也许有的童鞋会问:网站设置404页面的目的是什么呢?

404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

2. 可能还有童鞋会接着问:404页面出现的错误原因是什么呢?

404错误页面导致这个错误的原因一般来说,有三种情况:

1)、无法在所请求的端口上访问Web站点。

2)、Web服务扩展锁定策略阻止本请求。

3)、MIME映射策略阻止本请求。

3. 那如何来避免404页面出现,有没有什么办法可以解决呢?

把缺少的网页文件恢复到正确的位置,重新设置网络服务。对于用户来讲,需要检查你所输入的网络地址是否正确。

自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对搜索引擎这则是相当重要的。

4. 如果网站打开后有很多的404页面,这对网站的排名有没有影响,会不会受到百度的惩罚呢?

搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。轻则被搜索引擎降权,重则会K掉网站。

5. 如上面所说,那能不能介绍一下404页面应该什么设置呢?

1)、对于存在的网页内容由于路径改变而导致访问不了时,可在IIS中定义404错误指向一个动态页面,在页面里面使用301永久重定向跳转到新的地址,此时服务器返回301状态码。

2)、设置404指向一个设计好的html 文件,此时页面返回的404状态码。 现在的idc提供商基本都提供404设置的功能,直接上传文件设置即可。

在IIs中设置方法:打开IIS管理器-->点击要设置自定义404的网站的属性-->点击自定义错误选项-->选中404页-->选中并打开编辑属性-->设置成 URL --> URL 里填写“/err404.html”-->按确定退出再把做好的err404.html 页面上传到网站根目录下。

注意:此处在“消息类型”中一定要选择“文件”或“默认值”,而不要选择“URL”,不然,将导致返回“200”状态码。

3)、404指向一个动态页面,比如error.asp,如果不在页面里面进行设置,仅仅是返回提示的HTML 代码,将导致页面返回200 状态码,这是不正确的,我们可以在显示完提示内容后,增加语句: Response.Status=“404 Not Found” ,这样就保证页面返回404状态码。

4)、Apache下设置404错误页面。为Apache Server设置404错误页面的方法很简单,只在.htaccess 文件中加入如下内容即可,ErrorDocument 404 /notfound.php。

6. 通过以上的知识大致了解了404页面的一些基本常识,可是这还是很抽象,能不能给我们看一下具体的404页面是什么样呢?

好的,为了让大家更直观一些,下面笔者特收集了一些网站富有创意的404设计页面,请大家欣赏。

7. 上面的图片是很精美,可是404页面究竟该什么书写更正确,能不能举一些实际案例呢?

好的,下面就为大家提供几个名站的设计方案供大家参考:

1)、百度404页书写格式

代码如下:

百度404页面设置很简单,没有网页跳转,提供让用户自己选择是否点击“百度更多”(打开后是百度系列产品的导航页面)或者一个搜索框百度一下。

2)、 新浪404页面书写格式

代码如下:

新浪404页面设置也很极简单,就一个LOGO,设置时间在打开404页面5秒钟后进行网页自动跳转到导航页。

3)、 腾讯404页面设置

代码如下:

腾讯404页面设置和新浪404页面设置一样,一个LOGO,设置时间在打开404页面5秒钟后进行网页自动跳转到网站首页。

4)、阿里巴巴

代码如下:

一个404页面内容,上部是b2b产品搜索框。下部是一些产品展示。比其上面几个站而言复杂了一些,404页面醒目性较小一些。但也体现出电商独有的产品展示的一面。

5)、 seowhy搜外

代码如下:

作为SEO大师的夫唯,深知SEO的技巧,对404页面设置也有一定的考量,页面极为简单,不作跳转处理,让用户点击链到论坛的”建议和投诉“版块之中给予报错处理。互动性更强一些,又能及时了解页面出错原因。

6)、站长之家

代码如下:

作为一个站长资讯站的老牌站点,站长之家在这方面设置的很人性化,一些拟人风趣的语言让原本因找不到所需的页面时烦躁的游客不由的会心一笑。

7)、 A5站长网

代码如下:

A5站长网在这方面处理上和阿里巴巴有些相似,上部是网站导航,下面是一个搜索框。提供的是多样选择的余地。

404页面在线检测

搜外SEO工具箱: http://tool.seowhy.com/http404/www.xlfseo.com

文章来源:潇然孤雁飞SEO博客, 欢迎转载!转载请注明出处,谢谢!

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-4476-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:分享SEO应聘中如何运筹帷幄虏获面试官的心
下一篇:应对百度打击:急需打造医疗行业的电子商务模式