电子商务产品页面设计终极指南

产品页面是电子商务网站上最重要的页面，在这里，客户会做出最终决定，并询问自己：我是否应该购买这款产品？产品页面的用户体验决定了他们对这个问题的答案。与客户的每一次互动都很重要，然而，鉴于风险如此之高，在你的产品页面上尤其如此。

这篇文章利用行业领导者提供的一些示例，并结合当前的电子商务用户体验趋势，逐步介绍如何创建完美的产品页面。在这之后，流量、转化率和销售额就会随之而来。

1. 从关键字研究开始

如果你希望人们成群结队地访问自己的网站，则谷歌就是最好的朋友。自然搜索流量不仅长期稳定一致，而且比任何其他类型的流量转化得更好。

要想在谷歌搜索中获得良好的排名，第一步是确定潜在客户在搜索栏中输入的内容，然后对产品页面进行针对性优化。

借助一些有用的搜索引擎优化工具，你可以轻松快速地研究一些有利可图的关键字。转到谷歌趋势并输入你最畅销产品的名称，我们以Airfryer（空气炸锅）为例：

这里显示了人们对特定关键字的搜索兴趣，要查找与之相关的关键字提示，请向下滚动到相关查询部分：

你会看到与Airfryer相关的其他关键字，但无法获得它们的详细信息。不过，Keywords Everywhere可以帮助你解决这个问题，这是一个免费的浏览器插件，可以显示出每个关键字的月搜索量。

一旦你找到一些热门的长尾关键字，接下来就可以使用它们来优化自己的产品页面。

2. 优化产品页面的搜索结果

现在，我们谈谈如何将关键字研究转化为网站流量的大幅增加。首先从网址开始。通常，你的产品页面会自动获得一个URL，其中包含你的网站名称，然后是一串没有意义的字母和数字：

在上述示例中，你会看到一个令人困惑的页面地址，没有任何实际意义，并且无助于谷歌和用户了解你的网页内容。我们建议将其更改为易于理解的内容，如下所示：

换句话说，请创建一个富有含义的搜索网址，用于描述你的产品。如果你决定重命名所有的产品网址，请务必为旧网址设置301重定向。

提高搜索排名的另一种方法是撰写潜在客户乐于点击的产品标题，这是显示在搜索结果中的蓝色文本：

如果你使用WordPress或WooCommerce来建设在线商店，则可以借助Yoast SEO插件来编辑页面标题、描述、元数据等信息。我们建议你在页面内容和受众需求之间找出平衡，下面是一些提示：

• 查看关键字的付费广告，并复制他们的措辞，因为付费广告已经针对点击进行了优化
• 在标题和描述中使用Luxurious、Free、Sale等强力词汇
• 如果你有预算，请使用付费广告进行测试，选出获得最多点击的那个

这是Tommy Hilfiger的一个例子：

在优化产品页面时，请从用户的角度进行考虑。网站标题是否具有描述性和特定性，足以引起潜在访客的注意？或者是否充满了无趣的关键字和无意义的措辞？最后，不要忘记优化你的产品描述。

3. 使用漂亮的高清图像（和视频）

为了引起访客的注意，高质量的图像和视频至关重要，这些元素能够以一种言语无法描述的方式来推销你的产品。在线购物时，高清照片是客户检查产品的最佳方式，这是产品的唯一有形代表，你需要确保图像尽可能突出产品的优势。

不要吝啬摄影，请聘请专业人士来进行拍摄，或者购买适当的设备，自己投入时间来学习如何使用。对于每种产品，都应该有一系列照片以不同的方式来展示，包括不同的角度、特写镜头，以及使用效果等等，主要目的是让客户将产品想象成自己生活的一部分。

接下来，确保照片在网站上能够很好地展示，它应该占据屏幕空间的很大一部分，并且位于页面顶部附近。点击或滚动浏览多张照片应该易于操作，并且能够在所有设备上顺利运行。

以下是一个不错的首页示例，大型图像很容易吸引眼球，另外还有最近的线下活动：

