当你满怀热情浏览某篇文章时,突然看到一个特别感兴趣的超链接,这时你想都不想就直接点了一下,oops,显示的是404页面,无法访问。
文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
这时候你的心情或多或少会感觉到不快吧。我猜想你肯定有过这样的经历。但如果你看到的是下面这些404页面,你的心情会不会变好一些呢?请静下心来慢慢欣赏这些404页面。文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
1. 在太空漫步行走
文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
2. 请到联合国主页查找所需信息
文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
3. 页面君去哪了文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
文章源自MAY的SEO博客-https://may90.com/tech/404-design.html
4. 怪兽404
文章源自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页面后,仍可以根据上面的导航菜单提示,继续访问网站。
2. 交互型游戏设计
哎哟,页面找不到了,不如花点时间来玩玩抓猫游戏吧。或者在“猫肚子”里搜索其他问题。
3. Gif动画设计
有一个非常著名的gif动画用来做404页面,就是经典黑色幽默犯罪电影《低俗小说》中的主角Vincent Vega迷路的gif动画。这个动画常被很多国外网站用来做404页面,这个动画是不是也是特别有趣呢。(如果看不到动态的效果,请点击图片进行查看)
404页面值得我们每个SEO优化人员好好用心去设计,404页面仅仅只是设计得好看,这就够了吗?另外也需要我们合理地去增加一些元素,这样才能帮助我们更好地提升用户留存率,降低用户跳出率。
1F
大佬,价格友链吧
B1
@ 线上抢房 我们网站上的目标用户完全不一样。贵站的精准用户是买房的人群,如果贵站能和房产类的网站交换友链,这样更有价值哦。
2F
好看的404页面比较友好
B1
@ 唯心寒辞 是的,如果还能在404页面增加一些元素,比如提示用户返回“首页”或者“上一页”等,能大大提升用户留存率。
3F
分享的这个页面我采用了 告诉你下哈哈
4F
学习了,非常受用
5F
大佬太厉害了,佩服
6F
感谢分享