廣告費一個月燒十幾萬,點擊數漂亮得不得了,月底一看訂單卻寥寥無幾。這種情況九成的老闆第一個念頭是「廣告沒效,換代操」,但真正的破口往往不在廣告,在點進來之後那個頁面。流量本身不會變成訂單,中間隔著一張有沒有把人接住的著陸頁,而著陸頁優化要處理的,就是把這張頁面上正在漏人的環節一個個補起來。
本文重點
- 流量大但成交少,問題通常出在著陸頁而不是廣告
- 著陸頁的8個關鍵元素,從第一屏標題到頁面速度逐項拆解
- 表單、信任符號、CTA這幾個最容易漏人的地方怎麼修
- 手機版優化3個常被跳過的細節
- 一個保健食品著陸頁改寫前後的完整對照
- 什麼情況只要小改、什麼情況該整頁重做
先弄清楚,流量進來為什麼留不住
著陸頁的英文是landing page,又或稱到達頁,指的是廣告、EDM或社群連結點進來的第一個頁面。它和首頁最大的差別在目標:首頁要服務所有來訪的人,著陸頁只服務一種人、只要對方完成一個動作,可能是下單、留資料、預約或訂閱。目標越單純,越不該讓頁面上出現任何會分心的東西。想先補基礎概念的,可以看Landing Page是什麼,這篇接著談的是「優化」這一層。
判斷一張著陸頁該不該動,不用憑感覺,看三個後台數字就知道。跳出率過高,代表人進來看一眼就走;平均停留低到十幾秒,代表第一屏根本沒說服人留下;CTA按鈕點擊率貼著地板,代表整頁看完沒人想採取行動。這幾個數字在GA4後台都查得到,怎麼讀可以參考GA4怎麼看。三個數字有兩個難看,問題就不在廣告,在頁面。
著陸頁優化的8個元素,分四層在把關
與其把著陸頁拆成一堆零散的檢查項,不如分成四層來看:訪客一眼看到的第一屏、決定要不要相信品牌的信任層、真正促成動作的轉換層、以及撐住整個體驗的技術層。8個元素分屬這四層,任何一層漏水,前面做得再好都留不住人。下面按訪客實際瀏覽的順序,從第一屏往下走。

第一區塊:標題與價值主張決定人走不走
第一區塊是不用滾動就看得到的那一塊。微軟一份常被引用的注意力研究指出,人在網頁上的初始專注時間只有幾秒,這幾秒看不懂「這頁在賣什麼、跟我有什麼關係」,手指就滑掉了。第一屏的標題和價值主張,就是拿來贏這幾秒的。
好標題會同時交代三件事:說給誰聽、解決什麼問題、憑什麼選這家。舉個例子,賣關節保健食品的頁面,「30天有感的關節保養配方,七萬名熟齡族群的選擇」就把對象、問題、背書一次講完;換成「優質保健食品」,三件事一件都沒交代,人自然留不下來。最常見的錯誤有兩種,一種是把公司名當標題,一種是堆形容詞,「品質卓越、值得信賴」這類話訪客看過幾百次,等於沒說。
價值主張放在標題底下,用一兩句話補一個「現在就把整頁看完」的理由。它不是公司簡介,是把產品最不一樣的那一點直接講出來。線上課程與其寫「最完整的SEO課程」,不如寫「兩週從零學到能自己優化網站,不用額外買工具」,差異化落在看得見的地方。這段話盡量壓在25個字內,長了就沒人讀完,需要兩行就斷成兩行,別擠成一坨。

