構建轉換效果更好的登陸頁面

已發表: 2016-04-04

Unbounce 的聯合創始人 Oli Gardner 很可能看到的著陸頁比您多。（截至去年 5 月，約有 80,000 人。）

他說，98% 的著陸頁都是因為忽視了注意力和上下文而失敗的。

在登陸頁面優化的一集中，Oli 和 SiteTuners 首席執行官 Tim Ash 討論了創建以轉換為中心的登陸頁面。

從活動目標開始

在構建目標網頁時，請記住 Stephen Covey 的“以終為始”。

奧利指出，你應該……

永遠不要在沒有專門的登陸頁面的情況下開始營銷活動
永遠不要在沒有建立廣告系列目標的情況下建立著陸頁

您頁面的目的將告知您希望人們採取什麼行動。

因此，了解上游流量來源和訪客意圖——他們來自的背景——應該是規劃的一部分。

這就是為什麼在理想世界中，每個入站渠道都有自己的登錄頁面，因為它們有不同的上下文。

例如，搜索具有意圖。
電子郵件具有對話功能，並且可以進一步細分——如果您正在進行營銷自動化，您可能會在信任或他們打開的電子郵件數量方面與您建立不同的關係

操縱注意力

在網絡上，注意力是一種稀缺商品。

因此，當訪問者訪問您的頁面時，請將他們的注意力集中在您希望他們執行的操作上。

注意力比率

一個活動只有一個目標。

因此，人們在一個專門的目標網頁上可以做的事情的數量與他們應該做的事情的數量之比應該是1:1 。

當您將人們從廣告發送到具有多個鏈接的主頁時，不會發生這種情況。這就是為什麼登陸頁面很重要。

視覺層次

有意識地使用設計來突出頁面上的重要內容：您的號召性用語 (CTA)。

設計元素應該支持你的 CTA，而不是分散人們的注意力。

接近

位置靠近的事物被認為是相關的。

接近 CTA 的語句或設計元素稱為關閉器。 他們可以說服或阻止訪問者點擊您的 CTA。

例如，要求您將其放在非常靠近按鈕的免責聲明可能會阻止人們。但是，對於網絡研討會註冊，說“不能成功？無論如何註冊，我們會給您發送錄音”減輕人們無法參加的焦慮，並可以為您帶來更多潛在客戶。

一致性

以相同的方式表示相同類型的內容，因此您不會給訪問者增加不必要的認知負擔。

假設您的推薦書在長頁中展開。如果您以相同的方式設計推薦，則每次用戶遇到推薦時，他們都不必弄清楚該塊是什麼類型的內容。

這有助於提高可讀性。

異常

另一方面，如果某件事很重要並且你想讓它脫穎而出，那就讓它與眾不同。

假設您正在召開一個會議，並且頁面上有演講者的照片。如果您希望訪問者立即註意到某些揚聲器，您可以將它們放在其他揚聲器之上或將它們分開。或者，如果每個人的照片都是圓圈，則將您想要突出的照片放在正方形中。

通過打斷模式或做一些不尋常的事情，你可以吸引人們的注意力。

說到引人注目的…

運動

運動勝過圖形和文本。

它非常適合引起注意，因為人們不禁要看運動。

您可以使用運動的一種方法是當您的設計看起來好像頁面下方沒有更多內容時（或者當滾動條不顯示時）作為滾動觸發器。這可以是一個彈跳箭頭的形式，表明它是一個長滾動頁面。

然而，一般來說，運動是危險的。因此，除非它直接支持您的 CTA，否則請考慮將其從頁面中刪除。

信息層次結構

這是關於以正確的順序講述故事。

Oli 觀察到，由於著陸頁設計的結構和佈局，頁面上的信息通常是亂序的。

複製與設計

文案應該通知設計，而不是相反。頁面上不應有 3 個要點，因為您的模板有 3 個要點。

所以 …

編寫廣告系列副本，然後
設計一種體驗以直觀地傳達該副本。

清晰與聰明

標題和副標題的順序錯誤也很常見。

人們經常有一個聰明但不清楚的標題，他們在子標題中澄清。 Oli 指出，如果顛倒這些順序，頁面的清晰度將立即翻倍。

聰明的標題可能會也可能不會根據上下文而起作用。

例如，如果它是一個電子郵件驅動的活動，很可能人們已經熟悉你，所以你可以有點創意。但是，如果是 PPC 廣告系列，則需要使頁面標題與廣告幾乎一字不差地匹配。

標題、副標題和 CTA

蒂姆補充說，直接響應登陸頁面必須告訴訪問者三件事：

頁面是關於什麼的？ –標題
為什麼我應該與動作塊（例如表單）進行交互？ –副標題
當我按下按鈕時會發生什麼？ – CTA

這些應該按順序呈現。

把它們放在一起

轉化的第一驅動力是匹配訪問者意圖。

考慮上下文； 考慮訪問者來自哪里以及他或她想要做什麼。在訪問者點擊之前兌現您的承諾。這意味著將廣告設計和信息與頁面設計和內容相匹配。

通過將注意力集中在他們應該做的事情上，讓人們更容易採取你想要的行動。

通過這樣做，您可以輕鬆地讓人們轉換。

收聽或下載來自 WebmasterRadio.fm 的“與 Oli Gardner 一起操縱著陸頁上的注意力”播客