论如何做好网站的404(或其他错误)页面

404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任

那么什么是404?

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。

通俗的来说,404错误就是在网站目录下找不到对应的文件或文件夹

比如https://blog.nocsi.xyz/awa

这个链接代表的就是 blog.nocsi.xyz 对应服务器下的awa文件夹

然而服务器下没有awa这个文件夹,所以就会返回404错误

如果不返回404错误会怎么样?

如果我就不返回404错误,返回200或302状态码,那会怎么样?

搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容

搜索引擎蜘蛛在请求某个URL时得到404状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,于是就产生了404错误页面。404页面的存在不仅 对于是用户访问网站的一种反馈,而且在搜索引擎中占有重要的地位

那404页面该怎么做?

如果你的网站404页面是这样的话:

你觉得普通用户看得懂吗?

美化后的404页面:

做一个好的404页面,你可以这样:

像网易、新浪、腾讯一样5秒返回首页

你可以学他们,在404页面放一个简短的说明,然后301到网站首页

但是不要进入404错误页面后,立刻301返回首页,不然你的网站首页就不会被搜索引擎收录

像Yahoo一样,能放的全放进去

在404页面尽可能的给出对用户有用的链接,用丰富的内容把用户拉回来,避免过于简单的网页而让用户离开。

公益404页面

这个不多解释,确实挺有意义的

像我一样,把锅甩到自己头上,再加上幽默的语言

这种是最常见的,一定不要把锅甩到用户身上,我们应该自己认错(哪怕这个错压根就不是你的问题)可以用一些幽默的语言缓解紧张情绪

最后加上返回上一页返回主页,简单的404页面就做好了

放个小游戏玩玩

在404页面放个小游戏,但是切记,这个小游戏要手机和电脑都通用,不然手机访问的人一脸懵逼

切记不要这样

把锅甩到用户头上,用祖安语言去对待用户

404页面贼多内容,用户不知道该看什么(内容要尽量简短,让用户能够一目十行那种)

直接301到首页

这个404页面不同平台的用户无法正常体验(所以非常不建议搞小游戏,小游戏一般都依赖Flash,今年年底停止支持(或者用户没装Flash)就不能体验了)

End~~~

为什么拖更这么久!?

别问,问就是懒

开学之后是真的没空管,只能尽量抽出时间去发文

博客访问量堪忧,没人访问我自然没有更新的动力!!!

评论

  1. Mocha
    Windows Edge
    2月前
    2020-9-27 18:32:43

    hxd,加油更新,会经常来看你的!!!!!!!!!!!!!!!!!!!!!!!

    • Abyss 博主
      Android Chrome
      2月前
      2020-9-27 19:03:38

      感谢支持( ´▽` )

  2. 逻昼
    Windows Chrome
    2月前
    2020-10-16 16:28:16

    所以怎么设置呢

    • Abyss 博主
      Windows Edge
      2月前
      2020-10-18 10:52:25

      在网站根目录下面上传404页面的源码
      然后在网站设置里面,选择配置文件按下图修改


      查看图片
      photo


      把404哪一行的#去掉,路径修改一下点保存就好了
      502页面同理,注意代码所在的行,不要修改错了
      之后我会放到文章里面,没讲这个,我的错

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