如何使用正確的組件設計專業的著陸頁
已發表: 2017-05-24現在是星期五晚上,您終於有機會在沙發上放鬆並撐起雙腳。 您拿起遙控器並開始在 Netflix 中滾動以查找電影。
下一個,下一個,下一個。 哦,這個呢?!
是什麼讓你停止看那部電影? 封面圖對吧? 或者它可能是與圖像配對的標題? 當然,描述(可能還有評級)會鼓勵你最終決定是否觀看它,但電影的圖像和標題可能會讓你大呼過癮,以至於懶得閱讀描述。
那是因為第一印像很重要。
不僅是在 Netflix,甚至是第一次與人會面時; 但在涉及在線搜索行為時也是如此。 事實上,網站的第一印象可以在 1/20 秒內評估出來,而那些快速形成的第一印像有 94% 與設計有關。
點擊推文
因此,專業設計、視覺上吸引人的點擊後登錄頁面有可能給訪問者留下良好的第一印象,並顯著提高轉化率。
值得指出的是,沒有任何點擊後著陸頁可以保證 100% 的轉化率。 但是通過使用專業的點擊後登陸頁面模板來創建您的頁面,您可以給人留下深刻的第一印象,產生轉化,並最終推動銷售。
什麼是專業的點擊後登陸頁面?
專業的點擊後登陸頁面是一個獨立的網頁,它使用有說服力的元素來說服訪問者轉換報價。 優惠可能包括購買產品、下載電子書、註冊時事通訊或註冊網絡研討會。
“專業”這個詞有著特殊的內涵和“良好的氛圍”。 當您看到它時,您就知道了,尤其是在點擊後登錄頁面時。
在我們進入完美優化的點擊後登陸頁面的基本要素之前,先快速瀏覽一下這個點擊後登陸頁面:

你覺得它專業嗎? 它是否展示了良好的第一印象並讓您想下載生存指南?
我的第一印像是,“是這個嗎?” 幾乎沒有信息可以讓訪問者知道指南包含的內容,或者他們如何從中受益。
這個如何?

這個包含更多點擊後登錄頁面元素——標題、項目符號副本、潛在客戶捕獲表單和客戶推薦。 但是由於所有內容都擠在一起,沒有空白,並且包含多個頁腳鍊接,它仍然沒有散發出專業的氛圍,不是嗎?
相比之下,這個 AppFolio 點擊後登陸頁面給人的印像要好得多:

請注意它是如何包含以利益為導向的標題、具有最少副本的要點、優化的形式、足夠的空白以及許多信任信號? 這就是專業的點擊後登錄頁面的樣子。
點擊後登陸頁面的轉換過程都是從為頁面產生流量開始的。 但是,一旦您吸引了訪問者的注意力並且他們進一步瀏覽了您的點擊後登錄頁面,您如何讓他們進行轉換?
這一切都歸結為深入他們的頭腦,了解他們的痛點,並說服他們您的產品或服務是他們問題的最佳解決方案。 為了實現這一點,有幾個關鍵組件構成了專業的點擊後登錄頁面。
專業的點擊後登陸頁面的元素
引人注目的標題
就像那部 Netflix 電影的標題激起了您的興趣並讓您想了解更多一樣,您的點擊後登錄頁面的標題也應該為您的訪問者做同樣的事情。 它應該立即吸引他們的注意力並吸引他們更多地瀏覽您的頁面。
那麼,您如何創建一個有效的標題,確保給人留下良好的第一印象?
無論您的點擊後著陸頁宣傳什麼,標題都至關重要:
- 與您的廣告有關。 無論哪種類型的廣告為您的網頁帶來潛在客戶,廣告和標題都應使用消息匹配。
- 提供清晰度。 切入正題,不要留下任何歧義的餘地。
- 展示您的優惠的好處。 標題應始終以利益為導向,突出您的報價的 UVP,並讓潛在客戶知道他們將通過轉換獲得什麼。
- 表現出同理心。 由於大多數人都是情緒決策者,因此在他們心中激發某種情緒並從一開始就對他們的問題表示同情,將鼓勵他們繼續瀏覽您的頁面。
- 吸引遊客的注意力。 為確保您的標題完成上述所有內容,它必須是頁面上最大、最引人注目的文本。
這是 The Joint Chiropractic 的一個例子,它完成了上述每一項:

