优化电子商务产品图片以提高转化率

已发表: 2023-02-23

总结:感官产品体验的缺失一直是网店的劣势。 在电子商务中,客户无法握住或触摸物品,产品图像和视觉效果可以促成或破坏销售。 因此,产品图片必须为购物者提供足够的信息以说服他们进行转化。

svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

作者:马丁·格里夫

8 分钟阅读

这篇文章是电子商务系列的一部分

在本文中,我们将讨论优化电子商务产品图片的方法:

简介:为什么电子商务产品图片很重要
1.突出产品的独特之处
2. 多角度、多场景展示产品
3.以不同的颜色和变化显示产品
4. 立即弄清楚图片代表的是哪种产品
5.在产品详细信息页面上包含用户提交的视觉效果
6. 将视频添加到您的电子商务产品详细信息页面
7.考虑投资增强现实(AR)
结论:让您的电子商务产品图片为购物者描绘一幅画

简介:为什么电子商务产品图片很重要

缺乏感官和体验细节是电子商务的祸根。 例如,在实体店,购物者可以试戴一副眼镜,感受一件衣服的质地,评估一张沙发的尺寸。

这些是客户无法在线获得的东西,是潜在的转换障碍。 它们是购物者不会从您的电子商务商店购买的原因。 因此,您的视觉媒体需要出色地减轻客户在实体店获得的感官体验的缺乏。

精心呈现的电子商务图片不仅使您的产品看起来更具吸引力和吸引力,还可能增加销售额。 他们还帮助客户做出明智的购买决定。 这个可以 …

  • 较低的在线退货率,
  • 最大限度地减少库存管理的压力,以及
  • 增加客户的信心和满意度。

此外,电子商务产品图片对于搜索引擎优化 (SEO) 至关重要。 它们有助于提高产品在搜索结果中的可见性,从而增加客户发现和购买您的产品的可能性。

以下提示可确保您的电子商务产品图像和视觉效果准确地展示商品并正确设定客户期望

1.突出产品的独特之处

如果您销售类似的商品,请确保很容易识别一件商品的不同之处。 通过产品图片突出产品的独特之处

例如,网上文具店 JetPens 有钢笔的产品图片。 他们出售具有不同笔尖尺寸(例如,细、中、宽等)的钢笔。 但是,仅通过查看广角照片很难发现每支笔的不同之处。

因此,对于每种笔尖尺寸,JetPens 都有一张长焦或放大的产品图片,可以近距离显示笔尖。 这使得客户可以看到笔尖上的任何雕刻以及笔尖的样子:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

JetPens 的产品详细信息页面允许客户选择他们喜欢的笔尖尺寸、笔尖颜色和主体颜色。 该页面展示了各种产品图片,包括钢笔的广角照片和特写镜头,包括有盖和无盖钢笔。 显示的产品图像也会根据笔尖尺寸、笔尖颜色和用户选择的主体颜色而变化。

当您销售类似商品时,电子商务产品图片不会立即传达产品与其他产品的不同之处,这会在用户体验 (UX) 中造成摩擦。 必须弄清楚是什么让产品与众不同会使用户的大脑疲惫不堪。 这可能会阻止买家继续购买。

网络营销人员需要了解的关于大脑的 9 件事
阅读更多

2. 多角度、多场景展示产品

客户可能会犹豫是否将产品添加到他们的购物车,因为他们无法从不同角度看到它。 客户应该能够从侧面或背面近距离看到产品的外观,以便更好地评价产品。

使用电子商务产品图片从不同角度展示商品的示例

KateSpade.com 是一个擅长利用图片为购物者提供清晰详细的产品视图的网站。 他们的产品详情页面 (PDP) 包含几张显示产品正面、侧面和俯视图的照片:

Collage of different e-commerce product images included in a product detail page for a pink bag

Kate Spade 的产品详情页面显示了包的正面、顶部和侧面视图。 它甚至包括包袋标志牌的特写镜头。

该网站还在 PDP 上使用可视化模式在上下文中显示产品。 例如,它允许购物者配置模特的身高和体型,以更好地想象手提包在他们身上的样子。 用户还可以更好地了解包的大小,因为小部件可以让他们将产品放在手机或水瓶等其他物品旁边:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

KateSpade.com 的可视化模式允许用户更改模特的身高和体型。

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

该模态还可以让用户将包放在 iPhone 和水瓶等日常用品旁边,以更好地评估产品内装的物品。

尽可能减少买家的不确定性。 使用高质量的产品图片让购物者详细了解产品。 这包括从不同的角度展示物品,并在适当的情况下将其放在日常物品旁边以考虑上下文和比例。

3.以不同的颜色和变化显示产品

如果产品有多种颜色可供选择,请包括以每种可用颜色显示产品的图片。 这样,购物者可以轻松地将他们的选择可视化并做出明智的购买决定。

在电子商务产品图片中显示可用颜色的示例

