我们如何通过 CTA 的 A/B 测试将转化率提高三倍

62 次浏览
9 分钟阅读
更新于: 2026年4月22日 发表于: 2024年8月3日
我们如何通过 CTA 的 A/B 测试将转化率提高三倍
9:58

核心摘要

我们如何通过 CTA 的 A/B 测试将转化率提高三倍

别再为虚荣的点击量买单,B2B网站的核心任务是获取真实线索;通过将行动号召(CTA)与最终转化目标精准对齐,我们成功将线索转化率提升了三倍。

  • 警惕虚荣指标: 高点击率不等于高转化率,仅围绕“点击量”优化CTA会引发访客期望错位,导致登陆页面的真实转化率极低。
  • 强化意图对齐: CTA必须发挥“线索预审”的作用,明确且直接的文案(如“联系我们”)虽会过滤无效点击,却能大幅提高核心客户的表单提交率。
  • 基于数据迭代: 摒弃主观假设与通用的“最佳实践”,建立系统化的A/B测试机制,紧盯漏斗底部的最终业务指标进行持续优化。

"把你的网站变成你最好的销售代理"。"您的网站需要产生潜在客户"。"你需要吸引访客并将他们培养成潜在客户"....。

如今,对网站和数字营销团队创造销售线索的要求并不低。让我们来看看我们在建立网站时遇到的一些经验、技巧和窍门。本文将探讨参与过程中的一个关键要素--行动号召(CTA),以及我们如何通过改进行动号召将访客到联系人的转化率提高了两倍。

我们如何通过 CTA 的 A/B 测试将转化率提高三倍

什么是行动呼吁?

根据维基百科的解释:

行动号召(Call-to-Action)是一个营销术语,指任何旨在促使用户立即做出反应或鼓励立即销售的设计。CTA 通常是指在销售脚本、广告信息或网页中使用单词或短语,迫使受众以特定方式采取行动。

CTA 通常是某种按钮或横幅,是一种可视化的超链接元素,可指向展示 "转换提议 "的登陆页面。

立即购买

放入购物车

下载免费产品

免费试用

在此订阅

获取我们的时事通讯🤬 🤬

让我们再仔细看看它们(上面的都很糟糕!),回顾一下 CTA 的组成部分、信息、文案、视觉展示、在买家旅程中的作用以及意图。

行动号召的组成部分

目的--为什么要有行动呼吁?CTA 的目的是促使用户执行特定操作。这是一个鼓励访客采取切实步骤成为客户的机会。CTA 的目的不是让访客点击它;其目的是鼓励您的潜在客户前往某个地方并采取下一步行动--通常是填写表格以提交所需的信息,如您的姓名和同意书,以便进行沟通或提供您的信息为购买交易做准备。如果没有明确的目的和目的地,您的 CTA 不太可能达到预期效果。

信息/CTA 文案--非常简单。这是鼓励采取行动的文字、视觉或声音。常见的有 "获取免费试用版"、"联系我们 "和 "开始行动"。不过,虽然 "点击这里"(比较过时)也可以作为 CTA 信息,但如果没有令人信服的上下文,人们点击它的可能性就会降低。

信息展示--展示 CTA 的不同格式几乎是无穷无尽的。这些例子包括超链接文本 CTA、图片 CTA、GIF、按钮和横幅。对心理学有一点了解,对目标角色有很多了解,对你的 CTA 是否被认为是可爱的按钮起着重要作用。蓝色代表酷。红色具有攻击性。大写字母代表大喊大叫。在这种情况下,"外观 "绝对重要。

定位--位置、位置、位置。展示 CTA 的位置也很重要。它可以是博文的一部分,也可以是导航菜单的一部分,还可以是在页面上停留超过 30 秒后出现的弹出窗口,或者是有意退出页面时出现的弹出窗口。

如何创建成功的 CTA?

网上有很多关于如何优化 CTA 的建议。其中最重要的一条就是使您的信息和表现形式与意图和受众相一致。

无论建议是什么--使用这些颜色和字体;这是最好的尺寸;保持简短(甜美);不要使用夸张的语言--都要接受建议,但不要依赖它。您的企业、网站和受众都是独一无二的,因此您的 CTA 必须适合您 的世界,才能吸引潜在客户。

世界,尤其是营销人员的世界,正在以前所未有的速度发生变化。昨天仍然有效的方法,明天就不再奏效。

那么,如何才能跟上时代的步伐并取得实际效果呢?如何始终如一地为特定受众创建敏锐而吸引人的 CTA?您需要测试和试验、失败和成功、调整或放弃失败的东西、比较各种变化并不断优化有效的东西。如果采用规范的方法进行正确设置,A/B 测试(或 A/B/C 测试或 A/B/C/D 测试)将带来令人大开眼界的结果。在我们的小案例研究中,通过优化 "联系我们 "CTA 按钮,我们的联系人数量增加了 3 倍。

