横幅真的有用吗？

谈完热图，让我们继续讨论另一个与转化优化相关的有争议的话题：在网站中使用横幅。

在线广告多年来一直在发展。 如果您是一位经验丰富的网络冲浪者，那么您肯定还记得 90 年代的那些网页，里面有很多横幅和动画 GIF，并试图引起您的注意，因此您最终会点击它们。

但现在是 2020 年。横幅发生了变化（除了许多其他事情）。 你应该问自己的是：网络横幅今天真的有效吗？ 让我们通过一个简单的示例来发现它，您也可以将其应用于您的网站。

寻找最大的影响

横幅的关键在于它们试图吸引访问者的注意力，以便他们点击它们，从而访问者最终访问或做你想做的地方/事情。 这就是为什么您必须在可能产生更大影响的地方添加横幅。

添加横幅的好地方是那些访问量最大的内容。 要了解此信息，您只需查看您网站的分析。 我们做到了，结果如下：

如您所见，我们网站上访问量最大的内容是两篇博客文章，一篇是西班牙语的，一篇是英语的。 首先，我们描述了您在 WordPress 中可能遇到的常见问题，然后我们解释了我们如何迁移我们的网站以及如果您这样做会发现什么问题（看起来谈论问题得到了访问……因此，如果您还没有这样做，这是一个在您的网站上讨论的好话题。看到了吗？除了在您的网站上测试的好例子之外，我还为您提供可能对您有用的内容的想法！？）

回到测试，我们的目标是将访问我们博客上两个最受欢迎的帖子的流量吸引到我们的产品页面。 为此，我们将使用横幅。 具体来说，我们将使用我们在 Nelio 中为 WordPress 块编辑器 Gutenberg 开发的号召性用语块。

此块将包含在访问量最大的帖子的内容中，以查看访问者是否单击它并最终访问我们的产品页面。 要查看横幅是否真的有效，让我们针对包含横幅的变体测试没有横幅的博客文章的原始版本。 因此，通过简单的 A/B 测试，我们可以看到结果并得出结论。

创建 A/B 测试以了解横幅在我们网站上的工作方式

让我们创建两个帖子的 A/B 测试来测试我们热门帖子上的横幅，包括英语和西班牙语。 我们将了解我们的受众的行为方式，以及横幅广告是否真的有用或不会为我们的产品页面带来流量。

我们使用 Nelio A/B 测试并创建新的帖子测试。 然后，我们完成创建测试所需的信息，如以下屏幕截图所示：

我们已经定义了测试的标题和描述，并选择了要测试的帖子。 此外，我们还创建了一个带有横幅的变体帖子。 最后，我们将访问 Nelio 内容页面定义为转化操作，这是我们将通过变体中的横幅将来自西班牙网站的访问者引导到的产品。

这整个过程非常快。 创建和配置测试非常简单。 此外，编辑帖子的变体以添加横幅也很容易，因为我们只使用 WordPress 的内置编辑器添加横幅块。 它们可能是图像块，但正如我之前预期的那样，我们将使用我们创建的特殊块类型，用作横幅。

内容中带有横幅的西班牙语帖子的结果如下所示：

事实上，我们在所述帖子的内容中添加了 4 个带有不同颜色和文字的横幅，以吸引最终看到原始帖子替代版本的访问者的注意力。

对于英文版，我们也这样做，但在这里我们将引导访问者访问我们的第二个产品 Nelio A/B 测试。 配置如下：

为了透明起见，您可以在此处查看两种变体的外观。 请记住，这些是非常长的屏幕截图……这就是为什么我将它们链接在这里而不是将它们嵌入到文章中：

• La solucion a los 5 problemas mas comunes de WordPress 的变体，带有横幅：在此处查看完整图片。
• WordPress 迁移问题的变体以及如何使用横幅解决它们：在此处查看完整图片。

现在我们已经准备好所有的成分，我们只需要开始每个 A/B 测试，以便他们开始跟踪和收集访问者的行为数据。

分析结果：横幅有效吗？

在回答这个问题之前，让我给你一些关于执行的 A/B 测试的额外信息……

每个测试运行了 11 天，收集了近 3,500 名访问者的行为，这是我们总受众中一个非常有趣的样本。 在这段时间里，我们所要做的就是等待。 当您进行 A/B 测试时，所有工作都在开始时完成，在配置测试和要测试的变体时（如您所见，这并没有那么多工作）。 然后你只需要放松，等待结果的到来。

在这种情况下，让我预计结果是不确定的。 在两个 A/B 测试中，我们都没有找到明显的获胜变体。 我们来看看西班牙帖的A/B测试结果：

正如您在前面的图表中看到的，A/B 测试的原始版本 (A) 和带有横幅的变体 (B) 具有相似的结果。

就转化率（即点击横幅的访问者数量除以访问者总数）而言，带有横幅的版本似乎更差一些。 但是，我们不能只看这些孤立的数据。 我们需要检查结果是否具有统计显着性，在这种情况下它们不是。

Nelio A/B 测试为我们提供了这些信息，并表明使用这些数据无法确定一种变体是否比另一种更好。 因此，我们有可能停止测试并尝试另一种类型的更改，或者耐心等待，并给它更多时间看看随着时间的推移和我们获得更多数据，是否有任何变化。

现在，我们来看看英文帖子的A/B测试结果：

看前面的图表可以认为很明显，带有横幅的版本比当前版本的帖子要好得多。 带有横幅的版本的转化率要高 220%，所以我们应该选择这个变体作为 A/B 测试的获胜者，对吧？

事实是，这里发生的情况与西班牙帖子的 A/B 测试相同。 在此测试中收到的转化次数非常少。 只有 4 位访问者最终访问了 Nelio A/B 测试页面，其中只有 3 位是通过变体 B 的横幅访问的。

相对于收到的访问者总数而言，转化次数如此之少，因此不可能说一种变体比另一种更好。

横幅失明是真实的

在分析结果之后，我们不应该认为我们在浪费时间。 事实上，我们学到了很多东西。 在我们的网站和我们的特定受众中，在热门帖子上添加横幅不起作用。

此外，如果我们更进一步探索我们的 A/B 测试提供的热图，我们会意识到我们正面临一个明显的横幅盲区案例：

变体中使用的横幅非常明显，以至于访问者直接忽略了它们。 因此，不值得让两个 A/B 测试继续运行以等待结果是否发生变化。 他们不会。

在这种情况下，更明智的做法是考虑测试其他类型的广告，与每个帖子本身的内容更加集成。 我正在考虑在内容中使用指向我们产品的链接，只要这有意义。

或者我们甚至可以使用 Google 的伪装横幅技术，使它们看起来是内容的一部分，就像这个搜索引擎对搜索结果中的广告所做的那样。 因此，我们应该在横幅的设计上更有创意。

我们从这一切中得出的结论是，我们都知道的那种典型的旗帜已经死了。 访问者能够检测并忽略它们，因此您需要测试其他选项以引起他们的注意。

但请记住，我们并不打算成为 A/B 测试结果和从中得出的结论的最高权威。 内容中的横幅对我们不起作用，但这并不意味着它们对您不起作用。 您应该在您的网站上自己进行测试。 之后，别忘了告诉我们您的发现。

Andrew Neel 在 Unsplash 上的特色图片。