從標題到頁腳的完美著陸頁剖析

已發表: 2021-01-12

每個登錄頁面都由某些構建塊組成。 您需要了解所有這些才能創建最有說服力的頁面,並且永遠不要冒銷售漏斗漏水的風險。 一旦您了解了基礎知識,您就可以對這些塊進行試驗。 在本文中,我們將介紹一個好的著陸頁的主要元素,並就如何佈置頁面的副本和設計為您提供一些指導。

內容
  1. 著陸頁的結構是什麼?
  2. 登陸頁面的關鍵元素
    1. 標題
    2. 正文
    3. 圖像、動畫或視頻
    4. 潛在客戶形式
    5. CTA 按鈕
    6. 倒計時器
    7. 社會證明
    8. 好處
    9. 特徵
    10. 常問問題
    11. 頁腳
  3. 準備好了嗎?

著陸頁的結構是什麼?

所有登陸頁面都是一種點擊後頁面,旨在促使訪問者做出決定。

您解釋了您的優惠的所有好處和特權,並邀請用戶採取一些所需的行動。 由於這是漏斗的一個極其重要的階段,因此不應有任何干擾,例如導航欄或指向其他頁面的鏈接。

可靠的著陸頁結構可以幫助您講述整個故事。 沒有它,潛在客戶最終會反彈,因為您的頁面看起來不可信或不具有說服力。 請記住,您希望訪問者進行轉化——確保給他們足夠的理由來做到這一點。

你知道有什麼心理技巧可以勾引用戶嗎? 查看我們關於提高著陸頁轉化率的技巧的文章。

以下是您需要考慮的主要著陸頁元素:

  • 獨特的報價;
  • 引人入勝的視覺內容;
  • 清晰簡潔的正文;
  • 您的報價的好處;
  • 特徵;
  • 社會證明;
  • 引導形式和明確的行動號召。

我們將解釋這些元素的含義,但首先,讓我們立即聲明您的報價應該是整個著陸頁的本質。 比喻地說,它不僅僅是香草糖衣——它是整個蛋糕。 您可以使用登錄頁面的多個組件來傳達您的主張,我們將介紹如何進行。

一個簡單而強大的登陸頁面構建器

為 Instagram 創建登陸頁面、在線商店或生物鏈接頁面,並通過電子郵件、短信或聊天機器人消息將鏈接發送給您的訂閱者——在單一平台上進行推廣。

創建一個頁面

登陸頁面的關鍵元素

在這裡,您會發現比我們之前列出的更多元素。 怎麼來的? 好吧,並非所有這些都是強制性的,您擁有最後的發言權。 例如,如果您的產品簡單且利潤率低,您可能希望完全跳過常見問題解答。 我們建議無論如何都將所有這些塊包含在您的著陸頁結構中——只要讓它們簡單明了就行了。

標題

每個報價都可以歸結為一句話——把你的報價作為標題。 你可以讓它大膽、富有表現力或簡短,只是不要用不必要的措辭淡化其背後的核心思想。 你可以做的是引入一個新的解決方案,找出每個人都面臨的惱人問題,或者挖掘人們對快速修復的渴望。 添加一個小的支持副本以提供詳細信息並支持您的聲明。

這是一項使遠程協作更易於訪問的服務。 這是訪問者登陸頁面後學到的第一件事:

landing page structure headline
因此使用簡單的標題和支持文本

你可以讓你的標題更加情緒化並吸引用戶的痛點,就像 Perspective API 所做的那樣:

landing page headline example
Perspective API 鼓勵用戶通過標題使他們的數字空間更安全

從設計師的角度來看,讓標題成為主要焦點之一很重要。 使用優雅的字體配對,因為漂亮的排版有助於傳達信息並營造氛圍。 為標題和支持文本選擇對比字體大小,例如 30 像素和 15 像素。

正文

最佳做法是說您的聽眾的語言。 使段落簡短——每段兩到三個句子。 隨意使用編號列表和項目符號將您的副本分成易於消化的塊。 主要規則是不要讓您的潛在客戶需要通過長篇閱讀來獲取他們需要的信息。

