注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

艾艾贴微商代理,微信:zeji110

艾艾贴,是30:1的五年黄金艾绒,效果是传统艾灸3~5倍!

 
 
 

日志

 
 
关于我

没基础?没资金?没关系!手把手教你低成本创业。加入我们,让你月薪过万,时间、金钱双自由。

网易考拉推荐

结合案例分析如何系统设置404页面?  

2012-11-05 20:02:59|  分类: 【SEO资料】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
   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设计页面,请大家欣赏。
 
2  1
 
  7. 上面的图片是很精美,可是404页面究竟该什么书写更正确,能不能举一些实际案例呢?
 
   好的,下面就为大家提供几个名站的设计方案供大家参考:
 
  1.)百度404页书写格式
 
   代码如下:
 
<div id="content">
<div class="logo"><a href="http://www.baidu.com"><img src="http://www.baidu.com/search/img/logo.gif" alt="百度logo" title="百度logo" /></a></div>
<div class="title"><b>您的访问出错了</b><a href="http://www.baidu.com">百度首页</a></div>
<div class="cl">sdsffsd</div>
<h2 class="tip">很抱歉,您要访问的页面不存在。</h2>
<ol class="reason">
<li>1. 请检查您输入的网址是否正确。</li>
 <li>2. 如果您不能确认您输入的网址,请浏览<a 
href="http://www.baidu.com/more/index.html">百度更多</a>页面,来查看您所要访问的网址。</li>
 <li>3. 直接输入要访问的内容进行搜索:</li>
</ol>
 <div class="searchbox">
<form action="http://www.baidu.com/s" name="f">
<input type="text" name="wd" size="35" maxlength="100"><inputtype="hidden" name="cl" value="3"><input type="hidden" name="tn" 
value="baiduerr"><input type="submit" value="百度一下"> </form>
</div><div class="help">如还有疑问请访问<a href="http://www.baidu.com/search/jiqiao.html">百度帮助中心</a>获得解决方法。</div>
<div class="footer">&copy; 2012 Baidu&nbsp;<a href="http://www.baidu.com/duty/index.html">免责声明</a></div>
 
 

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

 

<table width=544 height=157 border=0 cellpadding=0 cellspacing=0 align=center>
  <tr valign=middle align=middle>
<td background=upload/2012/8/201208102301140162.gif>
 <table border=0 cellpadding=0 cellspacing=0 ><tr><td  style=padding-left:80px;padding-top:10px><strong>页面没有找到5秒钟之后将会带您进入导航页!</strong></td>
 </tr>
 </table>

 

  新浪404页面设置也很极简单,就一个LOGO,设置时间在打开404页面5秒钟后进行网页自动跳转到导航页。
 
  3). 腾讯404页面设置
 
  代码如下:
 
<table width="563" border="0" align="center" cellpadding="0" cellspacing="0"><tr>
<td height="125">&nbsp;</td>
 <td height="195" background="/1.gif" bgcolor="#FFFFFF"><table border="0" align="center" cellpadding="0" cellspacing="0"><tr>
<td width="210"><a href="#"><img src="/404-2.gif" alt="" width="210" height="80" border="0" /></a></td> 
<td style="color:#333333; font-size:14px; font-weight:bold;">页面没有找到,5秒钟之后将带您进入首页!</td>
</tr></table></td>
 </tr>
</table>

 

  腾讯404页面设置和新浪404页面设置一样,一个LOGO,设置时间在打开404页面5秒钟后进行网页自动跳转到网站首页。
 
  4. 阿里巴巴
 
  代码如下:
 
<div id="content" class="w952">很抱歉,您查找的页面不存在,可能已被删除或转移<div class="sorry fd-clr"><div class="sorry-content"><p>您可以:</p><p>1.检查访问的页面网址是否正确</p><p>2.去其他地方逛逛:<a href="http://china.alibaba.com/">阿里巴巴首页</a>|<a href="http://page.china.alibaba.com/trust.html">诚信中国</a>|<a href="http://info.china.alibaba.com/">资讯</a>|<a href="http://club.china.alibaba.com/">社区</a></p></div>
</div><a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-
offer01" class="more">更多&gt;</a>
<a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-offer01">您可能感兴趣</a>
 
 
  阿里巴巴404页面设置就在一个阿里巴巴固有的模板内加一个404页面内容,上部是b2b产品搜索框。下部是一些产品展示。比其上面几个站而言复杂了一些,404页面醒目性较小一些。但也体现出电商独有的产品展示的一面。
 
  5).  seowhy搜外
 
  代码如下:
 
<div class="foucspic"><img src="upload/2012/8/201208102301214344.png" /></div> 
<div class="about"> 
<h4 class="about_h4">很抱歉,您访问的页面不存在</h4> 
<p>本链接不存在,或链接所对应的页面内容已经被删除;</p> 
<p>请您点击左侧导航链接返回相应页面;</p> 
<p>如果是特别重要的信息,请您<a href="http://www.seowhy.com/bbs/forum-11-1.html" target="_blank" >点击这里</a>向我们汇报,谢谢您!</p>
 
 
 
 
  作为SEO大师的夫唯,深知SEO的技巧,对404页面设置也有一定的考量,页面极为简单,不作跳转处理,让用户点击链到论坛的"建议和投诉"版块之中给予报错处理。互动性更强一些,又能及时了解页面出错原因。
 
  6).  站长之家
 
  代码如下:
 
<h1>chinaz.com - 站长之家</h1> 
<h2><em>404 Error</em>: 抱歉, 您所查找的页面不存在, 可能已被删除或您输错了网址!</h2> 
<p class="link"> 
<a href="/">&#9666;返回首页</a> 
<a href="javascript:history.go(-1);">&#9666;返回上一页</a></p> 
<dt>没有发现你要找的页面, 经砖家仔细研究结果如下:</dt> 
<dd> 
<li>贵玉手输入地址时可能存在键入错误</li> 
<li>小蜗牛把页面落家里忘记带了</li> 
<li>电信网通那头接口生锈</li> 
 
 
 
 
   作为一个站长资讯站的老牌站点,站长之家在这方面设置的很人性化,一些拟人风趣的语言让原本因找不到所需的页面时烦躁的游客不由的会心一笑。
 
  7). A5站长网
 
 代码如下:
 
<H1>没有找到您要访问的页面</H1>
The requested URL was not found on this server.<ol>
<li>请检查您输入的网址是否正确。</li>
<li>确认无误有可能我们的页面正在升级或维护。</li>
<li>您可以尝试访问以下链接。<br>

 

   A5站长网在这方面处理上和阿里巴巴有些相似,上部是网站导航,下面是一个搜索框。提供的是多样选择的余地。
 
  404页面在线检测
 
 
结合案例分析如何系统设置404页面? - 徐铜彬 - SEO_网络营销_网站运营|徐铜彬博客
 
  评论这张
 
阅读(290)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017