主页现在通常被视为在线商店的前门。尽管如此，购物者最终越来越直接地访问产品页面，例如通过社交媒体或电子邮件链接。这意味着您必须更加关注产品页面，以改善用户体验和转化率。
现在，这已经是网上商店最辛苦的部分之一了。此页面赞扬该产品；为购物者提供信息并引起他们的兴趣，针对搜索引擎优化进行了优化，并帮助客户快速将商品放入购物车。根据 Commerce Cloud (pdf) 的基准数据，百分之三十的会话从产品页面开始，这足以向您展示您最好的一面。
我在本文中与您分享的产品页面用户体验的最佳实践是数千个网站分析、广泛的热图研究、来自 Salesforce Commerce Cloud 的基准数据和行业统计数据。请记住，对一家零售商来说是黄金的东西可能不会受到其他零售商的欢迎。由于产品页面的设计对您的业务至关重要，因此我建议您在实施更改之前始终进行 A/B 测试。
层次结构决定页面的布局。
热图研究表明，45% 到 65% 的购物者不会看“购买按钮”下方的内容。请记住，页面上的特定商品越靠下，浏览次数就越少。只有 11% 的购物者一直向下滚动到页脚。
产品页面中添加了越来越多的新元素。考虑产品特征、价格、产品推荐、额外图像、视频、颜色样本、尺寸或客户评论。为了获得最佳的转化效果，您必须确定什么对您的客户和品牌最重要。
最佳产品页面的五个技巧：
1.优化空白
监控产品页面上元素之间的平衡，同时寻找“剪掉”白线的可能性，以使项目在页面上更高的位置。
2.水平对齐
查看可以水平对齐的位置，而不是将元素堆叠在一起。示例：将“数量”字段和“添加到购物车”按钮设置在同一行。
3. 展开菜单
使用移动屏幕上的展开菜单来显示或隐藏内容。它们使购物者无需过多滚动即可快速访问额外信息。
4. 提高客户评价
将客户评论放置在页面的较高位置，使客户评论可见。根据 Econsultancy 部门的数据 (pdf)，63% 的购物者表示阅读评论会增加他们购买的机会。
5.将社交图标放在底部
在页面底部设置用于在社交上共享的图标。根据热图研究，点击率仅为0.1%。这不仅仅是象征性的点击率。这样您就可以从产品图片中获得最佳收益。
高质量的产品图像对于数字购物者来说至关重要。购物者无法感受或尝试您的产品。照片必须展示细节、特征和质量。热图研究揭示了购物者如何根据缩略图的位置和外观处理各种产品照片的基本趋势。结果如下：
缩略图：小图像，大影响
主产品图片左侧的缩略图的点击率接近 40%。此外，虽然放置在主图像下方的其余图片的缩略图的点击率还不到百分之八。
飞镖或点来滚动？
使用左右箭头从第一张产品图像滚动到其余照片的点击率最高。主图像下的缩略图也表现良好。下面的点（表示滑动）使用最少，可能是因为它们比箭头更不引人注目。
视频：您和您的客户最好的朋友
与详细的产品图片一样，视频显示重要的产品特征（例如如何佩戴/使用），帮助数字购物者决定是否购买。如果一张图片超过一千个字，那么视频的数量就达到一万个或更多。它们显示了产品的更多详细信息、实际使用的产品、用户说明和手册。通过这种方式，他们赢得了购物者对相关产品的信任——有利于转化！
视频观看者购买视频的可能性是不观看视频的人的两倍。事实上，当产品页面上有视频时，零售商的销售额增加了 10%，而退货数量平均减少了 13%。然而，视频并不总是（仅仅）关于您的产品。
像 Fender Guitar 这样的公司使用教育视频来吸引访问者再次访问，说服他们购买某些东西，并将他们与品牌和产品重新建立联系。
颜色样本与下拉菜单
在选择尺寸和颜色等产品特征时，用户友好性一定是一个优势。客户将购买的商品放入购物车的过程不想以任何方式打扰您。查看颜色样本与产品选择的下拉列表，我们发现第一个的点击率高于最后一个。在桌面和移动设备上。此外，颜色样本的添加到购物车比例为 11%，而下拉菜单的添加到购物车比例仅为 5%。为什么？颜色在页面上更加明显，并且可以快速明确产品是否有合适的尺寸和颜色。此外，购物者不必做得更少，因此移动用户体验正在发生变化，尤其是对于移动用户而言。
完善购物车按钮
“添加到您的购物篮”是您网站上最重要的按钮。这应该在您的产品页面上脱颖而出，以便让购物者采取行动。必须测试“添加到购物车”按钮的尺寸、颜色、形状和位置，以便确定对业务的影响。一些品牌报告称，仅通过使用不同颜色预先测试 A/B，添加到购物车的比例就增加了不少于 21%。还要考虑购物车上的图标，例如加号或符号。
与顾客一起运行的购物车
我们知道，购物者更愿意在移动设备上滚动而不是在桌面上滚动，原因很简单，这是触摸屏上的自然移动。位于移动屏幕底部、横跨图像整个宽度的粘性“添加到购物篮”按钮可能是一种非常有效的优化。移动购物者可以随时点击“附加购物车”，无论他们在页面上的哪个位置。
产品页面比主页更重要？
产品页面上的用户体验几乎比主页上的用户体验更重要。主要目标是客户（尽可能多）将产品添加到在线购物车中。开始使用我刚刚与您分享的日期和建议来提高转化率。使用它们作为检查产品页面的偏移点，看看什么最适合您的客户和您的产品。