网络的第一折

已发表: 2020-03-04

您网站的第一部分是最重要的部分。 所有登陆您页面的访问者最终都会看到该块。 这将使他们继续浏览您的网站,滚动以了解更多信息,或者直接离开。

当我们谈到热图时,我们看到网络的第一部分是在大多数情况下获得更多相关性的部分。 在我们在那里分析的热图和滚动图中,网络第一个块中的活动量更大。

许多访问者只会看到第一折,他们不会向下滚动页面。 优化我们展示的内容是提高转化率的关键。 这就是为什么本月我们将讨论我们网站登陆页面第一折的优化。

假设:关注信息

在 Nelio 中,我们有两个用于 WordPress 的高级插件:Nelio Content 和 Nelio A/B 测试。 今天我们将重点关注第二个,它也是我们用来在我们网站的这一部分中运行测试的那个。 让我们分析一下 Nelio A/B 测试登陆页面的第一折。

此页面的目标是向潜在用户展示产品,以便他们最终访问定价页面。 从这个登陆到定价页面的访问者越多,他们最终购买产品的可能性就越大,这就是我们想要的。

多亏了我们用于网络分析的工具,我们拥有的数据告诉我们,这个页面已经表现得非常好。 更具体地说,我们知道访问我们的目标网页的访问者中有一半最终访问了定价页面。 还不错吧? 现在的问题是,我们可以改善这些数字吗?

Nelio A/B 测试登陆页面第一折的原始版本。
Nelio A/B 测试登陆页面第一折的原始版本。

上面的屏幕截图显示了您在该页面的第一折中看到的内容。 它的主要标题是产品名称:Nelio A/B Testing。 然后我们有一个副标题,试图为用户创造一种紧迫感,以便他们开始测试他们的网站。

但是,如果我们重新考虑文本并尝试改变信息以引起好奇心而不是紧迫感,我们也许能够改进我刚刚向您展示的这些数字。 此外,为了避免分心,我们可以更改网页的第一个块,使其使用整个第一个折叠部分,从而隐藏页面的第二部分,这对我们的目的没有帮助。

因此,我们将在这里创建的测试假设是,如果我们专注于网站的第一部分以发送明确的信息,则转换必须提高。 我们会成功吗? 让我们来看看…

创建第一个折叠的变体

我们要做的第一件事是转到 WordPress 中的 Nelio A/B 测试并创建一个新的页面 A/B 测试。 我鼓励您对着陆页也这样做,并在评论中与我们分享您的结果。 您只需从 WordPress 插件目录安装 Nelio A/B 测试即可免费进行此测试。

现在我们必须命名我们要创建的测试和变体。 测试的目标是访问定价页面。 因此,我们添加了一个转化操作来跟踪对定价页面的访问作为转化。 设置所有这些测试将花费您不到一分钟的时间。 现在我们将使用更改来编辑变体。

我们使用 Nelio A/B 测试创建的测试的编辑屏幕,以测试登录页面第一折中的更改。
我们使用 Nelio A/B 测试创建的测试的编辑屏幕,以测试登录页面第一折中的更改。

编辑变体时,我们转到我们在 WordPress 中默认配置的页面编辑器。 我们使用 Gutenberg 块编辑器。 我建议你使用这个或任何你觉得舒服的东西。

在下面的比较中,您可以看到我们在登录页面的第一块中所做的更改。 请记住,如果您将鼠标悬停在块上,您可以将分隔线向右或向左移动,以查看我们将要测试的页面的原始版本或其变体。

Nelio A/B 测试登陆页面第一折的原始版本。
Nelio A/B 测试登陆页面的第一折变体。
Nelio A/B 测试登陆页面第一折的原始版本和变体之间的差异。

在变体中,我们更改了标题,而不是已经出现在徽标中的产品名称,我们添加了一条消息,以激发访问者的好奇心。 我们希望他们考虑对他们的网站进行可能最有效的更改。 不一样的颜色? 按钮的另一种形状? 所有这一切的替代地点?

在此之后,我们将副标题更改为表明我们有解决您的好奇心的解决方案:“创建和测试您的 WordPress 的不同版本,以发现您的受众最喜欢什么并提高您的转化率。”

创建 A/B 测试和编辑我们页面的变体只需要几分钟。 我们能得到的回报比付出的努力要大得多。

最后,由于我们有西班牙语和英语的网站,我们对西班牙语的页面也是如此。 您可以在以下比较中看到西班牙语页面变体的变化:

Nelio A/B 测试登陆页面第一折的原始版本。
Nelio A/B 测试登陆页面的第一折变体。
Nelio A/B 测试(西班牙语版)登陆页面第一折的原始版本和变体之间的差异。

一切准备就绪后,我们只需要开始两个页面测试,每种语言一个,然后等待结果到来。 请记住,Nelio A/B 测试负责在测试的不同变体之间分配您的流量,并计算访问次数和转化次数。 你不需要做任何其他事情......只是等待。

分析结果:我们的改变效果更好吗?

让我们从英文页面的测试结果开始。 您可以在以下屏幕截图中看到所有详细信息:

A/B 测试结果比较了 Nelio A/B 测试主页的英文变化。
结果比较了英文 Nelio A/B 测试登陆页面的第一折。

该测试已经运行了 26 天,总共分析了近 1000 名访客。 如您所见,此时测试已经能够确定版本 B 是获胜者。

正如我们已经知道的那样,在这种情况下,原始版本的转化率为 54%。 这与我之前提到的网络分析工具的数据相匹配。 另一方面,该变体实现了大于 60% 的转化率,即提高了 12.3%。

数据具有统计学意义,置信度大于 95%。 因此,我们可以确认使用页面的整个第一折叠的新副本的变体比我们迄今为止的更好。 我们的假设是正确的。 那么,我们一定很高兴。

如何应用获胜的变体

一旦我们知道我们有一个比当前更好的页面的替代版本,我们必须使这个变体成为所有访问者都能看到的版本。 为此,我们必须首先停止测试。 然后,我们转到获得变体结果的部分,然后按下按钮应用它。

Nelio A/B 测试的 UI 屏幕截图,用于应用拆分测试的获胜变体
要应用获胜者以使其成为所有访问者都能看到的版本,您只需单击赢得测试的版本的应用按钮即可。 您将在结果屏幕上找到它。

它所做的是将我们拥有的页面替换为我们发现效果最好的变体。 就这么简单,一键搞定。 如果您需要它,您可以随时重新应用原始版本并返回到以前的状态。

西班牙语页面的测试怎么样?

好吧,你有以下结果:

A / B 测试的结果比较了西班牙 Nelio A / B 测试主页上的变化。
A/B 测试的结果比较了西班牙 Nelio A/B 测试登陆页面上的变化。

26天后,由于被测页面流量低,测试还没有得出任何结论。 访问者数量如此之少,以至于测试此页面毫无意义。 因此,我们可以从这里得出的唯一结论是,我们的西班牙语观众对进行 A/B 测试没有太大兴趣。

这很有趣,因为它证明了在同一个网站上,我们可以拥有非常不同的受众。 在这种情况下,差异化的事实不仅是语言,而且在英语国家这种类型的转换优化技术比在西班牙语地区更广泛和成熟。

所以我们在这里的工作是继续向我们的西班牙观众解释 A/B 测试的好处。 通过这样做,我们希望获得更多关于该主题的流量和兴趣。

这就是本月的全部内容。 不要忘记定期访问我们的网站,以了解我们将在未来几个月内分析的测试。

Matthew T Rader 在 Unsplash 上的精选图片。