Landing Page 是甚麼?和網站首頁、一頁式網站有何分別?
這裏講的 Landing Page(到達頁),是以單一主要轉化目標設計的推廣專頁:訪客由廣告、電郵或社交帖文點進來,頁面集中請求他完成一件事,例如報名活動、留下聯絡資料或直接購買,頁面其餘內容都為這件事服務。按 Google Ads 對到達頁的定義,到達頁是訪客點擊廣告後抵達的頁面,這個角色可以由不同頁型擔任;這裏聚焦的,是為推廣而獨立設計的那一種。
首頁、一頁式網站與 Landing Page 怎樣分工?
三種頁型的分別不在長短,而在角色:首頁是網站入口,照顧所有訪客的導覽;一頁式網站是承載形式,把整個網站的內容由上而下排在一頁之內;Landing Page 是推廣用途。三者可以重疊,例如一頁式網站可以兼作推廣專頁,首頁也會成為廣告的到達頁,只是它同時承擔更多導覽目的。
| 頁面 | 主要目的 | 內容焦點 | 常見流量來源 |
|---|---|---|---|
| Landing Page | 推動訪客完成一個指定行動 | 圍繞單一目標編排,CTA 貫穿全頁 | 廣告、電郵、社交帖文等指定推廣 |
| 網站首頁 | 讓訪客認識公司,自行前往不同頁面 | 導覽列連往服務、案例、聯絡等多個方向 | 搜尋結果、直接輸入網址、別人推介 |
| 一頁式網站 | 以一頁承載整個網站的內容 | 由品牌介紹到聯絡方法順序排列,按需要編排 | 各渠道流量共用,當作公司門面 |
Landing Page 的優勢與限制
優勢在於集中與可量度。每個頁面對應一個活動,廣告帶了多少人、多少人完成行動,數字容易分得清;哪一版表現差,換版再試也快。
限制同樣來自單一目的。Landing Page 不打算回答訪客所有問題。頁面按目的而設,可以用多久也視乎目的:促銷頁可以隨活動完結而收起,固定接收查詢的頁面則可長期使用。另一點要計的是流量:Landing Page 本身不會產生訪客,背後要有廣告、名單或渠道支撐,流量來源不限於付費廣告;這些持續投入在計劃階段就要算進去。
你的推廣適合用 Landing Page 嗎?先定受眾與轉化目標
常見的 Landing Page 有哪幾種用途?
活動報名頁以表單收集姓名、聯絡方式與人數;潛在客戶查詢頁讓裝修、會計這類服務的訪客留下需要與聯絡方法,由同事跟進;產品銷售頁集中展示單一產品或限時優惠,讓訪客即場落單或加入購物車;內容訂閱頁則以電子書、優惠碼或定期通訊換取電郵地址,累積可以直接接觸的名單。
受眾與轉化目標應該怎樣定?
受眾決定頁面要解釋多少。第一次從廣告認識你的訪客,對公司所知有限,頁面要由問題、方案到證據順序講一遍;已跟隨多年的舊客,可能只需要一個優惠和一個按鈕。兩種人放進同一頁,內容取捨便要兩邊遷就。
轉化目標則要一頁一個。報名、查詢、購買同時出現,訪客未必分得清該先做哪個;目標定了,標題講甚麼、表單問甚麼、CTA 就跟着定。假設目標是裝修查詢,表單問單位類型與大致預算便有價值,因為這兩項直接影響跟進時的報價質素;同一張表單放在講座報名頁,這兩項與報名無關,便應該刪去。
Landing Page 設計的內容與版面:留住訪客的是訊息與信任
頁面留不住訪客,先檢查訊息與信任,再檢查美感。版面的工作,是令對的人快速確認自己來對了地方,然後一路移除他行動前的障礙。想看這些位置怎樣按推廣目標逐項編排,可以參考網頁設計服務頁的列項方式,對照自己頁面還欠哪一格。
首屏要放甚麼,訪客才知道自己來對了地方?
首屏是訪客未捲動就看到的部分,他在這裏決定留下還是離開。這半版要一次交代三件事:你提供甚麼、為誰而設、下一步做甚麼,分別落在標題、視覺與行動位置上。
接住廣告的承諾
標題要用訪客的語言講他的需要,並且回應他點擊廣告時的期待。按 Google Ads 的官方建議,到達頁要符合廣告與關鍵字的承諾,廣告裏的行動呼籲要與頁面上做到的動作銜接,重要資料要容易找到。廣告講「免費試堂」,標題就要立刻交代試堂安排;若標題轉去講公司歷史,訪客第一眼便覺得走錯了地方。
令行動位置一眼可見
主圖展示產品、效果或真實使用場景,比抽象的背景圖有用;CTA 按鈕要在首屏出現,靠顏色與留白從版面中突出。版面擠迫時視線沒有落點,再好的文案也會被淹沒。

