这样的404页面,你用过吗?

今天打算和大家一起讨论一下404页面,这个问题是大家开发中经常会遇到的。404页面就是当用户输入了错误的链接时,返回的页面。404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

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

与此同时,404不仅仅是会影响SEO,最重要的是它会影响到用户的体验,例如:一个用户正在访问一个网站,点到一个链接出来一个404页面,如下图,谁也不愿意看到这样的页面,用户体验肯定会降低,此时,有些用户会采取浏览器返回的措施继续浏览其他正常页面,而有的用户呢,直接关闭,因为一个404,我们丢失了一个用户… …
那么如何改变这种状态,提高用户的体验度呢,自定义404错误页面是增强用户体验的很好的做法,下面为大家收集了一些国外的一些网站对404的处理结果,看看这种页面感觉是不是也会是一种欣赏呢?可以借鉴一下放到自己的网站里哦:-P

1. Gog.com

2. Css-tricks.com

3. Blizzard.com

4. Bluedaniel.com

5. Chelmsfordlibrary.org

6. Henrikhedegaard.com

7. Livadaru.net

8. Southparkstudios.com

9. Mailchimp.com

10. Propeller.com

11. Mixx.com

12. Surfingonstatic.com

13. Wulffmorgenthaler.com

14. Spongebob.nick.com

15. Tinsanity.net

16. Douh.com

17. Orangecoat.com

18. Apartmenthomeliving.com

19. Slonky.com

20. Patterntap.com

21. Acromediainc.com

22. Carsonified.com

23. Huwshimi.com

24. Jhuskisson.com

25. Sinisterbunny.com

26. Deviantart.com

27. Eternalmoon.com

28. Cssremix.com

29. Agens.no

30. Abduzeedo.com

31. Hootsuite.com

32. Chrisjennings.com

33. Robo.to

34. Shelfworthy.com

35. Thewebmotel.com

36. Youcastr.com

37. Clubpenguin.com

38. Fryewiles.com

39. Twurn.com

40. Unitinteractive.com

41. Gnolia.com

42. Leapanywhere.com

43. Project-euh.com

44. Beta.Mnet.co.za

45. Dawdle.com

46. Cubeecraft.com

47. 24-7media.de

48. Habrahabr.ru

49. Twingly.com

50. Mutacao.com.br

51. Kidmondo.com

52. Springload.co.nz

53. Getdropbox.com

54. Dazeofourlives.com

55. Redtag.com

56. Wufoo.com

57. Dundeeliving.co.uk

58. Berganblue.com.au

59. Lookitsme.co.uk

60. Kochatelier-berlin.de

61. Craigslist.org – ASCII

62. Limpfish.com

63. Homestarrunner.com

64. Beanstalkapp.com

65. Bol.com

66. D20srd.org

67. Odopod.com

68. Trubru.co.uk

69. Rareview.com

70. Jayelgibson.com