登陆页面 A/B 测试:要比较的 10 大事项和原因

已发表: 2022-09-03
阅读时间: 11分钟

因此,您想开始 A/B 测试您的目标网页。 但在你随意挑选东西之前,请考虑一下。 成功的实验是基于理论,而不是猜测。

您当前的着陆页上的表现如何? 用户在哪里下车? 整个事情是针对到达那里的潜在客户吗? 一旦你知道了这些答案,你就会从你的测试中得到更快、更好的结果。

你永远不应该停止测试。 即使你找到了有用的东西。 总有一种方法可以提高转化率。 从明显的变化到微小的、微不足道的细节。

这些是 A/B 测试目标网页的前 10 个元素以及原因。 另外,很多例子:

  1. 弹出窗口
  2. 号召性用语文本
  3. 号召性用语按钮
  4. 标题
  5. 主要副本
  6. 图片和视频
  7. 注册表单字段
  8. 登陆页面设计布局
  9. 社会证明
  10. 较小的细节(颜色、字体等)

A/B 测试工具

A/B 测试只是指网页的 2 个相互竞争的变体。 但是您也可以进行其他类型的测试。 拆分测试将流量减半到 2 个不同的版本。 而多变量测试比较更多的变量和组合。

资料来源:HubSpot

但每次测试都必须基于研究和观察。 然后你需要一个假设来工作。

资料来源:Leadpages

有大量提供 A/B 测试的 CRO(转化率优化)工具。 每个都有不同的定价计划。 (包括一些零预算公司的免费项目。)

这些是一些最受欢迎的:

  1. AB 美味
  2. 疯狂的鸡蛋
  3. HubSpot 的 A/B 测试套件
  4. 谷歌优化
  5. VWO
  6. 大纽扣厂

因此,请检查它们,看看是否对您的品牌有用。

弹出窗口

当前版本的着陆页是否有弹出窗口? 如果不是,为什么? 我们都经历过破坏 UX(用户体验)的弹出窗口。 但不一定是这样。 做得好,他们可以降低跳出率并将潜在客户移到漏斗中。

资料来源:OptinMonster

有很多方法可以对弹出窗口进行 A/B 测试。 您可以尝试不同的颜色或色调:

来源:Getsitecontrol

也有很多不同的格式可以尝试。 取决于你想要变得多么微妙或明显:

资料来源:Boagworld

如果您从事电子商务,您可以为页面访问者尝试不同的优惠:

来源:Getsitecontrol

要记住几件事:

  • 时机就是一切
  • 保持尺寸和设计简单
  • 明确用户点击后会发生什么
  • 使用友好的副本

有时不是你说的那样。 这就是你所说的。 您的 A/B 测试过程可以帮助找到与人们产生共鸣的内容。

号召性用语文本

您的号召性用语是您的营销活动的转化目标帖子。 直接通过它们是您的购买、下载或注册。

保持简单并写下“单击此处”很诱人。 但是有很多选择可以吸引用户并希望激发所需的行动。

那么,你应该写什么? 首先,您需要确定转化意图。 您希望将您的副本与用户在渠道中的位置以及他们的来源(流量来源)保持一致。

资料来源:KlientBoost

冷静让事情变得非常简单。 一行文字告诉您应用程序的总体目标。 然后 5 个不同的 CTA 按钮让您选择最相关的痛点。 之后,您将进行快速的个性化测验,以了解如何最好地使用该应用程序。 天才。

Budgetnista 让您确切地知道您将从她的每周时事通讯中获得什么。 她对价值很坦率,并且知道她的省钱观众会喜欢这一切都是免费的。

您可以通过 CTA 副本获得真正的创意。 首先,找出网站访问者出现的原因以及他们想要什么。 这样,与他们产生共鸣应该很容易。

号召性用语按钮

CTA 按钮是号召性用语的最后一步。 它将被动访问者转变为活跃用户。 因此,它值得拥有自己的一部分。

因为它的很多部分可以导致更高的转化率:

  • 使设计看起来可点击
  • 对您的副本进行描述
  • 适当调整大小和间距
  • 尝试第一人称
  • 创造紧迫感并使用强动词
  • 添加副标题

资料来源:帆布

对 CTA 按钮的一个小调整可能会极大地影响 A/B 测试结果。 Unbounce 发现,将其登陆页面上的副本从“开始免费 30 天试用”更改为“开始我的30 天免费试用”可将点击率提高 90%。

即使更改按钮颜色也会产生很大的影响。 用户显然更喜欢这封电子邮件中的亮橙色版本,而不是版本 B 的海军蓝:

资料来源:斯诺夫

您可以使用 Da Button Factory 的免费工具试用不同版本的按钮。 创建不同的样式、颜色、字体和文本。 然后下载并在您的登录页面上进行测试。

