404页面仅仅只是设计得好看,这就够了吗?

当你满怀热情浏览某篇文章时,突然看到一个特别感兴趣的超链接,这时你想都不想就直接点了一下,oops,显示的是404页面,无法访问。

404错误页面文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

这时候你的心情或多或少会感觉到不快吧。我猜想你肯定有过这样的经历。但如果你看到的是下面这些404页面,你的心情会不会变好一些呢?请静下心来慢慢欣赏这些404页面。文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

1. 在太空漫步行走
404页面设计4文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

2. 请到联合国主页查找所需信息
404页面设计1文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

3. 页面君去哪了文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

404页面设计3文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

4. 怪兽404
404页面设计5文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

如果你还没有欣赏够,可以在百度或者Google上查找一些404页面的设计,但我们仅仅就单纯地画一幅插画并把它设计得好看、有趣、恶作剧等,这就够了吗?首先我们一定要明确什么是404页面?以及404页面的重要性。文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

1. 什么是404页面?文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

打开的链接是不存在的错误页面,就是404页面,也是我们常说的死链。文章源自MAY的SEO博客-https://may90.com/tech/404-design.html

如果想了解404页面更多详情,请访问《如何检测死链?如何处理死链?》。

2. 404页面的重要性

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

我们试想,如果在404错误页面上加入其它元素,比如告诉用户错误所在,缓解用户焦虑;提供解决方案,让客户返回“上一页“或”首页”,提升用户留存率。会是一种怎样的体验?那么我们在设计404页面具体可以包含哪些元素呢?

1. 直截了当提示错误信息

让用户在打开链接后第一时间知道无法找到他们想要到达的页面。

2. 幽默诙谐的语言提供解决方案

用幽默诙谐的语言引导客户返回“上一页”或“首页”,或访问其他内容相关页面。有时候幽默的语言会得到用户心情大悦。无论如何都不能让用户在404页面直接走掉,哪怕放上自己的照片装萌也要留下用户。

3. 品牌logo

即使客户在404页面也要看到你品牌logo,这也是你品牌的一次曝光,很有可能是最后一次。让客户潜移默化地记住你的品牌logo。

4. 行为号召

不妨在404页面设计一下“注册”“下载”“搜索”框等元素,让客户在错误页面有更多的选择,引导他下一步可以做哪些操作。

下面May分享一些设计得非常不错的404页面:

1. 显示页面导航菜单

用户到达404页面后,仍可以根据上面的导航菜单提示,继续访问网站。
404页面设计6

2. 交互型游戏设计

哎哟,页面找不到了,不如花点时间来玩玩抓猫游戏吧。或者在“猫肚子”里搜索其他问题。404页面设计7

3. Gif动画设计

有一个非常著名的gif动画用来做404页面,就是经典黑色幽默犯罪电影《低俗小说》中的主角Vincent Vega迷路的gif动画。这个动画常被很多国外网站用来做404页面,这个动画是不是也是特别有趣呢。(如果看不到动态的效果,请点击图片进行查看)
ACcWHU.gif

404页面值得我们每个SEO优化人员好好用心去设计,404页面仅仅只是设计得好看,这就够了吗?另外也需要我们合理地去增加一些元素,这样才能帮助我们更好地提升用户留存率,降低用户跳出率。

 

 

我的微信
扫一扫微信,添加好友
weinxin
我的微信
我的微信公众号
关注公众号,了解最新动态
weinxin
我的公众号
 
  • 本文由 MAY的SEO博客 发表于 2019年3月10日
  • 转载请务必保留本文链接:https://may90.com/tech/404-design.html
HTTP状态码完整清单 SEO技术

HTTP状态码完整清单

Internet上有两个主要角色,即客户端和服务器。当您打开笔记本电脑并单击浏览器(例如Google Chrome)时,您正在通过Web客户端访问Internet。您正在请求发送到网络服务器以访问页面...
503 Service Unavailable的原因及如何解决? SEO建站

503 Service Unavailable的原因及如何解决?

想象一下,用户正在搜索内容并恰好找到您的网站,但点击进去看到:503 Service Unavailable。往往这会让他们不知所措,甚至会直接选择离开,并转到我们竞争对手网站。MAY的SEO博客为您...
502 Bad Gateway的原因及如何解决? SEO建站

502 Bad Gateway的原因及如何解决?

当您在访问一些网站时,总不是那么顺利,会有很多不同的错误,比如502 Bad Gateway(502错误网关)。这些错误可能会让您感觉困惑。MAY的SEO博客为您分享502 Bad Gateway的原...
评论  8  访客  6  作者  2
    • 线上抢房 2

      大佬,价格友链吧

        • MAY的SEO博客

          @ 线上抢房 我们网站上的目标用户完全不一样。贵站的精准用户是买房的人群,如果贵站能和房产类的网站交换友链,这样更有价值哦。

        • 唯心寒辞 4

          好看的404页面比较友好

            • MAY的SEO博客

              @ 唯心寒辞 是的,如果还能在404页面增加一些元素,比如提示用户返回“首页”或者“上一页”等,能大大提升用户留存率。

            • 箱式房屋 0

              分享的这个页面我采用了 告诉你下哈哈

              • 贵安服贸 2

                学习了,非常受用

                • 红嘴鸭 4

                  大佬太厉害了,佩服

                  • 惠帮帮 2

                    感谢分享

                  评论已关闭!