網絡的第一折

已發表: 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 上的精選圖片。