賣點表達:由功能講到訪客得到的結果
功能與結果是兩種講法。「小班教學」是功能;把實際每班人數寫清楚,訪客可以自己驗證;人數少,導師較容易兼顧每位學員,便是這項功能帶給訪客的好處。編排上有一個好用的次序:由訪客的問題開始,接着是你的做法,收在他可得到的結果。假設頁面推廣辦公室按摩服務,先講久坐工作帶來的肩頸繃緊,再講上門時段與人手安排,最後講預約與試用方法,比開首講公司成立年份更貼近訪客要決定的事。
用甚麼內容減輕訪客的疑慮?
訪客行動之前,總有幾個沒講出口的問題:你是誰、有沒有人用過、出了事怎麼辦,信任元素的任務就是逐條回答。客戶評價最直接,Google Ads 的官方建議亦提到,頁面應提供有用而獨特的產品資料與真實評價;評價要有可辨認的出處,例如全名、公司或使用情境,空泛好評只會令人生疑。
服務類業務還可以放上過往項目、合作機構與專業認證;售後安排與聯絡方法則要貼近 CTA 出現,不要沉在頁尾。退換安排、保證條款、真人接聽的電話,這些內容未必即時促成交易,卻能在最後一步減低戒心。
參考別人的 Landing Page 案例,要看甚麼?
別人首屏講了甚麼、信任元素放在哪裏、表單之前用甚麼內容鋪排,每個決定背後都對應某類受眾的疑慮,比配色與字體值得借鑑。行業不同,有效的結構也不同:課程報名頁常用的限時限額寫法,搬到顧問服務的查詢頁便未必合適;參考之前先查它服務的對象與目標,再判斷哪些部分搬得過去。想看實際網站怎樣編排這些位置,可以翻看 BINGO 作品集內的網站項目。
CTA 與表單怎樣設計,訪客才會完成行動?
行動呼籲(CTA)應該怎樣寫、放在哪裏?
CTA 的文字要講清楚訪客按下之後得到甚麼:「免費索取報價」比只寫「提交」具體,用「了解更多」收尾亦一樣無力,因為沒有交代結果。一頁只請求同一個主要行動,按鈕可以在多個位置重複出現;必要的聯絡、條款與私隱連結可以保留,其餘與目標無關的連結應該移除,或降低視覺分量,避免與主要行動爭奪點擊。
位置上,首屏放一個,長頁面在賣點與信任元素之後重複出現,令訪客隨時可以行動,不必回捲尋找。手機版可以加上固定在畫面底部的行動列,但不可以遮住正文或表單。
表單應該問多少資料?
表單只應該問完成這次交易或流程真正需要的資料,這是 W3C 表單無障礙教學的建議;文件沒有給出最佳欄位數目,答案本來就因行業而異,真正的判斷在每個欄位的必要性。同一份教學對表單做法另有建議:表單要有標籤、說明、輸入驗證與提交後的通知,較長的表單可按步驟分拆,並讓使用者知道進度。
逐欄衡量負擔與跟進價值
判斷方法很直接:逐欄問一次,少了這項,負責跟進的人能不能正常回覆。裝修查詢少了單位類型,報價只能靠估計;訂位表單的飲食習慣,若餐廳會按它安排座位與餐單便有用途,純粹順便一問的就應該刪走。

