优化产品列表页面的权威指南

产品列表页面（或类别页面）是显示您在商店中出售的商品的页面。

那么，您是否应该简单地介绍一下您的产品，并附上一张像样的图片，并希望购物者足够喜欢它们来购买？

不！

太多的电子商务企业主低估了可靠的产品列表页面的力量。

这些页面最有可能首先向购物者介绍您的产品。 您是否会在参加重要的商务会议时显得衣冠不整、匆匆忙忙？

可能不是。

那么你不应该向购物者展示一个匆忙、凌乱的产品列表页面。 糟糕的第一印象会对你的底线造成巨大损失。

最好的产品列表页面感觉就像在朋友家受到热烈欢迎。 它们很吸引人，它们被放在一起，而且它们很愉快，就像下面来自 ASOS 的这个类别（产品列表）页面一样。

资料来源： ASOS

既然您知道产品列表页面的重要性，我们将介绍组织它们的最佳方式、类别页面的基本元素、如何改进导航、如何提高转化率以及如何改进 SEO排名。

准备好？

让我们开始吧！

您向购物者展示产品的方式不仅会影响他们的便利性，还会影响他们是否向您购买产品。 尽管您可以通过多种方式对产品进行分类，但我们将介绍的两种主要方式是 1) 网格视图和 2) 列表视图。

在决定哪种方式最适合您的站点之前，让我们先了解一下这两种视图是什么：

• 网格视图：这通常显示带有少量附加信息的产品图像缩略图。 有时，此视图会在图像下方包含产品名称、价格和价格。
• 列表视图通常左侧有一张小图片，右侧包含产品信息。 突出显示的信息通常是尺寸、价格、产品描述或可用性。

那么这些不同的分类如何影响客户的决策过程呢？

网格视图的优点包括：由于更多的图像而更具吸引力，用户的注意力均匀地分布在整个项目中。

资料来源： ZooShoo

网格视图的主要缺点是它包含的信息较少。 这意味着客户将不得不花费更多时间来获取有关特定产品的更多详细信息。

列表视图的优点包括：遵循人眼遵循的自然 F 形阅读模式，提供更多产品细节（便于客户比较产品）。

资料来源：百思买

哪一个最适合您的商店？

这在很大程度上取决于您销售的产品类型。 如果您正在经营一家时尚电子商务商店，您可能希望拥有更引人注目的视觉效果。 如果您销售电子产品，列表视图可能是最好的，因为规格、保修等细节非常重要。

一般规则是网格视图用于图像，列表视图用于细节。 无论您选择哪种视图，请确保给您的购物者留下深刻的第一印象。

您的电子商务网站上的每个页面都应该增强用户体验。

类别页面也不例外。

不应将其视为通往产品页面的过渡页面。 您应该将类​​别页面视为您可以控制以提高转化率的另一个元素。

您如何充分利用此页面？ 这里有5种方法：

1）漂亮的标题会产生巨大的变化

清晰、有效且完美地涵盖特定类别中的产品类型。 一种有效的技术是使用捕获类别中列出的产品的高清“英雄”图像。

资料来源： Nutro

2) 从缩略图中获取更多信息

缩略图的一个关键提示是保持一致。

购物者喜欢比较（有时疯狂的科学家集中在发现医学突破的边缘），因此对于敏锐的购物者，您必须具有相似的背景、一致/互补的背景和相似的观点。

当缩略图一致时，它也会给网站带来专业的感觉。

对视觉元素使用网格布局，并尽可能减少混乱。

3）将您最畅销的产品或最受欢迎的物品放在前面和中心

购物者经常想知道其他人在购买什么以及哪些产品正在下架。 清楚地展示畅销商品和热门商品，让他们轻而易举。

您甚至可以使用这种技术通过产品捆绑和巧妙的追加销售来促进销售。

OptiMonk 等工具可帮助您使用现场消息推广畅销产品或追加销售产品。

4) 使用评分和评论

社交证明是您可以在您的网站上使用以获得更多销售额的最佳方式之一。 人们更有可能购买经过他人“验证”的商品（验证越多越好）。 您展示的真实、满意的客户数量越多，您销售产品的机会就越大。

Cindy Joseph 的 BOOM 在利用评论的力量方面做得很好。

资料来源：繁荣 辛迪·约瑟夫（ Cindy Joseph）

5) 显示可用尺寸和颜色选项

为您的购物者提供选项并具有直观的功能，以各种颜色/尺寸显示特定产品。 查看 H&M 如何在产品下方显示可用的颜色选项：

来源： H&M 美国

这也可以是您可以有效利用紧迫性来推动更多销售的地方。 例如，您可以列出选择的尺寸仅在 X 时间内可用，或者只剩下 X 数量为绿色等。

亚马逊和 Booking.com 等公司是正确展示紧迫性并促使人们迅速采取行动的专家。

Baymard 研究所最近的一项研究表明，不在主导航中显示产品类别会给购物者带来巨大的导航问题。

为了提高产品类别页面的导航和可见性，以下是一些实用技巧：

• 将产品类别显示为第一级导航。
• 使用清晰直观的搜索栏优化您的搜索功能。 您可以按照 Google Suggest 使用自动完成的方法来帮助购物者更快地找到他们的商品。

资料来源：水石

• 允许访问者对网站上的产品进行排名。 拥有某种机制，访问者可以对您网站上的产品进行排名，这将使最受欢迎的产品非常明显，而不太受欢迎的产品将更难找到。 当存在与产品受欢迎程度有关的模式时，此技术还可以帮助您进行产品研究和库存管理。
• 让客户按颜色、类型、形状、类别、尺寸、性别等对商品进行分类和搜索。

