网站建设

DIY一个又有趣又好玩的404页面,降低跳出率

Jager · 8月14日 · 2014年 4503次已读

中国博客联盟(zgboke.com)已经上线有一段时间了,发现 404 页面居然还是服务器默认的白底黑字风格,用户体验非常差劲!DIY一个又有趣又好玩的404页面,降低跳出率

于是,决定 DIY 一个 404 页面。突然想起以前看到的卢松松博客的 404,嵌入一个类似于神经猫的游戏,又好玩又能提高用户体验,从而降低跳出率。改了下松哥的 404 源码,和中国博客联盟搭配的,又有趣又好玩的 404 页面就新鲜出炉啦!

DIY一个又有趣又好玩的404页面,降低跳出率

 

具体效果:http://zgboke.com/404.shtml

玩了几把之后,感觉意犹未尽,又给我自己博客的 404 也嵌入了一个神经猫游戏:

DIY一个又有趣又好玩的404页面,降低跳出率

具体效果:在本文地址后面加上任意数字访问即可看到。

说了半天,其实就是一个添加了 flash 游戏的 html 页面,非常简单,我也就不上代码了!分享此文的目的其实也只是分享一个可行的 404 处理方案。具体该怎么做,是加入一段搞笑的暴漫,还是一首好听的歌曲,那就看你本人的喜好了。

下面把中国博客里面的 404 页面打包分享下,可能真有同学不会弄!

本文到此就告一段落了,不知道有没有同学已经开始在 404 围捕神经猫了呢?哈哈!

36 条回应
  1. 梦轩丽人 2014-8-14 · 12:44

    挺不错的,刚才还特意玩了几把,可惜都抓不住。

  2. 超級efly 2014-8-14 · 13:49

    挺不錯的~~看看我的404頁面:http://www.arefly.com/404

    • avatar
      Jager 2014-8-15 · 16:49

      贪吃蛇,不错~ :mrgreen:

  3. 网商联盟 2014-8-14 · 14:49

    真心不错

  4. 厦门品讯网络科技 2014-8-14 · 17:22

    404页面不错啊

  5. 乐心湖 2014-8-14 · 17:31

    很不错,不过不喜欢啊

  6. 王英学博客 2014-8-14 · 21:35

    这根松哥的一样的哦

    • avatar
      Jager 2014-8-14 · 21:47

      没细看文章吧~文章说了的

  7. 球球 2014-8-14 · 23:06

    进去刷了2把,都被它跑出来了。。。。。

  8. EVA鞋底厂 2014-8-15 · 9:37

    不错哈

  9. 热腾网 2014-8-15 · 15:15

    玩了两局,挺好意思的。 :mrgreen:
    改天我也换上。

    • avatar
      Jager 2014-8-15 · 16:43

      哈哈,这个可以有~

  10. 鲜活 2014-8-15 · 19:51

    挺有意思的 :smile:

  11. 互传站长网 2014-8-15 · 21:10

    旧时王谢堂前燕,飞入寻常百姓家

  12. xiaofeng 2014-8-16 · 0:31

    博主的图片放大插件看起来不错,可以说下哪个插件吗?

  13. APP雄起 2014-8-16 · 0:35

    我第一次碰见这个游戏是在公司的电脑上玩的。那天没事结果发现邮箱里面有封邮件,原来是一个电脑中心的家伙没事给我们发的小游戏。

  14. php程序员 2014-8-16 · 11:16

    哈哈,倒是可以玩玩小游戏。。

  15. 圆月博客 2014-8-16 · 12:36

    我回来啦,备案已通过,博客正常打开了

  16. moreopen 2014-8-16 · 14:11

    这个404貌似我现在那主题的404也是这个诶,看来的确很流行啊

  17. 51人人看电影网 2014-8-16 · 19:12

    如果你浪费了自己的年龄,那是挺可悲的。因为你的青春只能持续一点儿时间——很短的一点儿时间。所以,一件事实是一条没有性别的真理。

  18. 王志发 2014-8-17 · 17:04

    我也用过,后来把动画弄没了。下载看看。

  19. 王志发 2014-8-17 · 17:05

    我怎么没有头像呢?这不公平呀。

    • avatar
      Jager 2014-8-17 · 17:51

      去avatar官网申请一个头像

  20. 一昕精选 2014-8-17 · 18:32

    呵呵,挺好玩的 :mrgreen:

  21. 厦门品讯科技微信营销 2014-8-18 · 16:31

    这个挺好,可以玩

  22. cad教程 2014-8-21 · 11:04

    挺好玩的,尝试下。

    • avatar
      Jager 2014-8-21 · 12:53

      有那么点难度,哈哈。。

      • PCanBit 2015-5-13 · 9:58

        很喜欢网站所有的头像放在上面就旋转啊。想知道是如何实现的!

  23. 灰常记忆 2014-8-21 · 11:41

    这个玩很多次了

  24. qq头像星空 2014-8-29 · 22:02

    微信上的神经猫就是这个出来的,第一次玩就是在卢松松博客上玩的。不过有人用微信推广。火了一把。。

  25. BB霜排行榜 2014-8-31 · 13:05

    博主,如果我想在主题模板下新建一个404.php该如何实现上述效果呢?我直接复制代码,打开的404页面出现乱码的情况 。谢谢博主解答

    • avatar
      Jager 2015-5-14 · 22:24

      编码问题吧

  26. 广州律师 2016-6-20 · 22:38

    当然,你也可以看看其他精彩内容哟!
    2016 年

    05月 ( 3 篇文章 )
    17日: MySQL错误修复记录:Table xx is marked as crashed and should be repaired
    07日: 升级CentOS6.5内核,开启Nginx的fastopen和reuseport特性
    02日: WordPress启用memcached动态缓存以及报错解决
    04月 ( 4 篇文章 )

    这个404页面下面的文章归档代码是什么呢

    • avatar
      Jager 2016-6-20 · 22:46

      整合主题归档页面代码到404。begin烂大街了,我博客也应该有一些自己的个性东西,你们没必要都扒皮吧。