JetPens.com 使购物者可以轻松发现特定钢笔的变体。 他们的 PDP 显示了这支笔可用的所有主体颜色,以及它可以搭配的笔尖尺寸和颜色。

当用户点击某种身体颜色时,他们会看到该颜色钢笔的几张图片。 每种颜色都有自己的一组产品图片——钢笔加盖和未加盖的照片、笔帽尖端的特写、正在使用的钢笔照片等。

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

上图:带有 14K 精细笔尖的黑色 Sailor Pro Gear Slim 钢笔的产品详情页面。 底部:同一支钢笔的柔和绿色变体的 PDP,但笔尖为 14K 中等细度。

显示不同的颜色选项也可以增加您的网站进行销售的机会。 客户将更有可能找到他们喜欢和喜欢的颜色,从而带来更高的转化率。 但是,请注意您如何呈现选择。 太多的选项会让用户不知所措,并且不利于转化。

4. 立即弄清楚图片代表的是哪种产品

购物者在您的电子商务网站上的体验应该尽可能轻松。 否则他们可能会推迟到另一天再做决定。

客户不应该花费太多精力来了解您网站上的内容。 例如,产品图像代表什么应该立即显而易见。 购物者不必花时间尝试识别图片中您销售的产品的位置。

以这个 Banana Republic PDP 为例。 它只有一张产品图片。 这是一张模特穿着几件衣服的照片,所以不清楚哪件是“Petite Roll-Cuff Top”。 该产品也几乎看不见,因为它穿在夹克下面并塞在裤子里。 购物者看不到大部分上衣,包括“卷边”部分,据说这是该产品的显着特征:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

“小卷边袖口上衣”的 Banana Republic 产品详情页面,只有一张照片。

通过减少用户负载使电子商务购物者更容易做出决定 如果不能立即清楚您的产品在图像上的位置,那么您就是在给访问者增加认知和视觉负担。 这对转换不利。


确定电子商务网站上的转换障碍。

从专家那里获得帮助并发现新的收入机会。

了解 CRO 审计和审查

5.在产品详细信息页面上包含用户提交的视觉效果

社会证明一直是网上购物者在购买时最常用的捷径之一。 如今,社会证明不仅限于其他客户提交的文字评论。 在线客户现在依靠用户生成的视觉效果来决定是否购买产品。

Bazaarvoice 的 2022 年度购物者体验指数显示,71% 的美国消费者表示用户在产品页面上提交的照片增加了他们购买产品的可能性。

使用用户提交的视觉效果作为社会证明的示例

Dr. Martens 是一家试图利用用户提交的视觉效果的公司。 该网站的 PDP 包括一个真实客户穿着该产品的在线画廊。 这些照片起到了说服力的作用,因为它们展示了产品在不同的现实生活环境中,由真人佩戴。 例如,它们帮助潜在买家想象一双凉鞋穿在脚上的样子,以及它们与不同服装搭配时的样子。

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

除了“评论”部分,DrMartens.com 的 PDP 还有一个“Worn by You”区域,显示用户提交的照片。 该部分链接到 Instagram,买家可以上传照片并标记 Dr. Martens 如果他们想在画廊中展示。

您可以尝试通过“游戏化您的用户生成内容 (UGC)程序来收集客户视觉效果。 Bazaarvoice 的 2022 年购物者偏好报告显示,77% 的全球消费者表示他们会提交 UGC 以获得奖励。

例如,Anthropologie.com 鼓励购物者通过每月一次的抽奖活动提交带有图片的评论:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie 通过“only-at-Anthro Sweepstakes”说服购物者对购买的家具发表评论。 该网站的“评论”页面列出了促销机制,并指出客户需要“提交带有物品图片的家具评论”才能赢得畅销产品。

详细了解客户提交的视觉效果和一般利用社会证明的重要性。 阅读“优化转化率的 8 个客户评论最佳实践”。

6. 将视频添加到您的电子商务产品详细信息页面

直播购物越来越受欢迎。 举办实时虚拟购物活动的公司甚至报告称“他们的转化率是传统网站的 10 倍”。

在线购物者喜欢现场购物活动的原因之一是能够在上下文中从不同角度查看产品。

直播帮助客户更好地了解产品信息,例如尺寸或材料。 这些是他们无法从静态图像或文本描述中获得的详细信息。

即使您不涉足直播购物,您仍然可以将人们喜欢直播的一些方面整合到您的电子商务网站中。

例如,如果您销售衣服,您可以将视频添加到您的产品详情页面,以展示模特所穿的商品。 这样,买家可以更好地评估材料和合身性。

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Asos.com 的 PDP 上的视频允许购物者评估裙子的材料和合身性。 穿着裙子行走的模特给人的视觉印象比“缎面面料:有光泽、垂坠感和丝般光滑,100% 涤纶”的文字描述更好。

或者,您可以直接采用实时购物手册中的策略:包括销售代表展示产品功能及其使用方法的视频。