把訪客推向動作的CTA怎麼設計
CTA是call to action,行動呼籲,多半以按鈕呈現,是把興趣轉成動作的那個節點。它不是放一顆就好。合理的配置是第一屏一顆、中段一顆、頁尾一顆:第一屏那顆給被標題說服、不想看完整頁的人;中段那顆接住看到某個賣點才心動的人;頁尾那顆收全部看完還在猶豫的人。頁面很長的話,再加一顆跟著滾動的側邊按鈕,但要小心別擋到內容,手機上還得縮得更含蓄。
按鈕上的字,用「動詞加具體結果」寫,別用「了解更多」「點我看看」這種讓人不知道按下去會發生什麼的空話。賣諮詢寫「預約30分鐘免費諮詢」,賣電子書寫「下載10頁實用範本」,賣課程寫「先看免費前三堂」,都是讓人心裡有底才敢按。顏色上讓按鈕和頁面主色拉出對比,主色是藍的就別讓按鈕也是藍的,更別跟導覽列撞色互搶。尺寸則要大到手機上一根拇指能準確按到,Google在行動裝置友善的建議裡把可點擊目標訂在48像素上下,比這小的按鈕在手機上很容易按歪,人一煩就走。
信任符號要擺在人猶豫的地方
決定要不要買之前,訪客心裡最後一道坎是「這家可不可信」。信任符號就是拿來拆這道坎的視覺證據,常見的有五種:合作客戶logo、媒體報導、認證標章、真實評價、具體成果數字。
比擺什麼更重要的是擺在哪。原則只有一句:放在人會猶豫的位置,也就是CTA按鈕旁邊和表單上方。人在按下按鈕、送出資料的前一刻最容易縮手,這時候旁邊出現「已有3,800家中小企業採用」或一張可查證的認證,猶豫感會直接被壓下去。反過來,把最有力的證據藏在頁尾是常見的浪費,因為多數人根本滾不到那裡。
還有一種信任符號會倒扣分,就是假的。買來的五星評價文字腔調雷同、發文時間擠成一團、頭像一看就是圖庫照;看不清楚名字的模糊logo;還有「全球第一」這種拿不出佐證的形容詞。被識破的那一刻,信任不是歸零而是變負的。真符號的標準很好記:來源查得到、數字驗得了、評價有具體情境。寧可只擺三個真的,也別堆一整面假牆。
表單與誘餌:最容易破洞的一段
表單是著陸頁流失最兇的地方。Baymard Institute長年做結帳與表單研究,反覆驗證同一件事:欄位越多、流程越長,放棄的人越多。原本七、八欄的表單砍到剩兩三欄,完成率常常明顯回升。
欄位留幾個,看你後續怎麼跟人聯絡。之後主要靠email,就留email;靠電話跟進,加電話;靠LINE,加LINE。姓名多半可以不要,除非業務真的會打電話寒暄。最糟的做法是把所有「將來也許用得到」的欄位全塞進去,職稱、公司、預算、需求說明一長串,沒人填得完。進階一點的玩法是分階段收:第一次只用email換一份免費內容,之後再從點擊行為、問卷、業務接觸慢慢補齊,比一次逼人填七欄有效得多。
誘餌,也就是lead magnet,是拿來換聯絡方式的東西,電子書、檢核表、試算工具、免費試用都算。設計就抓兩個原則:跟產品高度相關、拿到馬上能用。不相關的誘餌會招來錯的人,記帳軟體送超商禮券,留下資料的多半是來領券的,後續幾乎轉不成付費。換成「中小企業現金流檢核表」,留資料的人也許少一半,但每個都是真有需求的。至於「馬上能用」,一份要讀一週的30頁電子書,多數人下載完就擱著;換成一頁掃過去五分鐘就有收穫的檢核表,反而更常被用到、被想起。