来源:大纽扣厂

您甚至可以尝试添加按钮“副标题”以显示您了解潜在的痛点:

资料来源:CoSchedule

然后你需要强调你所提供的东西的价值。 然后处理任何异议。

资料来源:营销示例

登陆页面优化都是关于那些微小的细节。 尤其是转换前的最后一步。 所以,不要忘记他们。

标题

平均而言,80% 的人会阅读您内容的标题。 但只有 20% 的人会费心阅读其余部分。 所以,很多东西都在它上面。

这是许多人对您的网站和品牌的第一印象。 所以,它不能无聊或混乱。 它必须具有吸引力和相关性。

资料来源:Leadpages

以下是您可以尝试的一些内容:

  • 副本本身
  • 句子长度
  • 它在页面上的位置
  • 大小和字体
  • 您要强调的主要好处

作者 Amanda Stevens 仅通过 A/B 测试她的标题措辞就将她的电子书转化率提高了 307%。 她从这个原始版本切换:

来源:Issuu

对于这个更清晰的更新:

这是来自 KlientBoost 的另一个 A/B 测试示例。 他们目前正在测试他们的营销计划页面的标题。 这是该页面的第一个版本:

他们正在试验的另一个:

Harry Dry 的最后一个提示是避免“登陆页面文字”。 诸如:增压、解锁、释放。 我们在谈话中并没有真正使用这些词。 所以,他们更难相处。

您的标题可能是您对人们的第一印象和最后印象。 因此,请确保不是后者。

主要副本

您网站的书面部分是 SEO 的主要因素之一。 所以,是的。 关键词研究很重要。 但别忘了,你是在为人类写作。

您的品牌声音需要在这里闪耀。 A/B 测试副本的不同变体以查看您的目标受众更喜欢哪种变体可能会很有趣。

Cards Against Humanity 是一款为可怕的人准备的派对游戏。 他们用他们厚颜无耻和讽刺的语气在两段简短的段落中总结了整个事情。

格式对您的主副本也很重要。 人类在承诺阅读整个内容之前会扫描页面。 因此,请确保使用副标题来分解较长的文本。

资料来源:营销示例

BarkBox 是清晰、格式良好的副本的一个很好的例子。 他们让潜在客户想以最快的方式准确了解他们得到了什么。

最小的外观似乎是一种增长趋势。 Tonic 品牌 Unspiked 使用了相同的策略。 用他们谈话语气中的几个要点代替一堵文字墙。

无论您在着陆页上说什么,都会有更好的方法来传达它。 所以,A/B 测试你的品牌声音、你强调的价值和格式。 看看你的听众对哪些反应。

图片和视频

视觉内容对于数字营销非常重要。 为了吸引您的目标受众,您的目标网页需要能够帮助您明确产品或服务价值的图形。

这可能是不同的格式:

  • 您的应用程序的屏幕截图
  • 用户生成的内容和社会证明
  • 您的产品照片
  • 卡通或图形
  • 电影或电视剧

资料来源:营销示例

人是视觉动物。 而且,展示您的产品或服务的功能比讲述要容易得多。 这样也会更难忘。 所以,我将采纳这个建议,并向你展示一些可行的例子。

人们可以购买的产品的高质量照片:

来源:虾虎鱼

传达服务涵盖的内容的草图:

来源:柠檬水

正在运行的应用程序的屏幕截图:

资料来源:Todoist

在后台播放的剧集,您可以单击以更清晰地查看:

资料来源:MadeBrave

您可以尝试对这些格式中的任何一种进行 A/B 测试。 也许把静止的镜头互相攻击。 然后针对获胜的照片或图形尝试视频。

您的受众可能对产品或人员有偏好。 他们可能希望看到您产品的 360 度全景视频。 或者他们可以放大之前/之后的图像。 找出哪个是你的工作。

注册表单字段

您经常会在登录页面上看到注册表单。 设计将取决于您希望人们注册的内容。 它是每周电子邮件通讯吗? 预定的网络研讨会? 可下载的资源?

在你不需要的时候提前向人们询问大量信息就足以让人们望而却步。 即使是大牌也弄错了。

资料来源:营销示例

想想你可以多么简单地制作你的注册表单。 也许你可以只要求像 Notion 这样的电子邮件。

资料来源:概念

然后通过设置和入职获取所需的其余信息。 您还可以使用表单对这些想法进行 A/B 测试:

  • 询问是否免费试用的信用卡详细信息
  • 对已完成的字段提供即时反馈(例如刻度或十字)
  • 通过社交媒体、谷歌或苹果注册的选项
  • 号召性用语和按钮颜色
  • 表单结构、位置和进度指示器
  • 添加说明或错误消息变体

将着陆页上的所有内容都视为号召性用语,而不是号召性用语。 此提示使该投注论坛的注册人数增加了 31.54%。

