Landing page 的中文為「登陸頁面」亦稱為銷售頁、著陸頁面、到達頁面。講的是任何一個網頁，無論訪客是從哪個流量管道進來的(如：Facebook廣告、Google搜索等)，能去引導訪客到達你設定目標的網頁就被稱做為登陸頁面（Landing Page）。例如：訂閱電子報、下載電子書、購買產品或註冊會員等。

 

在談登陸頁面的設計訣竅之前，首先要先了解登陸頁面的重要性。當訪客點擊網站連結時，我們不建議將訪客導入網站的主頁，原因如下：

 

• 主頁有太多按鈕，怕客戶沒有頭緒的亂點，跑到毫無相關的頁面。當客戶迷路時，他們就會離開你的網頁，降低你的轉換率。
  
  
• 首頁的內容無法客製化。客戶點擊廣告時，他們的目的是想延伸了解更多相關資訊。但網站首頁往往是一般的公司簡介，跟廣告內容不一定有關聯。
  
  （例如：廣告標題是「立即報名免費英文課試聽」，但點進去卻看不到報名表，只看到 XX 美語的創業理念。這時，大部分的人都會選擇離開。）
  
  
• 做個簡單的結論：登錄頁面應該只有 1 個按鈕或目標，當內容與廣告有一致性時就能大幅提高轉換率。一般登入頁面都是下拉式的單頁網頁，如果客戶想了解更多細節，他們就會往下繼續看。
  

因此，你必須事先設想好你期望訪客為你達成的目標，也就是你期望訪客接下來要做些什麼事？當你擁有一個好的登陸頁面設計時，你便可促使訪客完成你所希望他們達成的目標！

 

如何設計最強登錄頁面 Landing Page？從這些細節去著手！

 

引人入勝的 landing page 標題

 

What is the value proposition?

 

你能「提供什麼價值」給客戶？標題文字是顧客決定是否要繼續閱讀內文的關鍵之一，所以標題一定要掌握「簡潔明瞭」這項大重點，需要一眼就可以知道登陸頁面所想要呈現什麼內容，使訪客猜想他們可能可以從中獲得什麼資訊或益處。

 

簡單舉例一間麻辣火鍋店家「販售優惠餐卷」的登錄頁面。

 

標題 #1：不買會後悔之讓你辣翻天也嗨翻天！

 

標題 #2：限時75折！預購麻辣火鍋優惠餐卷，平價也能享受頂級食材。

 

你覺得哪一個標題比較吸引人？我個人會選擇標題 #2，因為它簡單明瞭，而且一眼就能看出「價值與產品特點」。文案中成功做了三件事：

1. 標題以75折這個數字來吸引我的注意力。
   
   
2. 標題有清楚告訴我該做什麼 (我們稱之為Call-to-action，此文章下方有簡單介紹)。此文案的重點就是「請我們預購餐卷」。
   
   
3. 標題成功的描述了此活動的價值：透過「預購」的方式讓我們花小錢也能享受頂級食材。

 

標題 #1 的缺點在於它的文字不夠清楚。例如：為什麼不買會後悔？辣翻天與嗨翻天這件事太主觀與抽象，感覺像是很一般的形容詞，缺乏細節與賣點。

 

搭配適當的圖片、短片或動畫

人是視覺性動物，圖像會是第一個被大腦處理的物件。當我們在登陸頁面置入符合主題的圖片、短片或是動畫時，會使訪客對於你所要提供的服務、產品有想像的雛形，進而更想要了解你的服務與產品。而有趣、有創意的影片最能抓住訪客在網頁停留的時間喔！

 

社交平台分享圖標

在頁面中加上社交平台(Facebook、Twitter、LinkedIn等)分享圖標，是一個提升登陸頁面被更多群眾看到的方法，進而提升流量。

 

移除分散注意力之因子

登陸頁面是一個很單純的頁面，你希望訪客可以為你達成目標，所以你絕對不會希望有任何會分散他們注意力的按鈕出現。網站導引中的選項：網站首頁、關於我們、聯絡我們等，這些可能會使訪客分心而離開登陸頁面並且一去不回頭了！所以將這些引導選項移除，讓訪客將注意力集中在網站內容中，使他們盡快地達成目標！

 

表單填寫內容設計

當登陸頁面是以下載電子書或訂閱電子報等方式與訪客交換資訊（如：姓名、電話、性別、電子郵件）時，我們該如何提供吸引人且有用的資訊，讓訪客願意填寫表單而不是關閉頁面離開呢？在設計表單填寫這一欄位時，請必須直接了當將登陸頁面的主要標題寫出來，並濃縮整個頁面所要呈現的資訊。

 

簡單舉例以學習「程式設計補習班」的登陸頁面來說，

 

主要標題：成為一位頂尖的程式設計師！

濃縮資訊：4堂課，12小時的課程讓你試聽，100%完全免費。再搭配專屬的「職涯規劃師」為你規劃升遷藍圖！

公司已經很久沒為你加薪了嗎？在台灣不景氣的環境下要如何找到『高待遇』的優質工作？成為一位頂尖的程式設計師可以輕易的讓你年薪突破一百萬！

留下訪客個資內容：我希望了解更多資訊，請先幫我預留免費名額，並且請職涯規劃師與我電話聯絡。

 

利用動詞打造CTA

CTA (Call-To-Action) 中文稱為行動按鈕或行動呼籲，主要目的是希望訪客按下按鈕，如：訂閱電子報、下載電子書或購買商品等行動，而透過動詞的呈現(例如：立即訂閱、馬上下載等)促使消費者趕快按下行動按鈕，將會帶來更好的成效！

給不熟悉行銷的朋友：CTA (Call-to-action) 很簡單，不複雜，它只是一個名詞。它的概念就是要「指定客戶」做下一步的動作。CTA 可以是一句話，一個按鈕，或是一個張圖片。當我們告訴客戶該如何「繼續」時，客戶聽話做出下一步動作的機率將大幅提高。

 

測試比較登陸頁面

然而我們設計的登陸頁面，我們並不了解消費者是否願意買單，這當中有許多的物件可以拿來做測試 (如：行動按鈕、標題、圖片等)。透過 AB 測試這項工具來了解訪客的偏好，意思就是說，登陸頁面不僅僅只可以設計一種版本！

 

在選擇繁多的時代，一旦讓訪客猶豫、離開頁面，便很容易一去不復返。Landing page 登陸頁面所需要設計的物件看似簡單又不複雜，但要設計出一個好的登陸頁面，並能促使訪客達成目標卻不是件容易的事。因此設計 landing page 需要有足夠的耐心並持續的做測試，相信訪客一定會接受引導並為你達成目標！

 

想了解如何提升轉換率，獲得更多的客戶名單嗎？歡迎點選以下連結下載我們製作的免費電子書喔。如果喜歡我們的文章，也可以在下方訂閱我們的部落格，我們會與大家定期分享網路行銷的經驗。