優質外部連結結構的立體示意圖

landing page 怎麼做才有效?到達頁與官網頁面的根本差別

Posted by:

|

On:

|

很多廣告投出去沒有回應,問題不在廣告本身,而在於點進去之後的那一頁。landing page(中文常稱為到達頁或著陸頁)指的是訪客從廣告、電子報、社群貼文或活動連結點進來時,第一個也往往是唯一一個看到的頁面。它跟官網的一般頁面是兩種不同性質的東西,如果拿官網首頁當作廣告的到達頁,通常會浪費掉相當比例的點擊。這篇專談行銷用途的到達頁:它跟一般頁面差在哪、該有哪些元素、以及最常見的幾個做錯的地方。

到達頁跟一般官網頁面的根本差別

官網的一般頁面服務的是「還在逛」的訪客。他可能是來確認公司背景、看看有哪些服務、找聯絡方式、或者只是隨便看看。因為來意不明,所以一般頁面必須提供多種出口:完整的導覽列、相關頁面連結、其他服務的介紹。這是對的設計,因為你不知道他要去哪裡,所以要把路都留著。

到達頁服務的是「帶著特定期待點進來」的訪客。他剛剛看到一則講某個具體問題的廣告,心裡有一個已經被喚起的念頭。這時候你已經知道他要什麼了,所以頁面的任務不是提供更多選擇,而是把他心裡那個念頭接住,然後帶到一個動作。三個根本差別可以這樣理解:

  • 目標數量:一般頁面可以有多個目的,到達頁只有一個
  • 出口設計:一般頁面刻意留下很多出口,到達頁刻意收斂出口
  • 對應關係:一般頁面對應的是網站訪客的通用需求,到達頁對應的是某一則廣告或某一檔活動的特定訴求

單一目標:一頁只做一件事

做到達頁最重要的一條規則是先把目標寫下來,而且只能寫一個。可能是「留下聯絡方式索取報價」「報名這場活動」「下載這份資料」「直接購買這個方案」。寫下來之後,頁面上的每一個區塊都要拿這個目標去檢查:這段存在的理由,是為了讓訪客更願意做這件事嗎?如果不是,它就該被刪掉或移到別的地方。

常見的失焦來源是「順便」。順便介紹一下公司的其他服務、順便放一下最新消息、順便加個部落格連結。每個「順便」都在稀釋訪客的注意力,也在告訴他「你其實還有別的選擇可以考慮」。當一個訪客開始考慮別的選擇,他就離原本那個動作更遠了一步。

如果一檔活動確實有兩種不同對象(例如個人客戶與企業客戶),比較好的做法不是在同一頁塞兩套訴求,而是做兩個到達頁,各自對應各自的廣告。這樣不只訊息更準,之後要判斷哪一邊的溝通比較有效也才分得出來。

移除干擾:該拿掉什麼,該留下什麼

收斂出口的具體做法,通常包含幾件事。完整導覽列可以拿掉或簡化成只剩商標;側邊欄的推薦文章、熱門商品這類區塊移除;頁尾的大量連結精簡成必要的法律頁面與聯絡資訊;內文中不要放會把人帶離這頁的外部連結;跳出視窗與自動播放的影音要謹慎,它們常常比想像中更容易讓人直接關掉分頁。

但「移除干擾」不等於「把資訊變少」。訪客要做決定,需要足夠的資訊;該拿掉的是會把人帶走的東西,不是幫助人做決定的東西。價格說明、服務範圍、常見疑慮的回答、退換貨或取消規則,這些留著是對的,因為它們降低的是猶豫,而不是製造分心。

另一個容易被忽略的干擾是視覺上的。太多種顏色的按鈕、太多個粗體重點、滿版的動畫效果,會讓訪客的視線找不到落點。頁面上應該只有一種顏色是「行動按鈕的顏色」,其他元素都不該搶走它。

對應特定廣告或活動:訊息一致性

到達頁是廣告的延續,不是獨立的作品。訪客在廣告上看到某個說法而被吸引,點進來之後如果找不到同一個說法,他會有一瞬間的困惑:我是不是點錯了?這個瞬間就是離開率的來源。

維持一致性的具體做法包含:到達頁的主標題要延續廣告的核心訴求,最好連用字都接近;廣告如果提到某個特定方案或優惠條件,頁面上要在不用捲動就看得到的位置重複一次;廣告的主視覺與到達頁的主視覺風格要接得起來;廣告若鎖定特定對象(例如只針對某個產業),頁面文案就不該寫成泛用版本。

當你同時投放多組訴求不同的廣告時,理想上每一組都該有對應的到達頁。如果資源有限做不到那麼多,至少要讓訴求差異最大的那幾組分開,而不是全部導到同一頁。

一個有效到達頁該有的元素

版面順序可以有變化,但以下這幾塊通常缺一不可。

明確的主張。首屏的標題要在一句話內讓訪客知道:這是給誰的、解決什麼問題、他能得到什麼。避免只有品牌口號或抽象形容詞。一個檢驗方法是把標題單獨抽出來給不知情的人看,問他「你覺得這在賣什麼」,如果答不出來,標題就還不夠。標題下方通常需要一到兩句補充,把主張講得再具體一點。

