关于制作404错误页面的十六条注意事项

转载   马海祥博客  2017-08-11 07:33:59  201 人阅读  34 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

摘要:

昨天看到马海祥博客《404 Not Found错误页面的解决方法和注意事项》这篇文章,里面详细全面地介绍了关于 404 错误页面的含义、对网站的影响、产生的原因、使用上的误区、解决办法及制作相关流程及注意事项,懿古今认为这篇文章非常值得我们一读,所以今天特意摘抄其中关于制作 404 页面的十六条注意事项给大家学习一番。

关于制作404错误页面的十六条注意事项 建站经验 第1张

制作404错误页面的十六条注意事项

1、不要使用绝对URL

如果使用绝对URL,会导致返回的状态码是302+200。

2、不要把404页面设置成自动跳转

404页面不要自动跳转,让用户来决定去向。这涉及到404页面的制作,提供用户体验很重要。

3、不使用专业术语

“404错误”这个词的使用一直非常规范,但这并不是你使用专业术语吓跑访客的理由。“找不到网页”这个说法相比来说更准确也更易于接受。

4、不要责备访客

你的访客很有可能是从其他网站链接或者是你网站上一个旧链接而来。看到这个错误页面并不是他们的错,所以要善待他们。撰写的措辞要充满歉意并尽量提供有益的帮助,而不是一些让访客们感到糟糕的文字。

5、提示访客检查拼写

还有一个可能:访客看到404错误页面是由于他们自己在输入URL网址时出现了拼写错误。提示访客检查他们的拼写,但不要失礼。就像我们在上面提到的,你的措辞不要让访客们感到你是在责备他们。

6、让页面返回404

每个网页都有一个服务器响应代码。代码200是指页面一切正常,404则是指页面无法被找到。如果你已经指定了自定义的404错误页面,则需要确保页面的标题是返回正确的响应代码。有几种不同的方法可以做到这一点,最简单的就是用你的htaccess文件来指定错误页面。

7、明确表明404错误

清楚地向访客声明他们正在搜寻的页面无法找到,且不要让错误页面看起来与正常的内容页(如:加入过多的文本和链接)太过相似。你是想要表明这是一个错误页面,所以就不要羞于向访客们声明这一点。

8、帮助访客找到页面

404错误页面已经呈现在访客面前,表明这个页面并不是他们正在搜寻的。所以你应该设法帮助他们找到原来的页面。确保你的错误页中包含一个选项来协助用户寻找他们想要的页面,甚至可以包括有过更改的页面的链接。

9、放置网站主页链接

不要让访客无处可去或是无法找到你的网站信息。至少应该有一个链接链回你的网站主页。这样一来,从其他网站链接而来的访客就可以了解你以及你的网站,甚至他们可能在你的网站中找到一些他们喜欢的内容。

10、让访客方便反馈信息

如果访问者点击了你网站上的一个错误链接,你会想了解这个链接故障。如果通过404页面给他们提供一个反馈信息的便捷方式,让他们可以报告这个故障以便你去解决。这只需要一个非常简短的形式来提示访客告诉你他们来自哪个页面及哪个链接。通过这个方法,你可以获取到所有你需要的信息。

访客们可能依然因为无法找到他们想要的页面而感到困惑和烦恼,因此给他们一个发泄不满的地方,同时也给你一个做出回应并提供帮助的机会。这很可能会为你挽回一个潜在客户。

11、保持品牌风格

我们都看过非常酷的404页面设计。但千万不要使这个页面的设计与你网站的其他页面相差太大,否则会看起来这个页面不像你网站的设计,会让访客产生疑惑,误以为自己已经被带到了一个外部网站。

12、注意404页面的语言版本

如果你的网站是多语种的,404错误页面将从你所有语言版本的网站中获取错误信息。无论你想要显示任何信息,都需要将其翻译成各个语言版本,使每个人都能理解。同时还需提供一个链接返回到访客所对应的语言版本的网站。

13、让访客搜索想要的

如果访客正在访问的页面已被移动,你可能想给他们一个途径来搜索页面被移动到了何处,可以考虑在页面增加一个搜索框。

14、修复你的无效链接

如果你得到的数据显示有大量的访客访问您的404页面(检查你的网站的分析数据来确定数量),这表明你的网站上有很多无效链接。你完全可以通过修复这些链接来阻止访客进入404页面。利用一些网站测试工具可以帮助检查是否有无效链接,使你能够迅速找到并修复他们而不必等待别人来告诉你。

15、不要把404页面重定向到主页

不要将404错误页面直接重定向转到网站主页,否则可能会导致主页在搜索引擎中消失。一些404错误页面会立刻重定向到网站主页,这样做非常不好。你的访客不知道他们已经链接到了错误的页面,而且他们会感到困惑因为被无缘无故地链回到了网站主页。

16、检查404页面设置效果及返回状态

404页面设置完成,一定要检查是否正确。但http头信息返回的一定要是404状态。这主要是对搜索引擎有关系,因为如果你网站产生较多页面时候但搜索引擎看到的是很多一样的正常页面,有可能会误被认为作弊。

