电子商务网站最佳实践：“完美”电子商务网站剖析 [2022 年版]
已发表: 2022-05-29如果您从事销售有形产品的业务，那么您可能已经加入了电子商务的行列。
据 eMarketer 称，到 2018 年，电子商务销售额将达到近 2.5 万亿美元。实体店主越来越多地加入数字竞赛以提高收入。
他们为什么不应该呢？
互联网是购物者的天堂。 在舒适的家中，只需单击一下，消费者几乎可以购买他们想要的任何东西，而无需担心交通拥堵、寻找停车位、冒着人群和应对恶劣天气的麻烦。
那你在哪里呢？
在日益拥挤的电子商务世界中，与您的在线供应商同行。
要想超越曲线，加入高飞的电商行列，就需要为消费者提供井然有序、高效的网购体验。
完美电子商务网站的概念是一个神话，但您可以通过不断运行 A/B 测试并始终考虑客户及其需求来创建自己的完美版本。
伟大的电子商务网站有几个共同点。 我们通过深入研究您的以下内容来分解这些：
- 主页
- 类别页面
- 产品页面
- 结帐页面
匆忙？ 以下是 2022 年创建电子商务网站的最佳实践：
- 主页最佳实践：
- 永远存在的搜索栏
- 价值主张前沿和中心
- 销售产品选项卡/促销选项卡
- 客户可以在其中找到有关您公司的信息的页脚
- 类别页面最佳实践：
- 成排清晰显示的产品
- 易于查找的导航
- 特色横幅以突出促销活动
- 将一个部分专门用于“畅销书”和/或“新品”
- 产品页面最佳实践：
- 显示客户评分和评论
- 引人注目的产品副本
- 巨大、充满活力的产品图片
- 大而醒目的对比色添加到购物车按钮
- 追加销售、交叉销售、相关产品
- 结帐页面最佳实践：
- 视觉进度指示器
- 提供不同的付款方式
- 包括订单摘要
- 易于导航的客户服务
- 安全结帐徽章
- 最佳电子商务网站示例：
- Stanley-PMI：第一印象很重要
- Tivoli Audio：针对“准备购买的人”和“向我展示细节的家伙”进行优化
- Herman Miller：通过视频展示他们的产品
- Sticker Mule：在几秒钟内证明他们的价值主张
- Lululemon Athletica：让他们的访客参与进来
- MVMT：一键追加销售以增加 AOV
下载我们的清单：电子商务网站设计最佳实践
创建最佳电子商务网站的 36 点清单。
电子商务主页最佳实践
以下元素是高转化主页不可或缺的：
主页最佳实践提示 #1：始终存在的搜索栏
搜索栏是任何电子商务网站的一个非常重要的部分。 确保当消费者向下滚动查看页面底部时，搜索栏会挤进导航栏并随之向下滚动。 访问者不需要为了搜索新内容而向后滚动页面。
主页最佳实践技巧 #2：价值主张的前沿和中心
您的主页需要有一个强大的吸引力来激发消费者并鼓励他们购物。 通过简明扼要地说明您的产品的好处，为您的价值主张增添魅力。 陈述您的 USP 并通过此反映您的品牌个性。 确保您的价值主张清晰可见。
主页最佳实践提示 #3：销售产品选项卡/促销选项卡
让现有客户和您网站的新客户了解您最新的促销活动。 您可以在页面顶部显示一个标签，其中包含有关您的最新折扣和优惠的详细信息。 它也是向首次购物者展示奖励的好地方。
主页最佳实践提示 #4：客户可以在其中找到有关您公司的信息的页脚
在您的电子商务网站的页脚中添加您的所有业务详细信息。 添加您公司的简要描述、电子邮件地址或他们可以联系到您的免费电话号码、您的位置、不同的产品类别、博客（如果有的话）、您的社交媒体帐户等。
电子商务类别页面最佳实践
类别页面需要具有以下元素才能获得丰厚的回报：
类别页面最佳实践技巧 #5：清晰地显示成行的产品
根据市场营销学教授兼 Jay 总监 Barbara E. Kahn 的说法。 H.贝克零售中心，
“这个概念是，当货物垂直堆叠时，你会拿一件产品，而当它们水平堆叠时，你会拿一件以上的产品。 零售商已经意识到了这一点。”
这表明与列中显示的产品相比，水平堆叠成行的产品会卖得更好。
类别页面最佳实践技巧 #6：易于查找的导航
拥有清晰的导航计划有助于提高可用性，并允许用户轻松跳到他们想要的类别。
类别页面最佳实践提示 #7：突出显示促销的功能横幅
功能横幅是类别页面的重要组成部分。 它以多种方式改善了用户体验——向他们展示他们在正确的页面上，推动他们进入完成在线购物流程所需的下一步，并通过不断的促销来吸引他们。
下载我们的清单：电子商务网站设计最佳实践
创建最佳电子商务网站的 36 点清单。
类别页面最佳实践技巧 #8：将一个部分专门用于“畅销书”和/或“新品上市”
新品上市可帮助品牌支持者进行新购买，因为他们会不断回来购买更多产品。 畅销书同样有效，因为它鼓励新客户根据您的热门产品进行首次购买。
电子商务产品页面最佳实践
如果没有以下元素，高转化产品页面将无法发挥作用：
产品页面最佳实践技巧 #9：显示客户评分和评论
据 Moz 称，67% 的消费者受到在线评论的影响。 展示各种评论，无论好坏（是的，负面评论也是如此）鼓励消费者信任您的品牌并从您那里购买。 诚实的评论始终是建立信任的坚实基础。
产品页面最佳实践技巧 #10：引人注目的产品文案
产品副本是电子商务世界的重要组成部分。 为什么？ 因为它需要销售产品。 它需要与消费者对话。 具有描述性，绘制图片，而不是说明功能，而是解释产品的好处。
产品页面最佳实践技巧 #11：巨大、充满活力的产品图片
视觉胜过文字。 色彩暗淡的颗粒状、像素化图像会给您的品牌描绘负面形象，不会吸引您的消费者。 另一方面，每一个细节都清晰可见的大而充满活力的图片将更吸引您的客户。 此外，尽可能多地展示产品的角度和视点。
据 American Muscle 的马特介绍，
“American Muscle 不仅为几乎所有产品从车上和车下的各个角度收集了大量照片，而且还允许客户上传自己的照片。 这些客户照片通常比公司照片更好，并且包括客户真正想看到的角度。”
发展和扩展电子商务业务的终极指南
在 30,000 字的 PDF 指南中，我们在 18 多年的旅程中学到的一切。
产品页面最佳实践技巧 #12：大、粗、对比色的添加到购物车按钮
将 CTA 放置在产品附近。 标记 CTA 按钮添加到购物车、立即购买等。确保它们大且易于看到。
产品页面最佳实践技巧 #13：追加销售、交叉销售、相关产品
您可以通过向上销售和交叉销售相关产品来提高转化率并增加平均购物车价值。 向消费者展示可以补充他们购买的产品或与他们购买的产品相似的产品。 根据 Forrester 的一项研究，追加销售和交叉销售平均占电子商务收入的 10-30%。
电子商务结帐页面最佳实践
以下元素为消费者提供了在结账页面上完成销售的最终推动力：
结帐页面最佳实践技巧 #14：视觉进度指示器
在线结帐表格通常会阻止客户完成购物过程。 如此接近，却又如此遥远。 但为什么？ 因为填写所有艰苦的细节可能是数字世界已知的最无聊和手动的任务！ 那么，您如何让您的客户轻松完成这项痛苦的任务呢？ 通过可视进度指示器向他们展示填表进度，让他们看到隧道尽头的曙光。 它并没有为他们做这项工作，但至少在心理上它帮助他们度过难关。
结帐页面最佳实践提示 #15：提供不同的付款方式
为客户提供选择其支付方式的奢侈，例如 PayPal、Stripe、万事达卡等。
结帐页面最佳实践技巧 #16：包括订单摘要
在结帐页面上向您的客户展示他们的订单摘要，以便他们知道他们在购买什么。 它使他们不会不断地想知道他们是否点击了正确的产品、价格是多少、他们是否选择了正确的颜色等。您可以包括产品图片、产品属性及其价格。
结帐页面最佳实践技巧 #17：易于导航的客户服务
没有退货政策是吓唬客户的可靠方法。 为避免这种情况，请将支持元素添加到您的结帐页面。 这可以包括聊天功能、明确的运输和退货政策、供他们拨打的免费电话等。
结帐页面最佳实践技巧 #18：安全结帐徽章
使用标有“100% 安全购物”的标题，或在页脚添加安全徽章，以解决客户挥之不去的安全问题。 随着电子商务业务的快速发展，为客户提供安全的在线购物环境非常重要。 在结帐页面上添加此图形将消除客户因安全问题而在最后一刻退出的机会。
下载我们的清单：电子商务网站设计最佳实践
创建最佳电子商务网站的 36 点清单。
想查看完整的信息图吗？ 随意分享（嵌入代码在底部）
在您的网站上分享此信息图
最佳电子商务网站示例：2022 年版
我们研究了 B2C 和 B2B 各个行业的顶级电子商务网站，让您全面了解从普通网站到行业领导者需要什么。
1. Stanley-PMI：第一印象很重要
类别： B2C
市场：户外杯子和热水瓶
当有人登陆您的网站时，如果您不快速与他们互动或向他们展示一些让他们感兴趣的东西，他们会立刻离开。
因此，对于您的网站访问者来说，了解您的产品的好处至关重要，Stanley-PMI 在这方面做得很好。 他们越快了解您的产品为他们做了什么，您的转化率就越高。 
我们喜欢它的地方
清晰简洁的产品文案：快速的好处、每种产品的配色、顶部的评级以及清晰的“添加到购物车”按钮都可以轻松做出决定。
有什么可以改进的
他们不应说“注册我们的时事通讯”，而应说明注册的直接好处。 他们可以使用铅磁铁并写下类似“接收免费指南……”之类的内容。
即使在没有磁铁的情况下添加“注册独家优惠”，也会让读者输入他们的电子邮件更有说服力。
2. Tivoli Audio：针对“准备购买的家伙”和“向我展示细节的家伙”进行优化
类别： B2C
市场：音频
有两种类型的消费者：
- 那些准备好购买、快速做出决定并想要获得货物的人。
- 然后有些人想了解更多。 他们想阅读常见问题解答、关于页面，并在购买前阅读几乎所有内容。
一个好的电子商务网站知道如何针对这两种类型的人进行优化，而 Tivoli Audio 在这方面做得很好。
我们喜欢它的地方
主页上的双标题导航。 到商店和其他主要页面的大而清晰的导航，对于那些想要更多的人，你有上面更深的细节。
有什么可以改进的
应该添加的一个类别（因为它通常是电子商务网站上选择的顶级类别）是“新来者”类别。
3. Herman Miller：通过视频展示他们的产品
类别： B2B
市场：家具
这些天预计会出现大、清晰、生动的照片。 视频正在成为新的标准。
我们喜欢它的地方
视频展示的产品——客户可以体验运动中的产品，从而使他们更有可能购买。
有什么可以改进的
Herman Miller 缺少的是客户的评价。 网站上没有评论。 产品页面上有几位设计师，但他们缺少社会证明。
4. Sticker Mule：在几秒钟内证明他们的价值主张
类别： B2B
市场：礼品
贴纸骡子很好地说明了为什么它们如此出色。 他们的价值主张是您看到的第一件事，他们的潜在客户的免费贴纸证明可以在几秒钟内完成，建立信任并增加转化率。
我们喜欢它的地方
一个非常明确的价值主张，在几秒钟内得到证明，以及社会信誉。
有什么可以改进的
客户可能有一种更简单的方式与客户服务取得联系——页面底部的网站上只有一个“联系”按钮。
在右下角添加实时聊天选项会很棒。 即使在顶部添加第二个“联系人”按钮也会有所帮助。
5. Lululemon Athletica：让他们的访客参与进来
类别： B2C
市场：服装
人们想要更多的互动。 他们希望更多地参与在线购物体验。
我们喜欢它的地方
该网站的参与度非常好，加上导航可以轻松准确地找到您正在寻找的内容。
有什么可以改进的
实时聊天功能需要大量工作 - 无需填写表格等待实时聊天，而是允许客户跳过工作并立即开始与客户服务代理或聊天机器人聊天。
6. MVMT：一键追加销售以增加 AOV
类别： B2C
市场：时尚
您的电子商务商店应该设计为做一件事：为您的客户提供他们想要的东西。
追加销售是为您当前的报价增加更多价值的绝佳机会。 如果您可以像单击按钮为手表添加第二条表带一样简单，您将能够大幅提高平均订单价值。
我们喜欢它的地方
MVMT 在他们的手表上的追加销售并没有给人以咄咄逼人的印象。 它不会让你感到不舒服。 它为他们的访客创造了一个有更多选择的机会。 设身处地为您的访客着想。 “嗯……第二条带子……我从来没想过。 有黑色皮革会很好。 是的，比起灰色，我更喜欢那个。” *点击*
有什么可以改进的
MVMT 有一个漂亮的网站。 它很干净，设计得很好。 它很容易使用。 但是，可以改进的一件事是首屏主页。 一个明确的价值主张可以立即告诉您为什么您的商店与众不同，这将降低跳出率并增加转化率。