我是如何學會停止擔心並熱愛著陸頁的（以及他們的最佳實踐）

您的著陸頁是轉換機器還是跳出率火箭？ 無論您提供的內容多麼有價值，或者您的廣告文案製作得多麼精良，您和新潛在客戶之間的著陸頁都是如此。 這意味著，如果您的目標網頁沒有針對轉化進行優化，它們基本上就是在浪費您公司的營銷資金。 著陸頁有很多移動部分，例如 CTA、表單、內容、圖形、目標等。 那麼，您如何平衡登陸頁面的巨型機器和人們在網絡上吹捧的所有“最佳實踐”呢？

這就是我寫這個博客的原因——這樣您就可以停止擔心並喜歡登陸頁面（以及它們帶來的線索）。 我將介紹登陸頁面和一些可用性基礎知識，這樣您就可以比一般的 John Doe 了解更多，您可以挺起胸膛，走到設計師那裡，告訴他們他們的登陸頁面不合格。

以下是您需要了解的有關著陸頁的所有信息：從內容到表單按鈕、圖形等等。

獲取可下載的著陸頁最佳實踐指南！

目錄

著陸頁 101

什麼是著陸頁？

有哪些類型的著陸頁？

著陸頁工作流程

著陸頁的剖析

著陸頁“最佳實踐”細分

著陸頁內容最佳實踐

著陸頁表單最佳實踐

著陸頁按鈕最佳實踐

著陸頁圖形最佳實踐

TL;DR 最佳實踐總結

著陸頁 101

什麼是著陸頁？

在 Google Analytics（分析）中，著陸頁是訪問者登陸的任何網頁——通過鍵入 URL 或通過鏈接。 然而，在市場營銷中，我們將此術語保留為具有特定功能的獨立網頁——無論是引導訪問者訪問特定頁面，還是針對轉換優化的頁面。

有哪些類型的著陸頁？

營銷中有兩種主要類型的著陸頁：

• 點擊登陸頁面
• 潛在客戶生成著陸頁

點擊登陸頁面是經過優化的網頁，可引導您進入常規銷售渠道或購物車流程（對於電子商務網站）。

如果您想優化您的電子商務網站以進行轉換，可以通過以下幾種方法進行操作。

潛在客戶生成登陸頁面用於捕獲網站訪問者數據。 通常，這是為了交換有用的電子書、指南、清單或其他有價值的可下載內容。

在上面的示例中，著陸頁設計針對不同的設備進行了更改，這很好但不是必需的。 如果您的著陸頁設計頁面元素較少且沒有視頻，您不妨選擇響應式著陸頁。

[tweet=“如果您的著陸頁設計的頁面元素很少，也沒有視頻，請使用響應式頁面設計，而不是創建獨特的設備頁面設計”]

Vendasta 的所有內容庫登陸頁面都是響應式的，在移動和桌面瀏覽器上幾乎沒有區別。

使用 Vendasta Marketplace 中的 Website Builder 為客戶從頭開始構建您自己的網站！

著陸頁工作流程

每種類型的著陸頁都有自己的工作流程，用於說明用戶如何從廣告來源轉到著陸頁。

點擊登陸頁面的工作流程如下所示：

搜索引擎 → AdWords SERP 結果 → 著陸頁

對於潛在客戶生成著陸頁，它看起來像這樣：

博客文章 → 博客廣告（文字或圖片）→ 著陸頁

著陸頁的剖析

每個基本登陸頁面都有相同的主要元素來轉換潛在客戶：

• 你的標誌
• 標題和引導線
• 主要內容，可以包括功能和優點
• 清晰、突出的 CTA
• 合格的內容以建立可信度，例如：
  • 使用您的產品/服務的品牌/公司
  • 來自客戶的公司、職位、作者形象和報價的推薦
• 帶有版權信息、服務條款和任何其他相關頁腳註釋的頁腳

著陸頁“最佳實踐”細分

這些 Web 原則對於最簡單的企業 Web 應用程序和最複雜的企業 Web 應用程序同樣有效。 本節將介紹內容結構、表單、按鈕和圖形的著陸頁最佳實踐。

著陸頁內容最佳實踐

產生潛在客戶的著陸頁上的內容不應以自然搜索位置為中心，因為這通常不是您產生流量的地方。 人們很可能會通過廣告活動或鏈接（通過博客或電子郵件活動）登陸著陸頁。

如果您產生潛在客戶的著陸頁在 SERP 上表現良好，那麼很好，就這樣吧，但內容的主要目的是引起頁面訪問者的注意並說服他們執行特定的預期操作。 所需的操作可能類似於：下載產品定價指南、相機規格表、社交媒體清單等內容，甚至是致電商店獲取新優惠的 CTA。

好的內容寫作是主觀的，但在判斷內容時存在結構分解，尤其是在著陸頁或網絡上。

內容分塊

