如何为您的电子商务商店设计完美的 404 页面

移动的页面

虽然这看起来很简单，但大多数 404 页面出现在网站所有者通常重命名网页或移动时。 旧 URL 应该使用 301 重定向重定向到新站点，但没有必要发生。

网络目录

Web 目录中的更改会迫使用户更改 URL，或者在未更新的情况下移动/删除 URL。

未在目录中更新的内部链接可能会导致 404 错误页面。 但在所有这些问题之后，网站仅占访问者遇到的 404 问题的17% 。 因此，无论您对网站爬行以纠正错误或设置重定向多么勤奋。 用户仍然会重定向到 404 页面，而不是你的错：

一般来说，出现 404 错误页面的主要原因是：

• 只有23%的访问者在遇到 404 页面后会再次尝试查找丢失的页面。
• 79%对网站性能不满意的访问者表示他们不会再次从同一网站购买。
• 平均而言，获得新客户的成本是保留现有客户的五倍。

一种。 增加您网站在搜索引擎中的索引页数：

随着网站页面数量的增加，死链接也会增加。 您可以增加通过 404 页面索引的网站页面。 您只需要将 404 错误页面链接到您网站的随机内部页面。

湾建立一致的品牌形象

我们人类更喜欢一致性。 熟悉一家商店后，我们会下意识地开始信任它。 主要关注的是表面。 通用的 404 页面会给用户带来糟糕的体验。 您无法消除 HTTP 状态代码，但您可以通过自定义错误页面识别问题并改进 UX。

获取日志文件并捕获问题信息和响应代码以进行适当的处​​理。 如果用户访问了您商店的死链接，则必须展示您的气味。 设计不应该让用户觉得他们在不同的网站上。

简而言之，404​​ 错误页面必须具有相似的字体样式、颜色代码、徽标、导航、页眉和页脚。

C。 重新吸引和不满意的访客

考虑一个用户登陆您的商店寻找有关特定产品的信息。 但是，在从搜索引擎结果中单击网页后，它不会登陆任何可回答的页面，而是显示“找不到页面”页面。 这会让用户感觉很糟糕。
但是，如果您向用户提供指向您网站页面的链接，则您可以重新吸引用户。 这样，您就可以保持他们的注意力。

d. 展示您的品牌个性

你不能展示自己是一家公司。 你的品牌应该给人一种人情味。 通过展示您的个性，您可以更好地与目标受众建立联系。 用户与您网站的互动应该让他们感觉良好。 人类的决定是在几分之一秒内做出的。

因此，您应该以 404 错误页面为媒介来表达自己，让您的访问者感觉良好，并加强您与观众的关系。 承认您的客户感到沮丧，接受出现问题的情况。 这将创建个人交互。

e. 提高转化率

通过创建 404 错误页面，您可以接受错误并确保用户在您的商店中度过愉快的时光。

404 错误页面的自定义响应可能会从用户的大脑中抹去您网站断开链接的不良记忆。 它增加了他们给你第二次机会的机会。 这更像是一种假设。

但是，您实际上可以通过在 404 页面上提供折扣来提高转化率。 是的，使用自定义错误页面进行转换。 以这种方式的 HTTP 状态代码将错误转化为收益。

1. 导航

用户登陆 404 错误页面的第一个需求是导航。 您应该将用户重定向到他们想去的页面。 指向主页或任何其他相关页面的链接效果最佳。 您提供的菜单栏导航（也存在于其他网站页面上）也很好。 如果可能，您还可以使用聊天机器人邀请丢失的访客。

2. 语气

正如我们上面提到的，404 错误页面也应该反映您的品牌个性。 您不希望登陆您的 404 页面的用户感觉他们登陆了一个完全不同的网站。 主题和风格要一致。

3. 搜索引擎优化

我们都知道 404 错误页面是不可避免的。 断开的链接会导致 404 页面，这是不可避免的。 但是 404 页面，如果适当地定制，可以减少损害，甚至将负面体验转化为积极体验。

4. 创造力

404 页面为您提供展示创意技能的最佳机会。 您可以开个玩笑，提供互动性，并展示一些互动、轻松或有趣的元素。

1.亚马逊