我们如何通过 CTA 的 A/B 测试将转化率提高了三倍

就是这个,一个可爱的小家伙。它符合我们的配色方案,并通向 "联系我们 "页面,在这里我们要求访客填写他们的信息,以便就业务增长进行讨论:

mOIQaOyMVsK9NsB97ZbwdumxtRIs48gN35DHVBe bobVGfkbxQxQ3Bgx j4FcSurSUY6HLCV7lEkzj Ic93ZjiWhxq EHknQjOqhPAov7FCQfbje2axrS47xNycj71Mbn8g1vPDC7jqiZDM41Ew4YCnK2oSldu0HIM9tQCAvt EmHrlSiDklvey3Fg

当我们最初设置这个页面时,我们将其与 "联系我们 "进行了对比测试。开始 "页面的点击率大约是 "联系我们 "页面的 2 倍。人们肯定喜欢它,我们是这么想的。它最终胜出,我们将其投入使用。

从表面上看,这似乎是个不错的方法:根据显示良好效果的数字来衡量和决定--两倍的点击量很有说服力,不是吗?不,不应该这样。不要这么做。那么,我们错在哪里?我们掉进了优化 "点击量 "的陷阱!

让我们来看看转化路径是如何互动的:

CTA -> 着陆页面 -> 提交表单

  • 1 步:无论行动号召以何种形式出现在何处,它都是为了引导访客访问着陆页。它位于网站、导航、博客文章等位置。

  • 步骤 2:登陆页面的目的是让访客填写表格并点击提交。

点击虽然是必要因素,但却是次要目标。如果在 CTA 上加上 "获取免费冰淇淋",点击率会进一步提高,而我们(误)引导到 "联系我们 "页面的人数会更多。当他们没有看到任何冰淇淋优惠时,他们会(理所当然地)感到失望,当然也就没有理由填写登陆页面上的表单了。

当我们研究 CTA 及其变化对 "联系我们 "页面转化率的影响时,灯泡亮了。它仍然偏爱蓝底白字的 "开始 "版本吗?没有。至少在我们的案例中不是这样,如下所示:

    浏览量 点击次数 点击率 提交 提交提交率 提交/查看
变体 A 我们如何通过 CTA 的 A/B 测试将转化率提高了三倍 7,380 720 9.76% 18 2.50% 0.24%
变式 B image png Oct 04 2022 12 11 33 35 AM 7,403 275 3.71% 17 6.18% 0.23%
变式 C image png Oct 04 2022 12 11 56 30 AM 8,370 60 0.72% 10 16.67% 0.12%
变式 D image png Oct 04 2022 12 12 37 49 AM 7,800 210 2.69% 60 28.57% 0.77%

上述 A/B/C/D 测试在 HubSpot 上很容易设置,我们测试了四个不同版本的 CTA,所有 CTA 都指向同一个着陆页,并提供相同的报价。HubSpot 显示每个变体的频率都差不多(在我们的案例中并不是同时开始的),但我们要看的是各种比例,而不是绝对数字。

此外,对于真正的科学证据来说,样本量仍然相对较小。

但以下是从这次 CTA 变体评估中得出的一些初步结论:

  • 如果只看点击量,我们的旧文本 "开始 "比 "联系我们 "表现更好。

    结论:文字更有吸引力,承诺更少。开始并不意味着太多,但联系并交谈......哇。这是更重要的一步。因此,根据访客点击的百分比来衡量,前两个变体胜出。

9.76% 和 3.71% 比 2.69% 和 0.72% 好得多我们选择它的先验和虚假理由:它比 "联系我们 "好四倍。不对。

  • 在比较颜色时,也是通过点击率来衡量,红色胜过蓝色;在这些情况下,9.76% 和 2.69% 比 3.71% 和 0.72% 好得多。

  • 不过,如果考虑到最终目标,即在登陆页面上提交联系信息,对 "最佳 "的评价就会发生变化:在这里,尽管红色的 "联系我们 "比 "开始 "和 "联系我们 "两个 CTA 的点击率都要低,但红色的 "联系我们 "还是以较大优势胜出。

    获胜的 CTA: Y5EI06M6sDdoh6Bsijtc2JAdutFOac81HKnI6Bbs7RB 5mIhYq2mYkFj608scKWWXDr6Pez3Pr9F08RZ wXZ7dck1BMuo5xfFGxI4lIJ29WNHqu4mCWbQzNO0bAIOYLQ6NSrB6CaAaUpvCEc GbwkPRFql9iqJUaW6SXB33Cop0Wgu6MrT9jBmZ3SA
  • 虽然我们无法 "确定",但一个强有力的假设是,"开始"并不等同于与我们取得联系。虽然 "开始 "很有吸引力,但很多人并没有准备好联系我们,也没有填写 "联系我们 "表单。在未来的测试中,这可能会引发一些自助服务解决方案。

  • 与 "开始 "相比,"联系我们 "是一个更陡峭的障碍,这也是 "联系我们 "按钮点击次数较少的原因。不过,在某些时候,"联系我们 "页面与 "联系我们 "CTA 真正保持一致,会带来更好的效果,也就是说,"联系我们 "CTA 起到了初步预审的作用。