內容分塊是一種將長內容分成易於閱讀的較短段落的做法。 這不僅使內容在美學上令人愉悅，而且還提高了內容的理解力，因此增加了其可記憶性。

如果您確實需要在著陸頁上包含大量信息，請將其分成幾段，並將其與要點和視覺效果結合起來。 讓您的信息容易被讀者消化！

這篇博文的內容還包含副標題和視覺效果。

一目了然

不要指望人們閱讀網絡上的每個單詞——他們真正做的是掃描頁面以獲取信息，并快速瀏覽關鍵字和選擇的句子。 不要在這個問題上與我爭論，我可以在研究人們如何真正消化網頁上的內容後向您進行研究。

人們不閱讀，這是點擊誘餌文章獲得更多分享的另一個原因（人們只是瀏覽並分享，如果他們甚至打開帖子）。

在屏幕/顯示器上閱讀內容與在紙上閱讀內容不同（儘管像我這樣的人自從 Kindle 和 iPad 面世以來一直吹噓不購買實體書而感到內疚）。 互聯網上有眼睛疲勞和一百多種其他東西試圖引起我們的注意。 因此，將您的著陸頁內容規劃為易於瀏覽且對懶惰的讀者友好。

問：如何使內容更易於瀏覽？
A.使用突出顯示或粗體關鍵字、副標題、項目符號列表，並限制每個段落的想法！

[clickToTweet tweet="突出顯示/粗體關鍵字、子標題、項目符號列表和每段一個想法使您的內容更容易理解！" quote="突出顯示/粗體關鍵字、子標題、項目符號列表和每段一個想法使您的內容更容易理解！"]

倒金字塔寫作風格

倒金字塔寫作風格是一個在新聞界廣泛使用的術語，用於說明信息應該如何在您的內容中傳遞和排列優先級。 在這種風格中，您在介紹中披露整個內容片段的基礎知識，然後深入研究重要細節，然後是其他一般信息和背景信息。

打個簡單的比方，就好比打911，先說目睹了搶劫，然後再慢慢說出事情的經過。

這不僅適用於著陸頁，也適用於一般網絡內容。 營銷人員不喜歡聽到這個，但人們沒有時間閱讀他們遇到的每篇博文。 因此，他們只需選擇內容豐富、瀏覽速度更快、能夠回答他們的問題並為他們提供談話要點的內容。 這就是為什麼倒金字塔風格能夠如此順利地從新聞界轉移到熟悉且相似的內容寫作世界的原因。

無論您認為自己的內容多麼重要，它都可能與 Youtube、Netflix 和其他耗時的平台爭奪用戶的注意力。 因此，在一開始就給出摘要並沒有什麼壞處，這樣他們就可以查看目標網頁或博客文章是否是他們想要閱讀的內容。

客戶之聲

客戶之聲策略或“角色驅動的內容”策略是指使用您的用戶自己使用的確切詞語和語言。 這使您的內容更符合您的觀眾正在尋找的內容，並且他們將更容易與您向他們展示的內容相關聯。 這幾乎是不費吹灰之力的事情，但它是內容編寫中非常重要的一步，有助於建立信任，並最終說服用戶與著陸頁進行交互。

我喜歡閱讀簡潔的網絡副本，它總結了句子，沒有使用任何緩衝聲明、絨毛、沒有市場術語和感嘆號。 感嘆號就像你在我的 Facebook Feed 上的波多黎各旅行照片，我會像在乎一樣微笑，但我不在乎。 我還有其他事情要擔心，比如完成這篇博文。 另外，你的波多黎各照片很爛，買個更好的相機吧！

想像一下康納·麥格雷戈 (Conor Mcgregor) 的刺拳文案：恰到好處並發送信息。

著陸頁表單最佳實踐

當您向目標受眾提供免費信息時，表單是唯一（非 1984 年或非奧威爾式）獲取用戶數據的方式。 控制您的內容以獲得潛在客戶！

在構建著陸頁時，著陸頁表單通常會被忽視。 並非所有形式生而平等，這是一個非常陳詞濫調的短語，但確實如此。 根據您為表單選擇的佈局，您可以影響閱讀速度，以及它給網站訪問者帶來的認知負擔。

提示：認知負荷越少越好！

著陸頁表單的類型

著陸頁表單剖析

每個著陸頁表單都有幾個關鍵要素：

• 表格標題
• 標籤
• 佔位符文本
• 輸入字段
• 文本區域或消息框
• 轉換按鈕/CTA

與表單相關的最佳實踐來自各種眼動追踪研究，研究人員在這些研究中使用高頻/快速相機來跟踪網頁瀏覽者的眼睛。 如果你讀過這些研究，你會發現那些讓你的眼睛走得更少的表格被閱讀得更快。

永遠不要對錶格的設計過於花哨。 原因是我們的大腦比我們有意識地更快地識別形狀和結構。 因此，讓表單元素間隔合理並正確對齊，但不要添加任何不必要的設計元素，因為這會降低用戶的速度。