例如,Nordstrom 拥有时尚产品的 PDP,其中包含销售代表谈论产品的短视频。 他们描述了材料和合身性,并突出显示了有关该项目的某些细节。

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Nordstrom 造型师在 PDP 视频中谈论一条高腰牛仔裤。 她讨论了牛仔裤的质地并展示了面料的弹力。 她还推荐这条裤子可以搭配什么上衣和鞋子。

实时现场购物活动可能并不适合所有人。 然而,电子商务网站最好探索更具吸引力的方法,为买家提供更丰富的产品细节,例如在 PDP 中添加视频。

优化转化率的 8 个客户评论最佳实践


通过客户评论利用社会证明的力量。

阅读更多

7.考虑投资增强现实(AR)

增强现实 (AR)在电子商务中正在兴起。

一些在线商店正在通过 AR 来弥补感官产品信息的不足。 这项技术通过在现实世界中叠加数字信息,让购物者通过电子设备虚拟地交互、测试和试用产品。 例如,通过 AR,购物者可以看到沙发适合他们的家。

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

宜家的 AR 应用程序允许购物者将真实比例的 3D 模型虚拟地放置在他们自己的空间中。 该应用程序让客户了解产品如何适合他们的家。 图片来源:宜家

通过 AR 为购物者提供更多上下文和视觉信息可以增加购物者的信心,让他们相信他们购买的商品符合他们的期望。 反过来,这将降低退货率、提高客户满意度并提高品牌忠诚度。

值得注意的是,根据 2022 年 Bazaarvoice 购物者体验指数(从 2021 年 12 月到 2022 年 1 月收集的数据),只有 12% 的全球购物者在自信购买时将增强现实技术列为他们的“五个必备因素”。

因此,增强现实对于电子商务转化率优化工具箱可能不是必不可少的……但是,这取决于您销售的产品类型。 对于某些行业来说,这种流行病已经成为增强现实的筹码。

美容行业的增强现实

例如,美容品牌欧莱雅 (L'Oreal) 一直在使用 AR 技术,让客户甚至在 COVID 爆发之前就可以虚拟试用他们的产品。 即使在大流行之前,使用该技术也使这家美容公司的销售额增长了 3 倍。

大流行使得虚拟试妆对于化妆品品牌来说必不可少,甚至对于店内体验也是如此。 出于卫生和安全方面的考虑,购物者不再能够亲自尝试化妆样品,例如,他们依靠增强现实来查看美容产品是否能衬托他们的肤色。

L'Oreal 的子公司 NYX Professional Makeup 在使用 AR 帮助购物者挑选最适合他们的商品方面取得了一些成功。 一方面,他们在类别页面上立即明确指出购物者可以虚拟试穿哪些商品:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

NYX 类别页面上产品图片左上角的“试穿”标注作为视觉指示器,表明客户可以通过 AR 预览商品。

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

NYX 的产品详情页面在产品图片下方有一个“试穿”号召性用语幽灵按钮。

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

该美容品牌的虚拟试穿让顾客可以使用他们的实时相机、上传照片或选择模特来试用产品。

增强现实对电子商务很重要吗?

根据专门从事 AR 和 3D 商务的公司 Vertebrae 2020 年的数据,与不参与 AR 的消费者相比,参与 AR 的消费者的转化率提高了 90%。

Shopify 还在 2021 年 9 月指出,虽然目前还没有太多关于 AR 如何影响转化率的可靠研究,但他们的内部数据显示了AR 的强大潜力

因此,如果这对您的业务有意义并且您有资源,请考虑让您的客户通过增强现实预览您的产品并与之互动。 毕竟,据预测,到 2025 年,全球近 75% 的人和几乎所有智能手机用户都将成为 AR 的常客。

您可以使用 SnapAR 和 Meta Spark 等应用程序将您的脚趾浸入 AR 中进行购物。 但是请注意,即使是这些应用程序也需要技术技能。 您需要具备制作艺术或 3D 模型以在 AR 环境中使用的专业知识的人。

结论:让您的电子商务产品图片为购物者描绘一幅画

如果您希望访问者从您的电子商务网站购买商品,请向他们提供必要的信息以便他们自信地做出决定。 实现这一目标的一种方法是通过准确代表您的产品的高质量图像和视觉效果。

如果你 …

  • 突出产品的独特功能,
  • 从不同的角度展示项目并在不同的情况下使用,
  • 以不同的颜色和变化呈现产品,
  • 让照片代表的产品一目了然,
  • 包括用户提交的视觉效果,
  • 在您的 PDP 上添加视频,以及
  • 利用增强现实(如果它对您的业务有意义)

…您将增加购物者在您的网站上进行转化的机会,降低他们退货的可能性,并创造积极的整体客户体验

与转换专家交谈

给我们 30 分钟,我们将向您展示我们如何帮助您取得更好的结果

现在安排我的电话
现在安排我的电话