通過更多地談論產品的積極影響而不是產品本身,讓您的著陸頁副本以利益為中心。 你的特製醬汁是什麼? 你的產品將如何讓人們的生活更輕鬆? 簡而言之。 下面是一個例子:

landing page copy
Letter 是一個獨家的銀行平台,他們的登陸頁面副本解釋了它是如何工作的

注意你的排版選擇。 你的字體應該很吸引人,但也應該清晰易讀。 為不同的字體使用不同的行間距和字母間距。 避免在正文中使用 6px 字體大小和淺灰色文本——它們在你的模型中可能看起來很時尚,但它們會使你的文本更難閱讀。

圖像、動畫或視頻

使用讓人們夢想的引人入勝的內容。 您可以通過使用相關的高質量圖像和動畫來傳達某些情緒或創建隱喻。 永遠不要使用圖像來填補空白。

對於復雜的產品,您可以使用獨特的抽象插圖:

landing page images
Superhi 在他們的登陸頁面上使用了一個明亮的抽像圖形

正如我們之前提到的,如果您正在處理技術含量高的產品,添加隱喻插圖也很有幫助:

landing page illustrations
Directus 使用彩色幻燈片和球坑的圖片來可視化數據的分佈

如果您銷售實體產品或線下服務,請使用您真正滿意的客戶的產品照片和圖片來傳達感受:

landing page structure
Mack 和 Pouya 提供婚紗攝影,並使用他們的登陸頁面圖片來激發遊客的靈感

有時您想立即吸引用戶,而圖像是不夠的。 對於體驗式服務和科技公司來說尤其如此。 他們經常使用視頻來解釋他們的報價或展示以前的工作:

landing page structure video
Metomic更喜歡借助視頻直接與用戶交談

請記住,使用陳規定型的庫存照片是不受歡迎的。 最好讓您的視覺效果令人難忘,並且永遠不要在真實性上妥協。

潛在客戶形式

大多數情況下,您希望從潛在客戶那裡收集一些數據以開始對話並更好地了解您的受眾。 這些有價值的信息可以像用戶的電子郵件地址和職位一樣簡單。

您可以使用我們簡單直觀的表單構建器創建訂閱表單!

保持您的潛在客戶表單簡約、直觀,並為其添加一些支持副本:

lead form example
Faculty 是一個設計工作室,使用線索表格將訪客轉化為客戶

一些營銷人員堅持認為你應該把它放在首屏,在你的著陸頁的頂部。 但這完全取決於您:拆分測試並找出更適合您的報價的方法。

CTA 按鈕

這是您通常在任何好的著陸頁的折疊上方和頁腳中看到的內容。 這種想法是,你需要推銷你的產品並提出購買報價,然後詳細描述它的好處,並以更有說服力的行動號召結束。

一些用戶需要時間來閱讀所有功能並探索您的優惠的好處。

並且一些用戶可能從他們登陸您的頁面的那一刻起就準備好進行轉換——您也需要給他們這個選項,所以頁面上有兩個甚至三個 CTA 按鈕就可以了。

這是 CTA 按鈕通常的樣子:

landing page structure cta button
明天是一個銀行系統,可以幫助用戶在幾分鐘內獲得他們的新卡

在設計 CTA 按鈕時使用主動動詞和對比色。 它應該包含五個或更少的單詞,並被一些負空間包圍,以集中用戶的注意力。 不要忘記添加點擊觸發器,例如“無需信用卡”或“退款保證”。 而且,當然,給它一些支持副本。

渴望了解有關創建令人信服的 CTA 的更多信息? 我們有一篇關於如何優化網站和電子郵件號召性用語的博客文章。

倒計時器

老但黃金,這個技巧增加了你的報價的稀缺性,人們討厭錯過大優惠。 但是一個老式的倒數計時器看起來和感覺有點可疑,更不用說是欺詐了。 到目前為止,許多人已經知道營銷人員使用常青計時器,從訪問者進入他們的頁面那一刻開始倒計時。 用戶的信任度直線下降。

