Landing Page 是什麼? 掌握提高轉換率的5大登錄頁製作技巧

3 月 12, 2024 | 數位行銷

提升廣告轉換率的landing page 5個技巧

我們投放Google Ads的時候會經常提及Landing Page,傳聞這可以提升廣告的轉換率,真的有那麼神奇嗎?Landing page就是一頁式網站嗎?要怎麼才能製作出一個神隊友角色的Landing page?本文將會為你一一解開。

什麼是Landing Page?

Landing Page的定義

Landing Page 中文 譯作一頁式網站或是登錄頁面,它指的是任何一個網頁,無論訪客是透過哪個流量管道進入,只要他們進入特定頁面並達成你所設定的目標,這個就會稱作Landing Page。

舉個例子我們投放Google Ads的時候,就需要輸入Landing Page,而這個頁面就是客戶透過點擊廣告到達的地方,而我們就希望客戶可以在這個頁面發生轉換。

由於Landing page是潛在客戶與企業之間的第一個接觸點,應用的是行銷漏斗的原理,透過有吸引力的設計、引入注目的內容及清晰的結構引導瀏覽者採取企業期望的行動,以便有效地把瀏覽者轉化為有效客戶。

所以盡可能提高轉換率是Landing Page的最終目標。

Landing Page的種類

Landing Page可以按照不同的行業分為兩大類:

Landing page的兩種類型

Lead Generation Landing Page(潛在客戶)

顧名思義這種登錄頁面最終的目的是透過表單的 設計 ,收集潛在客戶的資訊,也是業界俗稱的Lead Gen」。基於這個目的,所以這類大多數比較適用於服務業,例如我們經常看到不少的網頁有提供了專業的知識,然後會引導用戶填寫表單或註冊會員以獲取小冊子、指南或懶人包的這種方式,就屬於這一類別。就如上圖的Hubspot的例子,就是鼓勵客戶使用。

這種Landing Page採用的原理其實是Inbound marketing,透過 提供知識性內容來換取潛在客戶的聯繫方式如 email ,再透過其他行銷方式如電郵行銷來完成銷售。

Click-through Landing Page(點選式)

這種類型則著重於CTA(行動呼籲)的導購按鈕的視覺設計,透過在Landing Page上各類視覺的設計元素,包括圖片、影音、使用者心得、限時優惠等等元素,來層層升入地刺激用戶產生購買的慾望,最後達到「立即銷售」的目標。就如Iphone 15 pro的例子,鼓勵客戶馬上購買。

這類的點選式的登錄頁面適合電商或是購物平台使用 。

由上面的兩類Landing Page我們可以總結出,不論是何種類型,他們都有一個共同點:專注一個目標,要不是Lead Gen,要不是完成銷售。這樣做可以提升網頁的專注度,減少被其他額外資訊大干擾導致客戶分心降低轉換率。

每個Landing page都應該以單一目標為導向,並以此目標量身定做。

Landing Page 與 一頁式網站 、網站及FB專頁的比較

Landing page同是作為一個網站,經常會被與一頁式網站(One page website)、官方網站(Website)與粉絲專頁(Facebook page)進行比較。要更好地進行網路行銷,了解它們三者之間的差別很重要。

landing page與一頁式網站、官網、fb專頁的比較

  登陸頁面 一頁式網站 網站 Facebook專頁
英文名字 Landing Page One Page Website Website Facebook Page
性質 頁面 網站 網站 社交平台
特色 引導客戶採取行動 良好的可讀性 提供最全面的資訊 以互動為主
目的 提升轉換率 以視覺化展示風格 長期經營品牌形象 增加與粉絲之間的互動性及黏著度
外觀設計 精簡為主 由一個主頁組成的簡易版網站 具完善的功能及素材 調整的空間在圖像、專頁封面
功能設計 單一目標:按鈕及表單 基本的網站功能 最為完整功能 社交功能
製作難度
使用週期 針對廣告活動推廣週期、季節性或一次性 長期使用 長期使用 長期使用
應用 Google Ads及其他廣告 素材不多的形象網站 官方網站、部落格等 Facebook廣告推廣
行銷數據 收集訪客數據,數據可以利用在其他地方 收集訪客數據,數據可以利用在其他地方 收集訪客數據,數據可以利用在其他地方 所收集的數據只能應用在Meta的平台
製造成本 Landing page製作費用一般較低,大概10,000台幣~30,000台幣左右 一頁式製作費用一般較低,大概10,000台幣~30,000台幣左右 Website則需要似乎頁數及功能,由30,000台幣到數位萬甚至上百萬台幣也有可能 無需費用,註冊即可

Landing Page的適用情況