核心结论并不是说这种特定的文字或颜色比另一种更好,您就应该这样更改您的 CTA。但如果你这样做了,请在评论中告诉我们你的结果如何。

少一些假设,多一些测试和测量--建立一种持续的 A/B 测试方法--尽可能多地探索每一种合理的变化--看看你能通过定位、颜色和信息来改善你的 CTA。

如果您想讨论提高转化率的可能性,只需点击一下 CTA,我们就会与您联系。您想开始吗?

HubSpot CRM

常见问题

什么是行动号召(CTA)?

根据维基百科的解释,行动号召(Call-to-Action,简称CTA)是一个营销术语,指任何旨在促使用户立即做出反应或鼓励立即销售的设计。

它通常表现为按钮或横幅等可视化的超链接元素,引导访客前往展示“转换提议”的登陆页面。

一个有效的行动号召(CTA)包含哪些关键组成部分?

一个有效的CTA主要包含以下四个关键部分:

  • 目的:促使用户执行特定操作,如填写表格成为潜在客户。
  • 信息/文案:鼓励采取行动的文字或视觉内容。
  • 信息展示:CTA的格式和外观,如颜色、字体和按钮设计。
  • 定位:CTA在网页上的展示位置,如导航菜单、博文内部或弹出窗口。
如何创建一个成功的行动号召(CTA)?

创建成功的CTA的关键在于使您的信息和表现形式与访客意图和受众相一致

因为每个企业和受众都是独一无二的,最好的方法是通过不断的A/B测试(测试不同的颜色、文案和位置),比较各种变化并持续优化真正有效的设计,而不是盲目听从通用的设计建议。

在优化CTA时,为什么不能只看“点击率”?

只看点击率会让人掉进优化“点击量”的陷阱。点击虽然必要,但只是次要目标。

如果CTA的文案(例如“开始”)吸引了大量点击,但与登陆页面的实际意图(例如填写“联系我们”表单)不符,访客就会流失,最终导致实际的转化率(表单提交率)非常低

网站访客转化为潜在客户的标准路径是什么?

网站访客的转化路径通常通过以下步骤进行互动:

  • 第一步:点击CTA。CTA引导访客访问特定的着陆页(登陆页面)。
  • 第二步:访问着陆页。着陆页的目的是展示提议并让访客填写表单。
  • 第三步:提交表单。访客在着陆页上填写信息并点击提交,正式成为潜在客户。
在CTA的A/B测试案例中,“开始”和“联系我们”哪个文案表现更好?

如果仅看点击量,“开始”按钮表现更好,因为它承诺较少,文字更有吸引力。

但是,如果看最终的表单提交率(转化率),“联系我们”按钮以较大优势胜出。这是因为点击“联系我们”的访客已经做好了沟通的准备,意图与登陆页面高度一致,起到了初步预审的作用。

CTA的颜色对转化率有影响吗?

是的,颜色对CTA的效果有显著影响。

外观绝对重要。在案例研究中,测试数据表明,在对比颜色时,红色的CTA按钮在吸引点击和最终促成表单提交方面,整体表现优于蓝色的按钮。

为什么高点击率的CTA有时会导致低转化率?

这通常是因为CTA的承诺与登陆页面的实际内容不匹配

例如,如果CTA写着“获取免费冰淇淋”或模糊的“开始”,访客点击后却被引导至需要填写详细信息的“联系我们”页面,他们会感到失望或没有准备好,从而放弃填写表单,导致高点击、低转化。

什么是A/B测试?它在CTA优化中起什么作用?

A/B测试是一种将网页或CTA的不同版本(如不同的颜色、文案或位置)互相进行对比测试的方法。

在CTA优化中,它可以帮助营销团队少一些主观假设,多一些数据测量,通过科学比较找出能带来最高实际转化率(如表单提交)的最佳版本。

从CTA优化案例中得出的核心结论是什么?

核心结论是:不要依赖主观假设,而应建立持续的A/B测试方法。

营销人员应该尽可能多地探索每一种合理的变化(定位、颜色、信息),通过测试和测量来找到最适合自己独特受众的CTA,从而将网站变成最好的销售代理并最大化转化率。

你可能还喜欢