佐證。訪客沒有理由相信一段自我宣稱,所以要提供可以佐證的材料:實際做過的案例說明、服務流程的具體描述、商品的規格與細節照片、真實的使用情境、清楚的保固或售後條件、以及可查證的資格或認證。佐證的重點在具體,越是能被檢驗的內容,說服力越高;空泛的形容詞越多,反而越像在掩飾。

行動呼籲。也就是常說的 CTA,指的是那顆按鈕與它的文字。它要夠明顯、位置要在訪客讀完每一段主要論述之後都找得到(通常會在頁面中重複出現數次),而且按鈕上的文字要說清楚按下去會發生什麼事。「立即索取免費評估」比「送出」清楚,「預約現場體驗」比「了解更多」明確。按鈕旁邊加一句降低顧慮的小字也很有用,例如說明不會產生費用、或說明大約多久會有人聯繫。

精簡的表單。表單是最後一道關卡,每多一個必填欄位,就多一分放棄的理由。原則是只問這個階段真正需要的資訊:如果下一步是電話聯繫,那就只要姓名與電話;公司規模、預算範圍、需求細節這類問題,可以留到實際對話時再問。能用選項就不要用開放填寫,能自動帶入就不要讓訪客打字。另外要留意錯誤提示要即時且看得懂,以及送出之後一定要有明確的成功畫面或訊息,不要讓訪客不確定到底送出去了沒有。

常見疑慮的回答。把訪客在決定前最容易卡住的三、四個問題直接寫在頁面上,例如費用怎麼算、需要準備什麼、大概要多久、不合適可不可以取消。這一塊放在按鈕附近特別有用,因為它處理的正是按下去之前的猶豫。

常見錯誤與怎麼避免

放太多選項。最典型的是直接拿官網首頁當到達頁,導覽列、服務總覽、最新消息、部落格全都在。訪客有太多地方可以去,結果哪裡都沒去成。修正方式是為每一檔廣告建立專屬頁面,而不是共用首頁。

行動呼籲不明確。按鈕寫著「了解更多」卻沒說了解什麼、按鈕顏色跟其他元素混在一起、整頁只在最底部放一顆按鈕、或者同一頁上有好幾種不同的動作互相競爭(打電話、加好友、填表單、下載資料全都要)。修正方式是選定一個主要動作,其他動作若真的需要,就用明顯次要的樣式呈現。

跟廣告文案不一致。廣告談的是某個具體情境,點進來卻是公司的通用介紹;廣告提到的優惠條件在頁面上找不到;廣告用的語氣活潑,頁面卻是制式公告。修正方式是在頁面上線前,把廣告素材與頁面首屏並排看一次,確認訊息接得上。

首屏塞滿裝飾。大圖佔滿整個螢幕、只有一句空泛標語、按鈕要捲動才看得到。訪客在最初幾秒得不到任何實質資訊,就會回到上一頁。修正方式是確保首屏同時包含主張、一句補充、以及一個可見的行動入口。

忽略手機版。到達頁的流量多半來自手機,但很多頁面是在桌機上設計完就上線。常見問題包含首屏在手機上需要捲很久才看到按鈕、表單欄位太小、固定橫幅擋住送出鍵。上線前務必用實機從頭走一次完整流程,包含把表單真的送出去一次。

沒有裝追蹤,也沒有測試。到達頁的價值在於可以被檢驗,如果沒有安裝分析工具、沒有設定表單送出的事件,就無法知道問題出在哪一段。至少要能看出訪客是在首屏就離開,還是捲到表單前才放棄,這兩種狀況要改的東西完全不同。

常見問題

到達頁一定要做成一頁式嗎?
不一定,但兩者常被混為一談。一頁式講的是頁面形式,到達頁講的是頁面用途。行銷用途的到達頁確實常做成單一頁面,因為方便收斂出口;但一個多段落、需要捲動很長的頁面,只要目標單一、出口收斂,一樣是稱職的到達頁。重點在用途而不在長度。

到達頁要放在官網底下還是另外開網域?
一般建議放在既有網域之下的子路徑。這樣可以沿用既有網域的信任度,訪客看到網址時也比較安心,管理與追蹤也比較單純。另開網域通常只在特定情況下才有必要,例如活動品牌與公司主體要刻意區隔。

表單到底該留幾個欄位?
沒有標準答案,判斷方式是回推下一步要做什麼。如果收到資料後是由業務電話聯繫,姓名與電話就足夠;如果是寄送資料,就需要信箱。每增加一個欄位之前,先問自己「少了這個欄位,我的下一步做不做得下去」,答案是做得下去就不要放。想多了解客戶的話,可以在後續的對話或是成功頁面上再補問。

怎麼知道到達頁做得好不好?
看行為數據而不是看感覺。基本的觀察包含:從廣告進來的人有多少比例捲動到頁面中段、有多少人抵達表單區、有多少人真的送出。這幾個數字之間的落差會指出問題在哪一段,例如大量的人在首屏就離開,通常代表訊息與廣告接不上。要做到這件事,前提是上線時就把分析與事件追蹤設定好。

如果你手上有正在投放的廣告,卻不確定到達頁有沒有把流量接住,創昇SEO提供免費的網站健檢,可以協助檢視頁面的訊息一致性、行動入口的位置與表單流程是否順暢,並整理成一份具體的調整建議清單。

比較習慣當面討論的話,我們也提供全台免費到府解說。可以帶著現有的廣告素材與頁面一起看,我們會把看到的問題一項一項說明,你再判斷哪些值得先調整,不必當下決定合作。

Posted by

in