除了图片之外，视频也可以为你提供帮助。根据Animoto的研究，96%的消费者在决定是否下单时发现视频很有用，在观看视频之后，73%的成年人更有可能购买产品或服务。

优化图片和视频的其他策略还包括：

• 在图片中加入相关的替代文字，这会提高你的搜索引擎优化排名
• 为图像和视频添加社交分享按钮，以便客户创建一些个人动态
• 为产品提供多个图像，包括各个角度和特写镜头
• 永远不要使用俗气的仓库图像

4. 拥有明确的号召性用语

一旦你拥有精彩的电子商务网站，并成功获得客户的关注，接下来，你肯定希望客户购买产品。

号召性用语很可能是一个购买或添加到购物车按钮，应该位于首屏中，不必向下滚动页面就可以看到，并始终确保这是产品页面最突出的元素之一。

令人惊讶的是，有很多电子商务网站仍然没有添加到购物车按钮。当潜在客户通过邮件或广告进入你的产品页面时，请不要让他们努力弄清如何将喜爱的商品添加到购物车里面。

有些网站已经在桌面版本上正确放置了号召性按钮，但移动设备通常需要滑动两次才能看到。为了避免这个问题，请首先为移动设备设计产品页面，然后再确保它们在桌面上运行良好。

以下是我们喜欢的几个号召性用语示例：

5. 价格锚定和饥饿营销

在电子商务世界中，心理学扮演着重要角色，价格锚定和饥饿营销是两种最常见的销售手段，可以影响客户的思维过程并指导他们进行购买。

价格锚定是指建立一个更昂贵的项目，使得较便宜的选项看起来更具吸引力的做法，这有助于指导客户购买你想要出售的确切产品。下图是一个示例：

锚定价格实际上是帮助客户将一个产品与另一个产品区分开来，当类似物品的价格相同时，消费者倾向于推迟决定，而不是立即采取行动。

稀缺性是指当产品或服务的可用性受限（或被认为受限）时，对消费者变得更具吸引力的现象。饥饿营销是另一个屡试不爽的销售策略，可以是产品库存有限，或者促销活动马上到期。

以京东商城的一个页面为例，划线价格用到了价格锚定，秒杀倒计时则是饥饿营销：

6. 提供信任标识

如果访客不信任你，他们就不会下单购买。虽然你拥有一个设计精美的网站，上面有漂亮的图片和视频，但如果没有基本的信任标识，就可能会失去销售额。安全标记、客户评论和HTTPS都是与访客建立信任的基本要求。

Amazon向你展示其他人正在购买且带有Best Seller标记的产品，并提供客户评分进一步影响你的购买决定：

客户评论也是一个增加信任度的好方法，这些信息可以向消费者展示产品如何满足他们的需求。

7. 写出独特的产品描述（并使用情感）

哪一个看起来更吸引人？

或者这个...

注意第二段文字是如何描述产品并吸引你的情绪，好像他们真的知道你想要什么，然后向你描绘一幅美妙的场景。真正优秀的描述不仅仅是让客户感觉良好，而是让他们觉得与你的产品息息相关，然后心甘情愿把自己挣的血汗钱交给你。

Charity: Water是一个非营利组织，旨在帮助发展中国家人民获得清洁和安全的饮用水。在网站主页上，他们使用受影响的小男孩进一步明确这个主题，既简洁又引人注目：

8. 快速加载

研究结果表明，40%的访客会直接放弃一个加载时间超过三秒的网站。三秒钟听起来可能不是很多时间，但是当你盯着等待弹出图片的空白页面时，这种感觉就像是永恒。

如果你的网站属于这种情况，则很可能会失去销售额。为了确保人们不会因为加载缓慢而离开你的网站，你可以先从页面测试开始。如果事实证明你的网站以蜗牛般的速度运行，则可以采取以下步骤来加以改进：

• 切换网站托管公司，如果你使用WordPress建设在线商店，则可以在这里找到最好的托管服务
• 利用缓存为提供网站快照
• 减少页面大小：优化图像、组合CSS，并缩小文件
• 使用gzip压缩数据
• 通过内容分发网络（CDN）提供一些静态文件

