Landing page 頁面權威指南

    在上一篇文章中我們講解了 Landing page頁面權威指南 的第一部分，側重講解了什么是Landing page，Landing page頁面和一般的網站頁面之間的差別和目的，并具體舉了兩個非常不錯的實際案例。兩個實際案例的具體內容分布和CTA的設置及其原由，今天咱們書接上文，繼續將剩下幾個Jack老師認為很不錯的Landing page頁面推薦給大家！

一、Saas免費試用Landing page頁面模板

1. Plain English Headline：翻譯過來就是通俗的英語標題，這是最容易出錯的地方。SaaS這種類型的服務通俗點講就是賣軟件或者工具，別人在不知道你這軟件或者工具能夠處理什么方面的問題之前，你必須要用最形象最簡單的一句話去概括形容它。比方說Jack老師開發了一款關鍵詞研究軟件，那么我會直接在這個Plain English Headline上寫，This is the best keyword research tool for SEO !

2.what we do：因為在上一步的通俗易懂標題上，我們已經寫了這是最好的一款研究SEO關鍵詞的工具，那么這里的what we do 就要給出足夠自證并且能讓客戶相信的文字內容。比方說：

• 提供各關鍵詞的各個國家和地區的每個月搜索量

• 探索競爭對手使用的關鍵詞

• 羅列最具轉化率的SEO關鍵詞

• …

3.concept hero image:翻譯過來就是概念英雄形象，這里我更愿意放置一些軟件的具體應用場景，或者說軟件的實際使用界面，讓潛在客戶一眼就能夠明白，咱們的這個關鍵詞優化工具在哪些方面比較有優勢，能夠執行哪些別人的軟件做不了的功能。

4.get started CTA:在經過了上面的3個大內容版塊的輸出之后，可能有部分客戶已經開始心動了，那么我們要做的就是先將這部分客戶口袋里面的錢轉化為我們自己口袋里的錢，不要想著大魚小魚一起抓，有機會的情況下要堅決執行落袋為安的理念！

5.feature list：優勢羅列，注意這里不要和上面我寫的what we do進行混淆，我上面用了列表的形式是為了讓同學們更加清楚的明白what we do 可以從哪些方面去著手處理軟件或者工具的功能概括，但是一般情況下不建議用列表的形式輸出，用普通的段落文字就夠了。而這里的feature list倒是建議用列表形式將軟件或者工具的強項羅列清楚。

6.social proof：這個時候采用的證人證言就最好使用公司級別的，不是很建議用個人，除非這個人在行業內非常的有權威性和話語權，比方說Brian Dean或者Neil Patel這兩個SEO優化界的光頭大佬！

7.Final CTA：再次號召瀏覽當前頁面的訪客進行購買或者注冊以獲取免費試用的機會。這是最后一次的客戶轉化，如果客戶到這一步還不采取行動，那么說明咱這整個Landing page頁面就做的失敗 ，需要從頭修改！

二、如何對Landing page頁面進行A/B測試

A/B測試是做Landing page頁面非常常見的一種辦法，因為我們不能確保做出來的第一版Landing page頁面一定能夠百分百的吸引潛在客戶，上面的文字內容和圖片可能存在搭配不合理或者CTA的號召力不強的情況。

所以我們就要對當前已經做好的Landing page頁面進行A/B測試，測試的目的就是查找出當前設計中存在的吸引力較低轉化率較低的內容版塊，然后進行內容修改或者替換，從而增強Landing page頁面的轉化能力。

注意：Landing page頁面的A/B測試不是簡單的細節小修改，而是大范圍的內容替換和補充！

那么問題來了，我們怎么知道當前已經做好的landing page頁面上的哪些內容做的好哪些內容做的不好需要進行大幅度的修改？—答案是Hot jar

這個工具能夠識別訪客在你頁面上的停留和關注重點，那么利用熱力圖就能夠判斷出哪些是關注的重點，對于缺少關注的地方就吸引大刀闊斧的進行改進了

上圖就是hotjar的效果圖，我們發現除了頂部中央的兩個CTA按鈕之外，其他的版塊內容基本上沒有熱力顯示，說明這些版塊的內容是不合格的，缺乏訪客的關注度，所表達的內容并不能夠引起潛在客戶的興趣，這樣也就導致了我們這個landing page頁面的目標失?。?/p>

那么有了hotjar這個工具就高枕無憂了嗎？顯然不是，因為子彈在飛的話，要讓它多飛一會。比方說你只用了1-2天時間就去看熱力圖，那么因為范本測試量的數據結果還不夠有代表性，所以可能存在一定的誤判可能。我個人建議這個測試的結果是2個星期！

三、Landing page頁面和其他網站頁面之間的交互

1.刪除Landing page頁面的主導航功能

在之前的文章中，Jack老師說過，Landing page頁面的目標必須單一，它的作用就是將引入的客戶盡可能的提高轉化?；谶@一點核心述求，我們就不能在當前的Landing page頁面上有其他的跳失行為因素，比方說網站頭部的主導航菜單。

有的同學可能會問建站主題使用之后，不是每個網站上的頁面都是存在主導航菜單的嗎？而Landing page頁面也是屬于網站頁面的其中一種，如何實現不存在主導航菜單的效果？

這里我們開業使用Elementor pro創建一個自定義頁頭，頁頭中開業同時放logo、主導航功能和站內搜索功能。創建完該模板之后進行保存，保存選項中不要選擇全站部署，而是選擇有條件部署。

這樣我們就可以自定義Landing page頁面的頁頭不出現對應的主導航菜單功能了。也就是說不會存在該頁面的流量跳轉到本站點內其他頁面的情況。除非該訪客關閉當前的Landing page頁面，否則都會存在當前頁面上。

2.嚴格區分流量的不同針對對象以創建Landing page頁面內容

就像之前我們舉的幾個Landing page頁面模板一樣，有針對郵箱的信息收集，有針對在線交易的購買頁面，有免費試用的Saas類型頁面。之所以會有這么多的不同種類，完全是因為我們自身對某些述求目標不同所造成的。千萬不要覺得覺得在一個網站上同時存在多個Landing page頁面，每個頁面的述求不同是不合理的現象。恰恰相反，我們為了更好的提升頁面的轉化，多個Landing page頁面的存在是完全有必要的。

3.利用錨文本打通Landing page頁面與網站普通頁面之間的聯系

這一點是基于上面的第一點來說的，因為我們刪除了Landing page頁面中的主導航菜單功能，所以從理論上來講，當前頁面就缺少了內鏈，造成了一個站內跳轉的“死胡同”。這對谷歌SEO優化來說可不是一個好事情。

為了解決這個問題，Jack老師的建議是使用錨文本鏈接，比方說Landing page頁面上的某個關鍵詞添加站內頁面超鏈接到對應的普通網站頁面上。因為Html5對于添加超鏈接的文本是會出現不同的顏色的，這就容易導致訪客不進行轉化就跳失了。所以我們要使用css的代碼來將已經添加了超鏈接的文字恢復成原來未添加超鏈接的樣式。（這樣的操作合理合法，谷歌不會懲罰的。）