您可以拥有最完善的电子商务渠道（来自 Facebook 广告、大量流量、流畅的结帐流程等），但如果您未能优化产品页面，您的用户的购物车将保持空白。

电子商务可能是一个残酷的世界……

在整篇文章中，我都强调了在产品列表页面设计的各个方面有意识的重要性。 您选择的图像、您使用的社交证明、您使用的副本，所有这些都在用户体验和最终销售中发挥作用。

话虽如此，这里有一些经过验证的技术可以用来提高产品列表的转化率：

1）当产品受欢迎时使用标签

使用清晰的标签和标记让购物者了解您商店中的热门商品。 一个好方法是使用对比色或高雅的明亮横幅来表明产品的受欢迎程度。

2）让他们很容易添加到购物车

我不能强调简化和让用户轻松检查的重要性。

在 2019 年，品牌正在以前所未有的方式争夺客户的注意力。

您让用户对您的产品感兴趣并让他们完成购买的时间越来越少。 在每件商品上，您都应该有一个“添加到购物车”按钮，可以自动将商品放入购物车。 更少的阻力=人们向您购买的可能性更高。

在下面查看 HoneyGirlOrganics 如何在其类别页面上设置“立即购买”按钮。

资料来源：HoneyGirlOrganics

3) 提供更多信息

您不必用关于保修、退货政策等段落的段落来压倒您的购物者。您可以找到快速而巧妙的方法在您的产品列表页面中隐藏这些重要信息。

例如，您可以减少脂肪并减少保修，并将信息返回到包含“需要知道”的一行。

有时，少即是多。

4) 个性化购物体验

通用消息是全球购物车放弃率极高的最大原因之一。

就好像电子商务商店的老板忘记了其他人正在屏幕的另一边购物。

像他们一样与您的购物者交谈，并观察您的销售额增长。

我并不是说你应该过度使用俚语并使用 Urban Dictionary 中的最新热门术语。 我的意思是，您应该像对待充满活力的人一样与人交谈，而不是“尊敬的客户”。

5) 展示您的折扣

有特价商品吗？ 炫耀他们。 您是否提供首次客户折扣？ 强调这一点！ 有某种忠诚度计划或交易吗？ 让他们知道。

销售和限时折扣是促进销售和与用户建立联系的好方法。

查看 BootCuffsSocks.com 如何突出销售的产品。 他们在增加紧迫性方面也做得很好。 看看他们如何显示有关某人最近购买产品的消息？

资料来源：靴袖和袜子

6) 提高网站速度

47% 的客户希望网站在 2 秒或更快的时间内加载。 如果您的网站花费的时间比这更长，那么您将把钱留在桌面上。

速度是电子商务世界几乎所有方面的游戏名称，因此应该非常重视网站速度。 您应该确保您的网站在桌面和移动设备上快速加载，以便为您的用户提供最流畅、最愉快的体验。

7) 专注于你的价值主张

你到底在干什么？ 是什么让你与成千上万的店主不同？ 为什么人们要给你他们的血汗钱？

消费者是更有意识的购物者，他们想知道为什么商店出售他们的产品而不是显而易见的（赚钱）。 他们想了解您的故事、您开店的原因、您是否使用可持续做法等。

独特的价值主张可以说服客户与您一起购物，让您专注于转化。

在我们以搜索为中心的消费世界中，受到 SEO 之神的青睐可以将您的商店提升到一个新的水平。

Optify 表示，排名第一的网站获得了 35.4% 的点击率，排名第二的网站获得了 12.5% 的点击率； 第三名的点击率为 9.5%。

注意到从 1 到 2 再到 2 到 3 的巨大差异吗？ 这就是 SEO 对您的点击率、流量和销售额的影响。

以下是您如何掌握 SEO：

• 花时间进行一些彻底的关键字研究（针对与您的产品相关的长尾关键字。长尾关键字通常竞争较低，因此您更有机会获得有利排名）。 使用Google 的关键字规划器来执行此操作。
• 确保您的类别标题包含您的关键字。
• 使用搜索引擎和人类都能理解的简单 URL（简短而切题总是效果最好）。
• 继续引入新的社交证明（Google 偏爱定期更新内容的网站。获得的产品评论和评分越多，Google 将继续为您的网站编制索引）。
• 通过使用正确的图像尺寸和可靠的标题来优化您的图像 
• 在图像中使用alt 标签。
• 使用社交分享按钮（分享是关怀！您的网站/内容被分享的越多，您的排名就越高）。
• 拥有可靠的元描述（包含相关关键字的 300 字、有说服力的元描述会对您的点击率产生巨大影响）。
• 使用以利益为导向的文案，清楚地描述你的产品将为购物者带来的价值，让你的产品描述流行起来。
• 在提高自然排名和转化率方面，定期测试并保持开放以探索新想法。

电子商务世界每天都变得越来越有竞争力。

您为提升自然搜索结果所做的微调越多，您的商店排名就越高，您能够为购物者提供更好的用户体验。

您现在有大量信息可以开始将您的产品列表页面和在线表格转换为转换机器。

您了解了如何在产品列表页面中对产品进行分类、基本元素、如何改进导航、提高产品列表页面转化率的成熟技术以及改变游戏规则的 SEO 技术（在此处了解更多信息）。

最重要的是，您了解到，有意并始终寻找使用户体验更流畅的方法是在电子商务世界中蓬勃发展的关键。

现在，交给你了！

您听说过哪些优化产品列表（或类别）页面的技术？ 请在下方告诉我们⬇️