资料来源:退弹

因为人们从注册中得到什么更加明显。 该测试运行了 9 天,样本量为 13,560 名访问者和 291 次转化。 这些都是您在进行的任何 A/B 测试中都需要跟踪的重要指标。

如果你能简化这个过程,那就去做吧。 如果您需要大量信息,请将其分解。 让每个阶段的进展尽可能顺利。

登陆页面设计布局

到目前为止,我已经介绍了很多单页元素。 但是您的目标网页的整体设计如何?

布局会对人们首先看到的内容和与之互动的内容产生巨大影响。 热图和会话记录在这里非常宝贵。 因为它们可以帮助您跟踪用户旅程。 (我在一开始提到的一些工具可以帮助解决这个问题。)

他们将首先向您展示吸引人们注意力的内容。 另外,任何不能正常工作的功能或按钮。

资料来源:GIPHY

很大程度上取决于您的访客是热情还是冷酷的潜在客户。 将 CTA 和表单“放在首位”是标准做法。 但是,如果人们对您的产品一无所知,它可能会显得咄咄逼人。

这家公司将他们的 CTA 移到了长长的 B2C 登陆页面的底部。 实际上将转化率提高了 304%。

资料来源:尼尔帕特尔

不要只是随波逐流。 或者其他人都在做什么。 因为它可能不适合您的网站。

Unbounce 或 Leadpages 等登陆页面构建器有很多模板和选项。 所以,用这些来激发灵感或走自己的路。

使用记录和热图的结果来打乱您的布局。 不要只是按照您认为的用户旅程进行。 跟踪它并根据事实进行更改。

社会证明

现在大多数主页都包含社会证明。 它基于这样一种想法,即人们会根据其他人的行为来调整自己的行为。 它有利于您的目标网页,因为它有助于建立信任和感知价值。 并提高首次访问网站访问者的信心水平。

社会证明可以有多种形式:

  • 评论
  • 感言
  • 实例探究
  • 用户生成的内容 (UGC)
  • 影响者和品牌大使代言
  • 用户统计

它可以快速突出为什么您的公司是访问者的正确选择。 就像 VWO 主页上的社会证明一样。

他们以非常简单的方式展示了他们的成功。 每个品牌徽标旁边的百分比,显示他们使用他们的工具增加了多少转化:

其他时候,社交证明会使页面变得混乱。 并把注意力从你的 CTA 上移开。 因此,这可能意味着在添加之前先查看您的布局。

Buffer 在其主页上混合使用了推荐和统计数据来进行社会证明。 它显示了大量已经使用和重视公司的人。 然后深入探讨具体经验:

或者你可以保持超级简单。 并显示您在 TrustPilot 等知名评论网站上的评分。 这样一来,你就不需要多说什么了。

资料来源:胡桃盒

那么,你如何获得一些你自己的社会证明呢? 尝试以下选项:

  • 在社交媒体上向客户询问反馈
  • 使用社交聆听来了解人们对您的品牌的看法
  • 向您的网站添加评论
  • 要求 UGC 或发起主题标签活动
  • 突出显示谷歌分析的一些指标

一旦你有了一些选择,就该进行测试了。 看看它如何适合您的目标网页的布局。 找出哪个版本吸引了客户。哪个版本不会增加太多。 然后尝试别的东西。

较小的细节(颜色、字体等)

登录页面的两个版本不需要完全不同即可进行测试。 有时它会改变看似微不足道的细节。

需要一个例子吗? 增加这个 CTA 按钮背景的大小实际上会降低 10% 的转化率。 疯了吧?

​​​​

测试的机会是无穷无尽的。 但请记住,您所做的任何事情都基于表明它可能产生积极影响的研究。

你可以玩:

  • 配色方案
  • 排版和字体大小
  • 倒数计时器
  • 背景图像和图案
  • 链接颜色

显然,您不想浪费时间测试数百种字体变体。 所以,要现实一点,选择一些适合你的品牌形象的。

在这个网站的案例中,增加单个链接的字体大小导致点击率增加了 33%。

像这样的小调整可能是数千美元的差异。 但你不知道,直到你尝试。

结论

您的着陆页中有很多元素可以进行 A/B 测试。 但是你首先需要证据来支持它们。

很大程度上取决于您的产品或服务。 以及您希望将用户引导至的目标网页类型。 当人们到达您的网站时,他们准备好购买了吗? 还是他们希望更多地了解您的产品?

受众研究至关重要。 因此,请确保您首先了解有关潜在客户的所有信息。 这样,您的目标网页 A/B 测试将花费更少的时间和精力。 并产生更有意义的影响。

你见过 A/B 测试的成功吗? 您的目标网页的哪一部分可以使用更新? 请在下面的评论中告诉我们。