橫幅真的有用嗎？

談完熱圖，讓我們繼續討論另一個與轉化優化相關的有爭議的話題：在網站中使用橫幅。

在線廣告多年來一直在發展。 如果您是一位經驗豐富的網絡衝浪者，那麼您肯定還記得 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 上的特色圖片。