頁面的主要觀點(和 UVP)從標題中很清楚——調整以緩解背痛。 這為那些可能正在與背痛作鬥爭的人提供了同理心,並為他們提供了解決問題的方法。 此外,您不能錯過標題,因為它是頁面上最大的文本,白色與藍色背景形成鮮明對比。
這是另一個優化標題的例子,這次來自 Therasoft:

同樣,標題很大,這使它立即引人注目。 它也清晰而直接,提供了購買 Therasoft 軟件的好處(幫助安排、記錄和計費,以減少花費的時間和精力)。
可讀副本
人們不在您的頁面上閱讀,因此請直接使用您的點擊後登錄頁面副本。 不要用大塊的文本淹沒他們。 只需用盡可能少的詞簡單地傳達您的報價的好處,以便他們可以快速輕鬆地確定您的報價的價值。
通常,您的點擊後著陸頁副本應該是:
- 可略讀。 使用列表、副標題、項目符號、粗體和短段落突出顯示重要信息,以便訪問者可以輕鬆找到他們正在尋找的內容,而無需進行搜索或費力尋找。
- 以利益為中心。 不要列出每個產品功能,而是提供這些功能的好處。 潛在客戶最感興趣的是產品或服務將如何幫助他們解決問題。
- 以顧客為中心。 當您的訪客瀏覽時,他們應該感覺好像您是在直接與他們交談。 使用諸如“您”和“您的”之類的詞向他們表明您正在專注於解決他們的問題。
- 簡單的。 您的副本應該是基本的,以訪問者能夠理解的方式編寫,沒有隻有業內人士才能理解的行話。
- 清晰易讀。 您的字體應該易於訪問者閱讀。 遠離太小或太裝飾的字體,因為這可能會使他們難以破譯,或者甚至可能阻止他們試圖理解它。
這個 LegalZoom 點擊後登錄頁面是使用以客戶為中心的文案的一個很好的例子,因為他們在標題、正文和 CTA 按鈕中使用第一人稱:

請注意如何減少複製,並且 LegalZoom 的優點通過項目符號點選標記突出顯示,因此訪問者可以快速瀏覽頁面以找到他們正在尋找的內容。 字體清晰,文案簡單,因此潛在客戶閱讀和理解信息應該沒有問題。

吸引媒體
幾乎總是,媒體比文本更具吸引力且更易於理解。 因此,如有疑問,請選擇媒體而不是文本。
例如,英雄鏡頭可以幫助您的訪問者想像如果您的產品或服務解決了他們的問題會是什麼樣子。 另一方面,產品照片、GIF 甚至解釋視頻可以幫助演示新產品或複雜產品的工作原理。
讓我們再次參考 Therasoft 點擊後登錄頁面。 該公司在整個頁面中使用了幾個產品照片來幫助展示各種產品功能:

視頻推薦是另一種媒體形式,它增加了您的社交證明的參與度,並使觀眾看起來更真實。
布萊恩大學在他們的點擊後登錄頁面上使用視頻推薦。 他們還添加了一個介紹視頻,向潛在客戶提供他們的使命概述、校園預覽,並強調他們為學生提供的一些主要好處:

優化形式
潛在客戶捕獲表格是您獲取訪客信息的門票。 以下是創建完美優化表單的一些基本規則:
- 確保它是無摩擦的。 只向潛在客戶詢問基本信息,這樣您就不會恐嚇和阻止他們填寫表格。 您對潛在客戶的要求越少,他們轉換的可能性就越大。 請記住,表單字段的數量通常取決於此人在營銷漏斗中的位置——漏斗越往下,您可以請求的信息越多,反之亦然。
- 分步驟索取資料。 如果您的報價需要大量信息,請盡可能將其拆分。 與長而令人生畏的表格相比,潛在客戶更有可能填寫一些小表格。
- 考慮兩步選擇加入。 兩步式選擇加入表單通過刪除表單並僅包含 CTA 按鈕來幫助簡化頁面。 當訪問者單擊 CTA 按鈕時,表單會在彈出框中打開。 這樣做有助於消除令人生畏的表格的可能性,只有最感興趣的潛在客戶才能完成它。
- 讓它輕鬆完成。 除了按邏輯順序組織字段外,預先填充它們是另一種有效的策略。 如果潛在客戶過去已經通過聲明其他資源提供了他們的一些信息,請通過使用他們的信息自動填充字段來盡可能輕鬆地轉換此優惠。
- 將其戰略性地放置在頁面上。 這並不一定意味著高於折疊。 您放置表格的位置應取決於您的報價。 根據經驗,如果您的報價昂貴、複雜或需要很高的承諾,則低於首屏更好,因為這會給潛在客戶更多的時間來熟悉它。
此 Buildium 點擊後登錄頁面上的潛在客戶捕獲表單隨著潛在客戶滾動而移動,因此他們永遠不會忘記它,並且在他們準備轉換時所需的工作量更少:

引人注目的 CTA
這就是一切歸結起來的原因。 這是說服您的潛在客戶他們應該兌換您的報價的最後一步,因此它必須在頁面上的其他所有內容中脫穎而出。
考慮這些基本組件來為您的頁面創建最佳的 CTA 按鈕:
- 位置。 就像您的表單一樣,過早呈現您的 CTA 按鈕會減少轉化次數。 只有在您介紹並解釋了您的報價後,才應展示。 設計您的頁面以遵循 F-Pattern 或 Z-Pattern 可以幫助突出您的 CTA 按鈕,按鈕周圍的空白區域的使用也是如此。
- 尺寸。 您的 CTA 按鈕應該足夠大以突出並吸引訪問者的注意力,而無需他們進行搜索。 讓它太小可能會導致他們完全錯過它。
- 顏色。 另一種使 CTA 按鈕引起最大注意的方法是將其設計為與頁面其餘部分形成對比的顏色。 色輪可以幫助您選擇色調、色調、陰影和色調,使您的 CTA 按鈕在您的頁面上“流行”。
- 複製。 營銷人員經常會寫下諸如“提交”、“下載”、“註冊”或“訂閱”之類的文案。 這些詞不僅被過度使用,而且還很無聊和含糊不清。 為了說服人們接受你的提議,你的文案必須具有說服力和吸引力——這意味著它應該是描述性的、個性化的,並以第一人稱寫成。
看看 Lauren Clark Law 如何優化他們的 CTA 按鈕:

按鈕在折疊下方,足夠大到訪問者看到,與藍色和白色形成對比,並使用個性化的文案(“我的”)和誘人的(“免費”)說服訪問者點擊。
信任指標
在潛在客戶接受您的報價之前,他們需要能夠信任您的品牌,因此納入信任指標至關重要。 信任指標有多種方式,以下是一些最常見的:
- 統計證據。 如果您有任何數字支持您的產品或服務可以解決潛在客戶的問題,請將它們顯示在標題、副標題或文案中。
- 客戶評價。 分享當前或以前客戶的積極體驗是最強大的信任指標之一。 在展示客戶推薦時,請務必提供盡可能多的信息(全名、職務、業務和頭像),因為這會增加可信度。
- 權威徽章。 這包括客戶徽標、來自其他網站的獎項等。 例如,展示可識別的、值得信賴的公司的標誌會讓潛在客戶想,“哇,他們幫助了所有其他知名公司! 我也應該跟他們做生意!”
- 隱私政策。 隱私政策鏈接是點擊後登錄頁面上可接受的極少數退出鏈接之一,因為它讓潛在客戶知道如何/是否共享他們的信息。 此鏈接最常見的位置是潛在客戶捕獲表單下方或頁腳中。
- 第三方印章。 第三方印章(例如 Paypal、Verisign 和 McAfee)還可以讓您的潛在客戶知道他們的信息將受到保護且不會受到損害。
SpareHire 使用客戶推薦和公司徽章來增加對其報價的信任:

但是請注意,它可以使用一些改進。 推薦信中沒有太多細節——姓名、商業信息和頭像都不見了。 他們還包括一條評論,只獲得了 4.5 顆星而不是 5 顆星。這可能會讓潛在客戶想知道他們做了什麼才失去了一顆半星。
Financial Engines 的信任指標做得更好:

這裡的主要區別在於,Financial Engines 在他們的推薦信中添加了全名、職位和頭像,這顯著提高了可信度。 他們還展示了幾個權威徽章,包括一些知名的公司標誌和2016年投資新聞的獎勵徽章。
立即構建您的專業點擊後登錄頁面
不專業的點擊後登陸頁面和專業的點擊後登陸頁面之間的區別可以決定您的轉化機會。 滿足於不專業的點擊後登錄頁面,並會錯過終生客戶。
使用本文中的藍圖並從其他示例中學習,以獲得最佳第一印象並產生更多轉化。
開始創建您自己的專業點擊後登錄頁面,立即註冊 Instapage Enterprise 演示。