9. 始终显示运费

在一个完美的世界里，物流永远是免费的。不幸的是，事实并非总是如此。

当涉及到物流和其他额外成本时，请在客户下单之前告诉他们。当人们在线付款时，并不喜欢意外的惊喜。事实上，一项关于用户放弃下单的研究报告显示，意外的运输成本占比为25%。

关注运输成本（和退货政策）是与客户建立信任的另一个关键方式。

10. 消除顾客的购买顾虑

在客户关注方面，我们最大的建议是保持积极主动，跟踪客户的流失情况并相应调整产品页面。解决客户的后顾之忧可以显著提高转化率，VWO的一项研究表明，退款政策可以帮助销售额提升32%。

提供产品的其他相关信息是与客户建立信任的另一种方式。消费者仅仅想要知道你的产品如何帮助他们改善生活，如果你销售衣服或鞋子等物品，那么请始终提供尺寸表，并指导客户如何衡量自己的尺寸。

11. 追加销售

尽管客户已经购买你的产品，但工作并没有就此就结束，事实上，这是引入加售的绝佳机会。追加销售具有以下优势：

• 深化你与客户的关系
• 为客户提供合适的产品
• 提高客户的终生价值

追加销售是双赢的，客户得到更好的东西，你得到更多的利润。只需确定哪些产品或升级最适合他们，在结账时让他们可以轻松添加这些项目。

Amazon将类似商品与你即将购买的商品进行比较，在推销方面做得很好：

12. 创建返回路径

一旦客户完成购买，就应该确保他们参与你的社交网络。

Magento的研究结果表明，93%的消费者希望通过社交媒体网站做出购买决定，其中90%依赖同行的推荐。为了利用这个优势，你可以在客户购买之后加入社交分享按钮，这样他们就可以与朋友和家人传播你的产品信息：

通过电子邮件与客户建立联系也很重要，如果他们完成了购买，请通过感谢邮件和他们可能感兴趣的项目进行跟进。如果客户放弃下单，请发送一封电子邮件，提醒他们留下的物品。通过这两个方法，你的在线销售额可以提升50%。

初次购买之后，通过一条清晰的回头路来吸引他们，这就是你构建终生客户的绝佳方式。

13. 激发你的想象，让页面变得更漂亮

现在你的网站几乎可以做任何事情，但可能不会给客户留下持久的印象。为了赢得更多客户，你需要创建精心设计的产品页面，并制造出令人难以置信的购买体验，下面是一些出色的产品页面示例。

Solo Stove

页面设计现代而干净：

• 产品照片非常精致，并展示了使用中的炉灶效果
• 使用价格锚定，并突出免费送货和退货
• 拥有数百个5星评价，以提供社交信息和建立信任
• 简洁醒目的购物车按钮

如果你向下滚动页面，还会看到产品正在使用的视频。另外还有一个互动部分，解释炉灶的工作原理和高品质设计:

Bellroy

Bellroy拥有一些别具一格的创新，看起来就像着陆页一样。页面上方有一个交互式滑块，显示他们的钱包比普通钱包更纤薄。滚动滑块时会出现动画，让你身临其境地了解钱包的使用情况：

Seattle Cider

最后是Seattle Cider，我们喜爱的原因在于：

• 产品摄影非常好，所有图像都具有透明背景，很容易混合到网站中
• 你可以根据季节、限量版等条件选择苹果酒
• 徽标非常独特，看起来很棒
• 他们分享自己的使命、愿景、价值观，以及团队成员的照片，这些都有助于建立信任
• 他们谈论社区服务，销售的一部分资金用于慈善事业

总结

最好的产品页面应该符合所有这些因素：

• 有一个目标关键字
• 适当的搜索引擎优化
• 精美的图像和描述，并且看起来很漂亮

我们在文章中列出的最佳实践已被证明可以提高转化率，很多电商网站的销售额甚至提高了300%以上。如果你打算重新设计产品页面，则我们希望这篇文章能够给你一些启示。

我想要...

• 在家里赚钱
• 在网上赚钱
• 在网上卖东西
• 成为一名自由职业者

---