著陸頁按鈕最佳實踐

按鈕可以成就或破壞用戶的著陸頁體驗。 很多設計師/開發人員，甚至我自己，都會犯錯按鈕（使其太寬、太短等）。

幾年前我為設計 iOS 應用程序所做的一些用戶測試讓我意識到按鈕的視覺樣式在登錄頁面、網頁以及用戶界面中的重要性。

在很多地方，當屏幕上的東西太多時，按鈕看起來就像圖形一樣消失在頁面中。 出於這個原因，按鈕應該看起來像人們以前見過的按鈕。

這類似於酒店的水槽水龍頭，看起來超出了 HR Giger 的想像。 它們讓您多思考一點，弄清楚它們是如何工作的。 人們不會離開那家酒店，但在網頁上他們只會返回或關閉選項卡。 請不要重新發明按鈕。

[clickToTweet tweet="不要重新設計目標網頁上的按鈕！按鈕越像按鈕，點擊的人就越多。" quote="不要重新設計您的著陸頁上的按鈕！按鈕越像按鈕，點擊的人就越多。"]

有按鈕：會點擊

我的用戶界面座右銘是：“如果它看起來像一個按鈕，它就會被點擊。 ”所以請永遠不要讓那個頁面上的任何其他東西看起來像一個按鈕。 嘗試只有一個按鈕或主要的號召性用語。
在某些情況下，您甚至必須使用三個 CTA 按鈕來執行同樣重要和相關的操作。 當您這樣做時，不要因為所有按鈕上的熱圖或轉化率數據都太熱而感到高興。 我是說如果有一個按鈕，它就會被點擊，不管它在頁面上的什麼位置。 也許如果有一個按鈕和兩個鏈接，您可能會看到按鈕點擊次數比其他兩個點擊次數加起來還要多。

F 型按鈕放置

眼動追踪研究表明人們以 F 模式掃描網頁，因此如果您想讓頁面更有效率，請將按鈕放在這些地方。 這就是為什麼我們在頁面的右上角和左下角使用表單。 這是一種非常常見的模式，我們在 Amazon、GAP 或 Apple.com 上看到過。

親自查看跟踪研究，以更好地了解如何編寫內容和放置可轉化的 CTA！

至於號召性用語的文案，應該毫不費力。 只要說出訪問者按下按鈕後會得到什麼。 用戶越少用他們的大腦來弄清楚 CTA 告訴他們做什麼，就越好。

著陸頁圖形最佳實踐

圖片的重要性僅在於，如果人們記得他們訪問過的網站有一張螺旋槳飛機或波音 777 的照片。圖片越簡單，傳達信息的效果就越好。 更簡單地說，我的意思是照片的主題應該與背景隔離開來並且清晰對焦。

圖形的最佳實踐展示比告知更好，因此請查看這些示例。

雖然這些圖形並不都是特定於著陸頁的，但它們與網絡圖像的作用高度相關。

限制競爭元素

圖形/圖像的清晰度非常重要。 如果圖形或圖像中有太多競爭元素，則不要使用它。 如果你看攝影或新聞攝影雜誌，大多數獲獎照片的主題要么在視覺上與照片中的元素隔離，要么被照片中的元素框住。

把事情簡單化！

保持你的圖形清晰和集中，並選擇簡單而不是複雜來幫助傳達你的信息。

TL;DR 著陸頁最佳實踐總結

• 兩種類型的著陸頁——點擊和潛在客戶生成
• LP 剖析- 標題、表單框、FAB、信譽構建器（徽標或推薦）
• 著陸頁的信息矩陣——您希望它的信息密度如何？
• 內容/複製
  • 內容分塊——將長段落分成小段，每一段有一個核心思想。 它有助於記憶，並提高理解力
  • Glanceability – 將內容設計為略讀而不是閱讀。 使用突出顯示或粗體關鍵字、子標題、項目符號列表、限制每個段落的想法。
  • 倒金字塔式的寫作風格——從你想告訴人們的內容開始你的內容。
  • 客戶之聲——使用目標受眾使用的語言。
• 形式
  • 表單結構很重要。 使您的眼睛更少移動的表單設計可以更快地閱讀。 看我的例子。
  • 元素對齊——保持元素正確對齊並保持良好的間距，但要保持簡單。
• 鈕扣
  • F–Pattern – 想像一個 F 形覆蓋在您的網頁上，這是大多數人在瀏覽器上查看新頁面時的動作。
  • 簡單的話——傳達結果，不要讓用戶思考
• 圖形
  • 保持簡單，使用元素最少的圖像，並將主題與背景隔離開來。
  • 停止使用視差。 或者繼續使用它們，只會讓我們看起來更好。
• 獎勵：對於著陸頁優化，我建議進行 A/B 測試。 更改登陸頁面標題，保持按鈕簡單且與控件相同。 除非按鈕副本很奇怪或在頁面上不清晰可見，否則它不太可能是那個按鈕。