Landing Page的目的是提高轉換率,所以一般情況之下只會包含一個目標,以免資訊太多讓客戶分心,而多數適用Landing Page的情況就有這些:

  • 活動報名:如課程試讀、講座、展會等活動的報名;
  • 促銷活動:商品促銷、訂購、預購或免費領取;
  • 試用申請:這是電商最常使用的方式之一,商品優惠、試用甚至預定購買;
  • 電郵行銷活動:如提供促銷、優惠券、講座活動的電郵,附上提供詳情的到達頁;
  • 資料下載:調查報告、懶人包、說明書、優惠券等的下載;
  • 訂閱:訂閱電子書、頻道、會員註冊等;
  • 搭配付費廣告:如Google Ads、Facebook等付費廣告就是最常用的情況。

Landing page 設計5大要素及技巧

我們以Google Ads廣告的Landing Page為例,Landing Page的特色是當客戶點擊廣告時到達的頁面,而我們希望可以提升在這個頁面的轉換率,我們設計的時候就可以從標題、 cta 、結構、Social Proof及購買/填寫表單的流程5個地方來提升轉化率。

標題(Headline)

標題是客戶看到的第一個地方,所以它基本上是Landing Page最為重要的元素。而標題設計的重點則是需要在短時間內吸引用戶的眼球,所以簡潔、快速進入主題,不囉嗦是最為基本。

但如果要提升廣告的轉換率,這樣並不足夠。我們要做到的就是讓客戶產生“噢,我來對地方了,這個就是我要找的東西”這樣的感覺。

所以我們不妨可以把廣告的文案與Landing page的標題保持高度的相關性。

另外標題所描述的角度,亦建議站在客戶的角度出發去描述,例如他們的痛點、需求、所找的產品、提供解決 方案,這樣也是可以提升轉換率的做法。

CTA(Call to action)

Landing Page的目標非常明確,所以你就需要明確而且清晰的行動呼籲。而CTA除了清晰地告知客戶它下一步需要進行的動作外,按鈕的設計是否明顯、按鈕的位置是否符合邏輯順序也是相當的重要。通常一個好的CTA設計,它往往會遵循以下的原則:

iPhone landing page cta按鈕設計

  • CTA按鈕外掛設計突出,例如按鈕的顏色與網頁的顏色對比度高,外觀更為突出,吸引客戶眼球。
  • CTA按鈕的位置是符合閱讀的順序,邏輯是層層深入,在適當實際出現,達到神來一筆的感覺。
  • CTA的文案除了清晰指引下一步動作外,亦可以通過創意來增加客戶的好奇心,提升點擊的機會。

如果希望提升廣告的成效,亦不妨可以把廣告文案的CTA與Landing Page上的CTA相結合。

結構

Landing Page雖然設計較為精簡,但其所包含的多媒體元素並不算少,例如最基本的文字、圖片、表單、影片這些,都是常用的元素。

遵循一個主要目標的原則,Landing Page的結構應該是簡潔而清晰,用戶容易閱讀為佳。

  • 文字內容上,不煩以分點的形式列舉,切忌大版面的內容導致用戶不容易閱讀或是無法找到想要的資料,目光被其他元素吸引 導致分心,這樣會大大降低轉換率。如果真的有太多的資訊內容,建議可以以【進一步了解】或是【閱讀更多】的方式。
  • 圖片的選擇,除了在視覺上符合整體的色調外,關於產品和服務團隊的圖片也十分重要,因為這些都是影響客戶信任度的要素。建議盡量不要採用圖庫圖,尤其有水印的圖庫圖更不能使用,而附上產品清晰的圖片或是團隊的照片,這樣可以更有說服力和增加客戶的轉換率。
  • 影片是一個可以讓用戶在網頁提升 停留時間 的素材,相 對於 枯燥的文字,影片更能在短時間內吸引眼球。
  • 文字與背景顏色的對比度要鮮明,這樣可以降低用戶閱讀的難度。深色的背景顏色一般需要搭配淺色的字體,但深色的背景顏色轉換率會較淺色的背景顏色搭配深色的字體轉化率低。

Social Proof(社會證明)

Social Proof指的是第三方證明或是使用者的評級推薦等內容,這些的作用是提升品牌的信任度。

People buy by emotion and they justify with logic. — Zig Ziglar

這是著名的Zig Ziglar曾說的一句話,是指我們很多時候購買是處於感性,但很多時候我們更希望有理性的證明可以去證明我們這個購買動作的正確的。而我們就可以透過提供例如:

  • 產品的榮獲國家認證推薦
  • 某專業人士的推薦
  • 知名大型企業都採用作為成功案例
  • 真實用戶的評價
  • Google五星評價

social proof的案例

這些都是都是作為Social Proof的最佳素材,讓消費者 在立即購買、註冊會員或是使用時有更多理由。上圖是Monday.com的Landing Page中,以全球知名企業用戶、用戶真實使用體驗及用戶評價作為Socail Proof,提高客戶對品牌的信心。

購買/填寫 表單 流程