你会惊讶地发现，超过7,000只狗已经合法注册在亚马逊总部工作。 亚马逊对宠物友好的性质广为传播，该公司甚至自豪地分享其对狗友好的文化。 它的 404 错误页面也展示了它。

尽管每个人都钦佩狗并认为它们很可爱，但亚马逊通过展示他们带去工作的亚马逊狗的形象将其提升到一个新的水平。 此外，在 404 页面上，有一个指向该家庭的链接和一篇关于他们拥有的其他狗的文章。 登陆亚马逊404错误页面的用户也可以使用搜索栏来探索想要的产品。

2.易趣人物运动

eBayimportanthighly 很受欢迎，是世界上最古老的电子商务商店之一。 该公司为 404 错误页面采用了一种轻松而微妙的设计，但它仍然是用户友好的。 用户可以在页面上找到趋势交易，这将吸引他们在网站上继续前进并购买产品。 除此之外，还有一个搜索栏和一个指向主页的链接。
您可以参考 eBay 404 页面，因为它具有很高的转化率并且是一个很好的例子。

3.宜家

宜家是一个在全球拥有大量家具店的时尚家具品牌，提供种类繁多的家具产品。 该公司在通过移动应用程序、网站甚至 404 页面提供更好的购物体验方面具有高度创新性。
他们在 404 错误页面上展示了出色的创造力。 部署的元素强调公司的工作和品牌。 它已与直接消息和主页链接配对。 页面上没有其他元素可以避免任何干扰，重点很明确——将流失的客户重定向到网站的主页。

4. 明特拉

Myntra 是印度时尚电子商务行业的流行名称。 在这个时尚电子商务网站上，您可以找到各种适合各个年龄段和性别的可穿戴设备。 店铺的404页面也很漂亮。 它们向用户表明导航丢失的想法，同时，还有一个搜索栏，用户可以在其中搜索产品、类别等。
Myntra 的 404 页面包含客户可能需要的所有内容，例如心愿单、购物车页面链接、个人资料链接和搜索框。

5. GitHub

Github 在其 404 错误页面上使用了幽默和流行文化参考，并提供了一个有趣的信息，可以消除登陆错误页面时的尴尬。 有简单的导航选项不会造成任何混淆。 有一个搜索栏和支持链接，以及一个状态页面。

然而，妙招是微妙的视差效果，它使图像与用户的光标产生有趣的反应。 这个动画表明 GitHub 的设计者非常了解观众。

6. BigCommerce

BigCommerce 是一流的电子商务开发平台。 数以千计的电子商务商店已经建立在这个平台上。 在它的 404 个页面上，用户可以很容易地理解他们已经迷失在网络空间中。 除了主页之外，他们还列出了他们想要吸引用户的某些页面。

还有预订演示或从 404 错误页面联系他们的功能。

7.顶空

在在线冥想服务中，Headspace 获得了相当大的声誉。 他们的团队了解人类大脑的工作原理，因此，其 404 错误页面仅显示其目的。 它专注于产品并演示它可以做什么，即让用户从压力中平静下来。 角色缓慢而有节奏的运动，迷路的访客可以看到一段时间并获得一些顶空。 它告诉用户没有压力，吸气和呼气。

8. 卷曲

Volusion 是一种基于云的电子商务软件，可以在其上开发电子商务商店。 商家可以添加产品、创建类别、添加付款详细信息并开始销售。 404错误页面上有彩球，对用户极具吸引力。
为彰显品牌形象，设计师在Volusion标志的球体中使用了颜色组合，球体落下后的整洁页面显示了主页链接。

9. Squarespace

作为著名的网站建设者，Squarespace 允许商家建立和托管网站。 用户可以使用具有拖放功能的预构建模板来创建 CMS 和网页。 在404错误页面上，有一个字母游戏，用户可以尽情享受。 用户可以使用光标移动字母。 如果用户不想玩游戏，他们可以简单地重定向到提供的链接。

10. Le SINGE

最后但并非最不重要的是，Le SINGE 带有 404 页的奇妙概念。 它立即以他们所做的事情出售他们。 404 被描绘成黑暗，当用户的光标移动时，聚光灯会投射到屏幕的那部分。
用户可以使用直接链接或可以发起与支持团队的聊天。