你可以智勝你的競爭對手,並使用更微妙的工具增加一些稀缺性。 例如,向您的訪問者展示只剩下幾個空閒位置,他們需要迅速採取行動:

limited time offer
預設計工作室在他們的 CTA 按鈕旁邊顯示空閒插槽的數量以創造緊迫感

當然,當有真正有限的優惠時,您仍然可以使用典型的倒數計時器,例如,在黑色星期五。

了解如何制定有效的限時優惠以推動銷售和提高利潤。

社會證明

著陸頁的結構很重要,但這不是推動銷售的因素。 在做出任何承諾之前,人們想知道誰已經在使用您的產品以及他們的體驗如何。 要獲得信任,請使用社會證明,例如評論、推薦和視頻。 理想情況下,社會證明應該支持您的營銷主張並證明您兌現了承諾。

這將有助於您的潛在客戶了解您的產品已經解決了哪些問題。 即使是簡短的反饋也可以提供信息:

landing page social proof example
Tailwind CSS 展示了客戶的真實評價

使用客戶的真實照片和真實評價是多麼重要,我們再怎麼強調也不為過。 過度使用且易於識別的庫存照片絕對是信任殺手。 詢問您的客戶是否可以使用他們的實際照片。

好處

你的產品產生了什麼影響? 在此塊中,描述您的解決方案帶來的所有積極變化。 例如,Elementor 幫助設計師在工作流程中將混亂變為有序,其登陸頁面描述了該工具的確切優勢:

landing page structure
Elementor 向設計師展示他們如何更有效地工作

使用要點或簡單的段落來列出好處——這會讓它們更吸引人、更易讀。 添加一些視覺效果,使頁面的這一部分更加迷人。

特徵

在所有著陸頁元素中,這個是最以產品為導向的。 最後,您可以在此處詳細介紹並描述產品本身。 強調使其真正獨特或創新的功能。 列出您的產品或服務的所有特定品質:

landing page elements
Hypersay Events 解釋了用戶如何使用他們的所有功能

不要用 20 個功能和長描述的列表讓用戶不知所措——保持簡單和信息豐富,不要忘記使用更主動的動詞。

常問問題

這是一個重要的塊,您可以在其中回答熱門問題、消除反對意見並回應客戶的恐懼。 首先,它會為您節省一些資源。 它還將建立信任,因為人們會看到您關心他們的積極體驗。

例如,Squarespace 提供最常見問題的答案,並建議使用他們的個性化支持:

landing page elements
Squarespace 在其登錄頁面上使用常見問題解答

您的常見問題解答基於真實的反饋和客戶支持數據,以便新手可以找到最相關的答案並克服他們的恐懼。

頁腳

點擊後登錄頁面上的頁腳不應該是典型的充滿鏈接的沉重頁腳。 它不需要站點地圖或任何相關鏈接,除了您的聯繫信息(我們稍後會介紹)。 你想要的是擺脫干擾並添加一個高轉化率的 CTA 按鈕:

landing page footer
Narrative BI 在整個登陸頁面重複他們的 CTA

有時,特別是如果您的報價是優質或複雜的,您的訪問者會想先與您公司的專家交談。 頁腳是添加要填寫的聯繫表格的好地方。 您可以保留一些指向社交媒體頁面的鏈接,因為它們也是網絡平台。

準備好了嗎?

如您所見,所有這些著陸頁元素都有助於展開您的報價並引導用戶瀏覽頁面,直到他們最終轉換為止。 低跳出率表明您已經掌握了著陸頁的結構。 您接下來需要的是培養潛在客戶並與客戶保持聯繫的工具。 SendPulse 可以同時做更多事情——它非常適合發送自動電子郵件以及為 Facebook 和 Telegram 創建聊天機器人。 您還可以使用我們的服務向您的客戶發送網絡推送通知和短信!