這是透過 Landing Page 最終希望達成的目標,但確實很多人會忽略的地方。我們不難發想,不少電商網站的頁面標題、CTA、Socail Proof的做的無懈可擊,但是在購物流程上卻出現了致命的問題:支付流程並不簡單。例如我們需要先註冊會員才能支付,註冊會員需要填寫一大堆資料,甚至有些還需要通過驗證碼才能註冊會員,而這些看上去在企業主的角度可能合理和有必要,但卻是加大了消費者支付難度及支付時間,這些都是導致顧客中途放棄的重要原因。

我們需要保證購買支付流程或是表單填寫流程的簡單性,這樣才能保證在最後這個階段不會因為這個原因放棄購買。

你亦不妨可以參考您的競爭對手的支付流程/填寫表單,如果你比它複雜的話,請簡化,這樣才能避免客戶因這個因素而流失。

Landing page範例

頁面、到達頁面、網頁及到達頁風格一致

Mac Pro

蘋果的Landing page可以堪稱典範,一貫蘋果對美學上白色留白空間的堅持作風,配合層層深入的產品介紹,讓瀏覽者在認識產品的過程中被吸引。而蘋果公司很清楚他們銷售產品的對象並非普通人,而是從事創意設計的專業人士,如攝影師、製片或電影圖像設計人士等,通過傳統美學與專業性技術相結合的landing page設計,更好地與他們的目標客群溝通,滿足他們對美學及技術的需求。最後在頁面的底部以特別小眾的CTA按鈕作為結束,提示訪問者進一步探索從而提高對產品的慾望。

DROPBOX的頁面,登陸頁面簡介,頁面是清晰留白的

 Dropbox

Dropbox的landing page以簡單明了的設計,開門見山地說明Dropbox能為客戶解決的問題,行動按鈕更是出現在產品頁的顯眼位置,提示訪客免費試用提高轉換;再來才是產品的具體介紹等,以最快最方便的方式解決訪客需要儲存、共享、協助的需求。無需過多的渲染或介紹,明白客戶所需,Less is more。

想更好地理解本文的內容嗎?可以點擊以下的影片哦!

常見問題

Landing Page也要做 SEO 嗎?

Landing Page理論上也可以做seo,不過由於網頁結構比較單一,而且文字內容也比較有限,所以亦導致了關鍵字也受到一定的限制。另外由於內容相對比較少,用戶的停留時間也會比完整的網站短一些,所以SEO的分數一般不太高。

要提升Landing Page的SEO可以考慮從長尾關鍵字入手,原因是長尾關鍵字競爭程度較低而且Landing Page本身有特定目標的CTA,這樣長尾關鍵字會相對更容易放入網頁內而不顯得突兀。

除此之外也可以考慮從網頁載入時間來提升SEO,載入速度慢會增加跳出率,導致轉換率也會降低。為了確保載入速度,透過壓縮圖片檔案大小的方式是最佳的選擇,但亦記得要保證圖片的質量。

製作 Landing Page 推薦的平台有哪些?

市面上有很多的製作工具和 Landing Page的製作 平台,而且操作也相當的簡單,以下是幾款常用的推薦:

  • WordPress :有提供Landing Page的設計模板及製作功能,是最為常用的平台之一。
  • Leadpages:比較適合預算有限的小型商家,對新手來說也是相當的友善。主打的是新手也能輕鬆製作Landing Page,有多達200多個設計模板,當中不少是手機響應式(Mobile-responsive)。
  • Unbounce:這個平台比較適合高階使用者,因為它可以結合更多AI的輔助功能。

有官網了還需要Landing Page嗎?

如果要提升廣告的轉換率,建議可以更具廣告量身訂造Landing Page強化轉換率。市面上不少大型品牌進行宣傳時,即使有完善的官網也會搭配Landing page提升成效。

總結

如果你希望提升Google ads的廣告轉換率,不妨可以按照上述5個製作技巧去設計你的Landing Page。

2024最新Google Ads教學,關鍵字廣告投放設定步驟全拆解(新手入門篇)

2024年IG入門秘訣:0到1的超簡單IG教學

8大類超過80款實用行銷軟體推薦,2024年行銷人必備行銷工具名單(附使用心得)

2024年最新SEO教學指南,技術、工具、步驟看這篇就夠

想知道您的網站健康程度嗎?請填寫以下表單,一分鐘立即領取網站健檢報告!
希望製作高轉換率的Landing Page嗎?請立即聯繫萬智匯行銷顧問,我們除了提供Google Ads和SEO服務外,亦有提供Landing Page的製作服務,從各個方面為您提升轉換!

萬智匯總編輯 - Sorla

致力於分享最新的行銷策略和數位世界的動態,希望能為您帶來有價值的內容和啟發。

需要SEO服務的幫助嗎?

公司成立於2014年,專注於Google搜尋引擎行銷,在台灣、香港設有實體辦事處公司成立於2014年,專注於Google搜尋引擎

想知道網站健康程度嗎?
Free領取SEO網站健檢報告,立即領取

為網站提供新的開始,全面健檢現在就開始!