填寫體驗:手機上出錯也不必重來
標籤放在欄位上方,手機鍵盤隨欄位類型切換;出錯時可以在欄位旁邊即時提示,提交後亦可以列出錯誤摘要,兩種做法都合規範,重點都是對應具體欄位並說明修正方法,而且出錯後已填的資料應該保留,不應整個清空。
訪客按下提交之後,頁面要交代甚麼?
提交之後要有明確的成功或失敗通知,這是 W3C 的表單通知指引的要求。成功畫面要交代下一步:由誰跟進、訪客會再收到甚麼;具體時間按公司實際安排填寫,不要開一張兌現不到的期票。一封自動回覆電郵可以確認收到查詢,但確認收妥不代表資料全部正確,也不代表申請已被接受。
頁面之外,跟進流程要接得上:查詢送到哪個電郵、由誰在當日還是當週回覆、無人處理的查詢去了哪裏。這幾條問題答不上,表單做得再好,消耗的也是訪客的信任。
Landing Page 應該自己動手做,還是交給設計公司?
製作 Landing Page 有哪幾條路?
常用的做法有三種,可以單用也可以組合:用架站平台的現成模板自己砌、在 WordPress 這類內容管理系統上建立,或者交給設計公司由版面到內容量身製作。模板在內容與功能已備妥時,省去不少版面工序;內容管理系統彈性較高,主題與外掛要自己打理;度身製作投入最大,版面與流程的調整空間也最大。趕一場短期促銷,模板合理;頁面要長期使用、承載主力業務的查詢,度身做的分別才開始顯現。
模板與自訂之間怎樣取捨?
模板的特點是多人共用同一套版面結構,好處是版面維護統一、起步較快;代價是外觀與別人相似,結構上能改多少,要看平台、主題與實際需求。取捨的判斷在轉化目標是否常規:報名與訂閱這類標準動作,模板多數勝任;查詢流程特別、要配合既有品牌規定的業務,模板很快會碰到上限。中間做法是保留模板結構,自己重寫全部文案與圖片,至少訊息不會與人雷同。
選哪條路,最終看三件事:內容改起來方不方便、流程能不能按轉化目標調整、日常維護由誰負責。委託設計公司的話,可以先看 度身網頁設計及開發服務怎樣按需求與流程列項,再比較自己動手的成本。
AI 能在製作過程幫上甚麼忙?
AI 可以一次生成十個標題寫法、幾段賣點草稿或配圖構思,供你挑選修改;但客戶評價的真偽、數字是否屬實、語氣像不像你的公司,這些判斷仍然要由人來做。把 AI 的輸出直接放上頁面,風險不在文筆,而在講錯了承諾。
頁面開得慢、手機難操作,訪客為何直接離開?
載入速度:實驗室分數與真實用戶是兩回事
Google Chrome 團隊的 Web Vitals 文件以 LCP 量主要內容載入、INP 量互動反應、CLS 量版面穩定,並強調真實使用者量度與實驗室測試各有用途;Lighthouse 的模擬載入量不到需要真人互動的 INP,只能以 TBT 一類指標替代診斷,單次測試分數亦不能當成全部訪客的體驗。
實際做法是兩邊都看:實驗室工具找出未壓縮圖片、過多第三方程式這類明顯問題;真實用戶數據反映訪客實際感受,PageSpeed Insights 便同時提供實驗室結果與可取得的真實用戶數據。另可以目標訪客常用的裝置與網絡實測,例如假設他們乘車時用手機網絡瀏覽,把這個情境包括在測試內,結果才貼近現實。
手機版面與操作要檢查甚麼?
Google Ads 的官方建議亦提到,手機版頁面要載入快、方便聯絡、導覽簡單。與其逐格對清單,不如用自己的手機,在實際網絡下由點擊廣告開始走一次:首屏是否立刻見到下一步、捲到長頁面中段時行動位置是否仍在單手可及範圍、表單欄位是否夠大、彈出視窗會否遮住正文、關閉方法是否明顯。由廣告走到提交表單仍然順暢,這一關才算過。
Landing Page 上線後,成效要怎樣量度與改善?
成效要量到哪一層?
成效起碼量到三個位:成功提交、有效查詢與成交。訪客按下按鈕只是一次點擊,系統確認收妥才算成功提交;查詢收到之後,要再分哪些符合服務範圍、值得跟進;跟進之後有多少成為客戶,是第三層。三層數字接起來,頁面與跟進各自的貢獻才分得清。
轉化率:先定計算單位
轉化率要先定計算單位,這裏按訪客計:完成指定行動的去重人數,除以同一範圍的訪客人數,再乘一百。分母用全站流量還是該廣告活動的流量,兩者不可以混合;分析平台若按工作階段統計,對照時要換成同一種定義。比率亦會隨流量組合移動,廣告換了受眾,轉化率變了,頁面本身可能沒有改過,所以對照前後表現,數據要來自同一來源,期間亦要可以比較。
有效查詢與成交:頁面之外的最後兩關
Google Analytics 的建議事件把這段路分成三步:按 GA4 的建議事件參考,generate_lead 記收到查詢,qualify_lead 記查詢符合資格,close_convert_lead 記合資格查詢最終成為客戶,其中後兩步就是頁面之外的最後兩關。這些事件要自行設定,不是安裝後自動出現;不用工具的話,同一分層亦可用試算表記錄:每月收到多少查詢、符合服務範圍的有多少、成交的有多少。表單欄位的多寡,影響的是查詢符合資格這一步:問得少,成功提交的數字未必反映查詢合用;問得多,跟進時背景齊全,訪客要填的負擔也重。成功提交與有效查詢兩層一起看,會較容易判斷變化是否合理;但要分辨頁面改善還是訪客組成改變,還要對照來源、時段與實際改動。
訪客在哪裏流失,看行為數據找得到嗎?
行為數據能指出值得檢查的位置,前提是先確認頁面設定了哪些追蹤:CTA 點擊與成功提交要分開看,一次點擊不代表完成提交;捲動深度視工具與設定而定,表單欄位的流失多數要額外追蹤才拿得到。這些數字只提供線索,點擊能證明有人點過,零點擊不能證明訪客沒有見過按鈕;要判斷原因,還要與實際操作對照。
直接反饋是另一條線索。請幾位不熟悉項目的同事,用自己的手機完成一次報名,觀察他在哪裏停頓;銷售同事若在電話裏重複回答同一條問題,那條問題就值得寫進頁面。這些觀察不需要工具也拿得到,與數據互相印證,比單看一種來源穩妥。
A/B 測試應該何時做、結果怎樣判讀?
A/B 測試把兩個版本隨機分配給不同訪客,再比較哪一個的轉化表現較好。按 GOV.UK 的對照測試方法說明,這類測試要事先規劃,包括隨機分組的方式與量度的指標,而結果亦未必分明。入門階段每次集中改一個變數,方便把分別歸因;先測影響大的元素,例如標題、優惠寫法或 CTA 文案,按鈕顏色這類細節放到最後。
判讀時的風險,是太早宣佈勝負。觀察期內某版本暫時領先,未必代表最終分別成立;資料不足便繼續觀察,不要憑一次波動定案。頁面流量有限的話,與其勉強跑測試,不如先做操作檢查,再逐次改版。改版前後的對照同樣受時段與流量變化影響,只當線索看,不應單憑它確認成效。
資料參考
- Google Ads:Landing page:到達頁是訪客點擊廣告後抵達的頁面,這個角色可以由不同頁型擔任
- Google Ads:Optimize your ads and landing pages:到達頁要符合廣告與關鍵字的承諾,廣告的行動呼籲要與頁面上做到的動作銜接
- W3C Web Accessibility Initiative(2026):Forms Tutorial:表單只應問完成當前交易或流程所需的資料,並要有標籤、說明、驗證與提交通知
- W3C Web Accessibility Initiative(2022):User Notification:提交後要告知成功或失敗,錯誤須對應欄位並說明修正方法
- Google Chrome 團隊(2024):Web Vitals:LCP、INP、CLS 各量不同面向,實驗室與真實使用者量度各有用途
- Google Analytics(2026):Recommended events:三個建議事件分階段記錄產生查詢、符合資格與成為客戶,須自行設定
- GOV.UK:A/B testing: comparative studies(Office for Health Improvement and Disparities,2020):對照測試要事先規劃、隨機分組,結果亦未必分明
Landing Page 設計常見問題
Landing Page 與網站首頁、一頁式網站有甚麼分別?
分別在角色,不在長短:首頁是網站入口,照顧導覽;一頁式網站是承載形式,把整站內容排在一頁;Landing Page 是以單一轉化目標設計的推廣頁。三者可以重疊:一頁式網站可以兼作推廣頁,首頁也會成為廣告的到達頁,只是同時承擔更多導覽目的。決定頁面怎樣設計的,是它在這次推廣中要訪客完成的那個行動。
Landing Page 的標題、CTA 和表單如何配合單一轉化目標?
三者都由同一個轉化目標倒推:標題回應廣告承諾、講中訪客需要;CTA 寫清楚按下後得到甚麼;表單只問跟進必要的資料。目標是報名,表單便問姓名、聯絡方式與人數;目標是查詢,才值得問單位類型與預算這類影響報價的資料。同一頁同時請求報名、查詢、購買,訪客可能猶豫該先做哪一個,所以一頁集中請求一個主要行動,按鈕可以在多個位置重複出現。
Landing Page 可用甚麼內容減輕訪客對產品或服務的疑慮?
用信任元素逐條回答訪客沒講出口的問題:你是誰、有沒有人用過、出了事怎麼辦。客戶評價要有可辨認的出處,例如全名、公司或使用情境;服務類業務可補上過往項目、合作機構與專業認證;退換安排、保證條款與真人接聯的聯絡方法,則應貼近 CTA 出現,不要沉在頁尾。這些內容未必即時促成交易,卻能在最後一步減低戒心。
Landing Page 應該自己用模板製作,還是交給設計公司?
視乎頁面要用多久、流程有多常規。短期促銷、報名與訂閱這類標準動作,模板多數勝任,自己重寫文案與圖片已可減少與人雷同;長期使用、查詢流程特別或要配合品牌規定的頁面,度身製作在可修改性與流程調整上的空間較大。判斷準則是三件事:內容改起來方不方便、流程能否按目標調整、日常維護由誰負責。
Landing Page 上線後,如何檢查手機體驗並測試改善成效?
先實機走一次,再分層量度。用自己的手機在實際網絡下由點廣告走到提交表單,檢查首屏、行動位置與表單欄位是否容易完成;速度用實驗室工具與可取得的真實用戶數據互相對照。改善分先後:流量足夠時用 A/B 測試比較兩個版本,流量有限便先做操作檢查與逐次改版;改版前後的對照只作線索,不應單憑它確認成效。