马海祥博客点评:

尽管404页面被用户看到的概率相对全站的其他页面要小很多,但随着网站的长期积累,页面难免会出错(如马海祥博客,虽然现在页面不是很多,但最近也曾出现过错误的链接)。无论是用户的误操作还是服务器的原因,这是一个极少数才会出现的错误情况,作为网页的设计者或者开发者,有时候我们无法控制错误页面的出现,但我们可以通过使用一个定制的404错误页面将损害降到最低。好的用户体验是我们不能放过任何一个小的细节,一我们需要在这个页面很好的把信息传达给用户,二引导用户下一步的操作,引导用户留在我们的网站而不是沮丧的关闭窗口。

拓展阅读

历史上的今天:

文章标签: ,   ,   ,  
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为转载文章,来源于 马海祥博客 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

 发表评论


  1. 9.9包邮
    9.9包邮 【举人】 @回复

    下载的404页面就可以了!!!!

  2. 李明
    李明 【状元】 @回复

    制作404页好像很简单的事,原来这么多要注意。

  3. 洛城
    洛城 【小白】 @回复

    学习了!

  4. 钛客志·
    钛客志· 【秀才】 @回复

    我的404页面只是一个空白界面,我觉得做一个公益的404界面还是不错的

    • 懿古今
      懿古今【村长】2017-08-13 23:27  回复

      @钛客志·[嘻嘻] 我今天刚好又折腾了一下自己的404页面,让它变成响应式404页面,感觉还行。

  5. 林小屋
    林小屋 【书童】 @回复

    感谢分享

  6. Waylee
    Waylee 【举人】 @回复

    很不错哦。我马上改掉了我的404页面。
    贴上了首页超链接,提示用户可以手动搜索文章试试,哈哈哈

    • 懿古今
      懿古今【村长】2017-08-13 23:29  回复

      @Waylee我的404就是一个返回首页链接和联系站长QQ链接

  7. Parkmimi
    Parkmimi 【举人】 @回复

    我觉得知更鸟主题的那个404页面就挺不错的

  8. 网赚站长网
    网赚站长网 【书童】 @回复

    不错 感谢分享

  9. 阁楼藏
    阁楼藏 【秀才】 @回复

    学一点点

  10. 聚赚园
    聚赚园 【举人】 @回复

    来看看,好久没来了

  11. 趣趣金屋
    趣趣金屋 【秀才】 @回复

    来学习了!!!!

  12. 今非昔比
    今非昔比 【书童】 @回复

    知更鸟自带挺好 [嘻嘻]

  13. 励志语录
    励志语录 【进士】 @回复

    学习了 [呵呵] [呵呵] [呵呵]

  14. 小萝博客
    小萝博客 【状元】 @回复

    知更鸟的就不错

  15. 幻想
    幻想's Blog 【举人】 @回复

    值得学习

  16. BanYuner
    BanYuner 【进士】 @回复

    还是很详细的,我的站点就设置了404跳转了,不过没有关系,各有所爱吧

    • 懿古今
      懿古今【村长】2017-08-11 21:08  回复

      @BanYuner我的404页很简陋,不过有心的话可以把它做得更好

  17. 热腾网
    热腾网 【状元】 @回复

    我的是设置为转向首页。

    • 懿古今
      懿古今【村长】2017-08-11 21:09  回复

      @热腾网[思考] 据说这样不太好,可以在404页面设置返回首页的链接

    • 明月登楼
      明月登楼 【王爷】2017-08-11 23:25  回复

      @热腾网是的,很容易造成首页权重被降的!

  18. 很文博客
    很文博客 【秀才】 @回复

    404很重要,跳转首页就好!

  19. 明月登楼
    明月登楼 【王爷】 @回复

    还真是很少关注404页面的!

  20. 靠谱学生兼职网
    靠谱学生兼职网 【尚书】 @回复

    不要自动跳转的忠告很有用,以前不知道,喜欢让它自动跳到首页。

  21. 网赚乎
    网赚乎 【举人】 @回复

    感谢分享,很有用,学习了。

  22. 管家婆
    管家婆 【进士】 @回复

    404不能设置几秒后自动跳转首页,那样肯定不行 最好在404上标记好导航

    • 懿古今
      懿古今【村长】2017-08-11 21:10  回复

      @管家婆[赞] 我也是这么认为,让用户自行点击返回首页即可

  23. 九哥
    九哥 【状元】 @回复

    没咋么关注过404,还是初始状态。

  24. 心动
    心动 【进士】 @回复

    对于新手很有帮助,感谢!

  25. 福利堆
    福利堆 【尚书】 @回复

    嗯 是的 404页面很重要

  26. 橘子书
    橘子书 【丞相】 @回复

    唔,这个还真没去注意。

  27. 在线看小说
    在线看小说 【进士】 @回复

    挺不错的,值得一学

  28. 爱时尚
    爱时尚 【尚书】 @回复

    今天抢到沙发了