手機版不是把桌機版縮小
台灣的電商與廣告流量早就以手機為主,但很多著陸頁仍是用桌機思維畫出來的,到了手機排版跑位、按鈕按不準、一打字鍵盤就把按鈕頂出畫面。手機版該做的不是縮小,是重想第一屏擺什麼、按鈕放哪裡才好按。
有三個細節特別常被跳過。第一是按鈕尺寸,桌機上看起來夠大的CTA,到手機可能剛好小於拇指按得準的下限,設計時要直接在手機上實測,不能只看縮圖。第二是字級,桌機14px的內文搬到手機會吃力,內文建議16px起、重點段落再大一點,字太小訪客得放大畫面,一放大就破版。第三是輸入欄位的鍵盤類型,email欄位設成email、電話欄位設成tel,手機才會跳出對的鍵盤,設錯的表單讓人切鍵盤切到放棄。
檢查方法別只靠Chrome開發者工具的手機模擬,那只能看排版看不出手感。真正可靠的是拿iOS和Android各一支手機,從第一屏一路走到送出表單,每一步都順才算過關,任何一步卡住就是要修的地方。
頁面速度:廣告怎麼換都補不回來的損失
速度和轉換的關係,Google和Deloitte合作的「Milliseconds Make Millions」研究講得很直接:載入時間只要改善零點幾秒,轉換、互動和客單價都會跟著往上。反過來看,一張慢半拍的著陸頁,等於每天在廣告費上漏水,而且是素材怎麼換都補不回來的那種。
一般網站的速度毛病著陸頁都有,但它另外有三個比較獨特的殺手。第一是第三方追蹤碼太多,為了追廣告成效埋了Pixel、GTM、Hotjar一長串,每一個都在拖後腿。第二是第一屏的自動播放影片,視覺很炫但首次載入要吞好幾MB,最大內容繪製時間直接被拉垮,改成靜態主視覺加一顆播放鍵,人想看再載就好。第三是沒壓縮的圖片,著陸頁視覺素材多,一張沒處理的高解析PNG就好幾MB,整頁載入直接爆掉,完整的壓縮做法可以看網站速度優化方法。
測速用免費的Google PageSpeed Insights就夠,輸入網址會分別跑出手機與桌機的Core Web Vitals。別只盯著總分,往下看「改善建議」那一區,它會把每個拖慢速度的元素列出來,一條一條照著修,多數網站兩週內能把分數拉進綠區。
改寫前後對照:一張益生菌著陸頁的實際變化
把前面講的八個元素放回一張真實形態的頁面來看會更清楚。假設情境是一個賣益生菌的保健品牌,原本著陸頁轉換率大約1.5%,每筆轉換的廣告成本落在中高價位。八個元素逐項檢過、改寫之後,轉換率拉到接近四成的成長幅度,單筆成本跟著明顯下降。改法整理成一張對照表。
| 元素 | 改寫前 | 改寫後與原因 |
|---|---|---|
| 第一屏標題 | 優質益生菌品質保證 | 改成「30天有感的腸道調理配方,3.2萬名熟齡族群實測選擇」,補上對象、問題、背書 |
| 價值主張 | 我們追求每一瓶的最高品質 | 改成「不靠刺激性成分,溫和補充每天需要的好菌」,差異化明確 |
| CTA按鈕 | 了解更多 | 改成「下單試30天,不滿意全額退」,動詞加結果加風險承擔 |
| 信任符號 | 頁尾三個模糊認證圖 | 移到CTA旁,換成可查證的媒體報導加具體人數 |
| 表單欄位 | 姓名、email、電話、年齡、需求說明五欄 | 砍到email與電話兩欄,把摩擦降到最低 |
| 誘餌 | 訂閱電子報享優惠 | 換成「熟齡族群腸道保養檢核表」,相關且立刻能用 |
| 手機版 | 桌機版直接縮小,按鈕在手機上偏小 | CTA改成滿版寬、加高,字級放大到好按好讀 |
| 頁面速度 | 第一屏自動播放影片,載入偏慢 | 影片改靜態主視覺加播放鍵,最大內容繪製進綠區 |
整套改下來大約花兩週工。八個元素每一個都對轉換有貢獻,但實務上第一屏標題和CTA文案的提升幅度最明顯,時間有限就從這兩個先動。
該小改還是整頁重做
不是每張著陸頁都要打掉重練。多數情況下改幾個關鍵元素就有明顯進步,全部重做反而是把還能用的東西砍掉,多花時間又多擔風險。真正該重做的訊號有三個:轉換率連續半年往下掉,代表頁面和市場期待已經脫節,小補補不回來;廣告素材換了五六組都沒起色,問題八成在頁面不在素材;還有品牌定位動過,產品線、客群或價格帶改了,原本的訴求已經對不上。
沒到重做的程度,就照順序小改:先動第一屏標題,再動CTA,接著調信任符號,最後收表單。前兩個通常動完就看得到轉換率有反應,剩下的穩穩推。每改一處留一週觀察,數據穩了再動下一個,別一次全改,不然分不清是哪個動作帶來的效果,下次也無從複製。有條件的話每一輪都用A/B測試驗證,新舊版一比一分流,新版顯著勝出才整個切過去,這部分怎麼設計可以看集客式行銷怎麼做裡對流量品質的拆解。
常見問題
流量不大也需要做A/B測試嗎
每天進站不到幾百人的頁面,A/B測試很難跑出有統計意義的結果,做了反而浪費時間。流量小的階段直接小改、觀察兩週整體轉換率就好,等月流量穩定上萬再開始正式測試。
一次改一個元素還是全部一起改
建議一次改一個、觀察兩週。一次全改會搞不清楚是哪個動作有效,下次想複製成功經驗時無從下手。分三輪花六週慢慢改,比一週盲目全改可靠得多。
用現成模板還是找人客製
剛起步、廣告預算還小的階段,用Wix、Webflow這類平台的模板就夠,能最快上線。等轉換率跑穩、品牌特色需要被凸顯,再考慮客製。兩者是不同階段的選擇,不是誰比較高級。
做著陸頁大概要抓多少預算
自己用模板加改文案,一兩萬就能上線;請設計師客製從十萬起跳,加上文案和廣告投放整套配下來會更高。中小企業建議先從模板跑出穩定轉換,再決定要不要升級,把錢花在已經驗證有效的方向上。
著陸頁優化,就是把漏掉的元素撿回來
著陸頁(到達頁)優化說到底不玄,就是拿八個元素逐項對照,找出正在漏人的那幾個。多數頁面在第一屏標題、CTA文案、表單欄位這三個地方都還有空間,光把這三處改到位,轉換率就會有感反應。順序從第一屏往下走,每改一個觀察兩週,比一次全改穩當得多。
達帛利協助過幾十家中小企業重做著陸頁,從第一屏訴求、CTA測試、信任符號編排到速度調校整套都能做。如果廣告投了一陣子、點擊不差就是沒訂單,預約免費諮詢,一起把漏掉的那幾個元素補回來。


