作者注意：该帖子最初于2019年发布。已更新，以反映2021年的电子商务首页最佳做法。很多相同的做法都可以在2021年的最佳首页中找到，但我们希望您了解一些新的做法。
当涉及到电子商务业务时，您的首页可以成就或破坏您的转化率。找到适合的属性并为您的受众提供完美的设计可能需要大量的反复试验。后者太多了，您将损失大量的收入和客户。
我们想结束那个猜谜游戏。因此，多年来，我们比较了20多个顶级电子商务网站上使用的转化优化功能和策略，以测试客户网站上最有前途的产品。
在这篇文章中，我们将准确地细分我们在中学到的东西 转化优化最佳做法研究， 包括：
- 为什么您的电子商务首页如此重要
- 我们建议的9种电子商务首页最佳做法（包括示例）
- 以及为什么您应该始终测试最适合自己的东西
您的电子商务主页=您的在线店面
在进一步研究之前，我们必须陈述显而易见的内容。对于许多用户来说，您的电子商务首页是他们对您的网站，产品和品牌的首次介绍。它必须出色，引人入胜，并且易于导航以使它们返回更多。
许多电子商务客户专注于优化和推广单个类别和产品页面，但是我们认为您应该花同样（甚至更多）的时间来设计和优化您的主页。
也不必完全重新设计。进行一些简单的更改即可使您的转化率有所不同。 （相信我们： 我们已经完成了测试。)
我们在下面为您提供一些建议。
9电子商务首页最佳做法
1.在菜单之外显示类别，尤其是在移动设备上。
您可能已经在移动菜单和/或标题区域中列出了产品类别。但是，您需要进一步：在移动首页上显示选定的类别。
让我们看几个例子。两个都 人类学 和 房间& Board 在其主要的移动首页上显示其购物类别。购物者不必使用汉堡包菜单即可到达想要去的地方。
您在移动首页上的房地产资源有限；使菜单之外的类别易于访问可以防止购物者感到沮丧。
值得一提的是，我们发现主页上的类别导航可以在两个台式机上进行出色的测试 和 移动的。我们发现了其他一些东西：2021年许多最佳的电子商务首页也使这些类别或产品元素也可以在移动设备上滑动（&董事会就是其中之一）。
2.交换您的英雄图像自动幻灯片（“轮播”）以获得静态图像。
英雄图像滑块将自动在您首页上的图像之间滑动。这似乎是展示有吸引力的产品图片的好方法，但是它在移动设备和台式机上的有效性差异很大。
在我们的研究中，我们发现许多电子商务首页不再在移动设备上显示这些轮播。我们广泛的A / B测试证明了原因：静态图片赢得了大约70％的时间。如果您仍在移动首页上旋转轮播，请考虑使用同样引人入胜的单个图片来切换该轮播。
您甚至可以考虑在桌面上换掉转盘。以J Crew为例。他们的移动主页和桌面主页都使用静态图像，即使外观略有不同。
我的观点：幻灯片的效果完全取决于幻灯片的质量和效果。如果您可以在一幅图像中传达您的价值主张和/或拥有一份不错的促销日历，则单个静态图像通常会比幻灯片更有效。
3.以设备范围的标准显示单个产品。
似乎很容易，但是在首页上显示产品示例可能是一个巨大的电子商务首页设计最佳实践。此处的关键字：“可以。”
在决定是否实施此标准时，您需要查看不同的显示选项（移动设备和台式机）。而且，如果确实显示单个产品，请确保在所有电子商务网站主页上部署该功能。
在移动主页上
通常，我们建议客户在将其展示在其移动首页上之前，先对其进行展示。诸如“畅销书”之类的产品小部件是一个受欢迎的起点。
例如，以下是eBags.com在移动设备上的产品功能：
在桌面主页上
无论您选择在移动主页上做什么，我们也建议您在桌面主页上实施。考虑到Google的移动优先索引技术和移动/桌面奇偶校验的必要性，在您的桌面和移动网站上使用不同的内容是一个非常糟糕的主意。
以下是eBags产品级别链接在其桌面主页上的外观：
4.使用响应站点。
响应式站点是在移动设备，台式机以及介于两者之间的设备上显示相同内容的站点。它与谨慎的m不同。网站以及隐藏在移动设备上的某些内容的自适应网站。
响应式网站是Google移动优先索引的完美解决方案。它比a m更流畅，更有效地实现移动奇偶校验。网站或我们过去见过的其他类型的自适应网站。
了解阿迪达斯的主页如何响应用于向用户提供统一但完全相同（至少在内容方面）体验的设备。
专家提示：响应式站点是对建议3中提出的难题的完美解决方案。
5.使用全局标题元素。
全局元素出现在网站的所有页面上，通常是页眉，页脚或浮动元素。 （这是宣传您最新销售或产品的好地方。）进入和退出要约也可以显示在每个页面上，尽管（您可能会猜到），它们仅在访问者触发了某些定位条件时才出现。
在Inflow，我们已经对这些元素进行了广泛的测试，发现它们都能在90％的时间内提高转化率。如果您不使用全局标题元素，那么您将错过巨大的机会。
偏僻地区既使用全球促销区域，又使用向下滑动的报价来吸引购物者的注意力，并提醒他们最新的交易和销售情况：
6.实现实时聊天功能，如果它值得证明的话。
实时聊天绝对是2021年我们建议的电子商务首页最佳实践之一，在我们的测试中，添加实时聊天功能从未对控制组造成任何损失-但最终可能会导致性能下降。
请记住：进行实时聊天需要花钱。除非您有可用的客户服务代理，否则无法证明仅为实时聊天添加代理的投资回报率。相反，我们建议您首先A / B测试实时聊天功能。用雇用代理商或服务的成本来衡量转换的任何升幅。
我们也建议您不要使用聊天机器人来节省成本。在我们的测试中，绝大多数删除聊天机器人会导致转化率提高。他们的用户体验太差了，不值得包括在内。
下面来自eBags.com的屏幕截图来自2019年;今天，该网站没有托管实时聊天功能。可能是因为我们上面提到的原因-该功能的投资回报率根本不存在。
7.使用汉堡菜单。
似乎很小，但是汉堡包图标是仅有的几近获得普遍认可的图标之一。 （另一个？购物车图标。）使用此图标很有意义；通过加快人们的购买过程来提高转化率。
另一方面，可以确保在电子商务主页上使用随机图标会减慢用户的速度。为什么要强迫用户仅仅为了购物而学习您的独特图标？当然，您可以添加标签，但是我们的测试仅在30％的时间内产生了积极的结果。
JCPenny使用带有标签的汉堡菜单，并标记其他图标。但是，请想象他们是否没有。弄清楚每个图标的含义有多烦人？我敢打扰，以至于您可能会讨厌Kohls.com。
8.将搜索图标或字段显示在菜单之外。
我们知道，搜索您网站的用户应至少获得2.5倍的转换。 （如果他们没有转换，则说明您的搜索功能出了点问题。）
因此，请在合理的范围内使搜索选项尽可能突出。不要将其埋在首页菜单中。
在下面，您可以看到LuLuLemon如何完全展示搜索功能。 Modcloth选择公开其搜索图标，可以对其进行扩展以提高可用性。
如果您已有一段时间，请查看桌面搜索统计信息。如果您的搜索者收入可观，则继续在移动网站上公开搜索功能。
9.提高站点速度。
转化优化中只有一个绝对规则：网站越快，转化效果就越好。出于多种原因（主要是带宽和硬件），移动网站的速度要比台式机网站慢，因此至关重要的是优化电子商务网站和移动显示首页。
Google一直在以“良好”的页面速度移动目标。使用Google Pagespeed时，我们通常会寻找60分以上的分数，两秒以上的FCP以及绿色的累积版式变化。
您过去可能已经取得了不错的成绩，但是该算法大约每年都会更新-使其得分超过60变得更加困难。因为提高网站速度（尤其是在移动设备上）非常困难，所以我建议您停止 每一次其他的努力 在您的网站上，并专注于网站速度，以尝试获得60分以上的得分。
在此更新中，还有2021年5月的另一个截止日期来修正您的累积版式变化-或在您的SERP中受到惩罚。
我们的最终建议：测试所有内容
如果您通读了整个博客，则可能会看到这种情况。
在我们的研究中，这些电子商务首页最佳实践通常被证明是有用的，但是每个站点都是不同的。我们建议您先测试每个站点，然后再在您的站点中进行推广。对于其中某些网站有效的方法可能并不适合您的企业和购物者。
遵循科学的方法：一次测试一个转换优化，并耐心等待，以获得准确，可用的结果。
如果您想要测试合作伙伴，我们的CRO团队很乐意为您提供帮助。我们将在您的网站上实施这些电子商务首页设计的最佳做法，确定可行的方法，并将您的转化率发挥到最大。 随时请求免费提案 to learn more.
0评论 “电子商务首页上的转化优化最佳做法”