Categories: GrowthSEO什麼是?

實例網站解說什麼是 Landing Page ?

實例網站解說什麼是 Landing Page ?
快速重點:這篇主要解釋什麼是 Landing Page (中文又稱網站到達頁又或著陸頁),以真實網站為例圖文解說,並說明製作 Landing Page 需要注意的基本事項,在完全不懂程式的狀況下,網路上有哪些簡易的工具可以使用,適合對網路行銷才剛起步的初學者閱讀。本文原作者為 野湯姆 : https://twitter.com/impamcy

 


實例網站解說什麼是 Landing Page ?

在幫助自己的網站做優化時,有一個專有名詞你一定要知道,尤其在國外網路行銷界討論的非常熱烈,那就是「Landing Page」,為此網路上還出現不少專欄或書籍專門在解釋這塊。 Landing Page 的中文又稱為「網站到達頁」,講的是任何一個網頁,無論訪客是從哪個流量管道進來,只要他一進入特定頁面能達成某個你設定的目標,也許是加入會員、購買商品或訂閱電子報等,這個主要到達的網頁就被稱做 Landing Page。

 

Landing Page 的重要性

一個好的網站到達頁必須符合「精準」和「轉換」的特性,怎麼說呢?想像你正走在百貨公司裡突然急著想去上廁所(你的目標),動線不明確加上指示不清讓你在樓層裡團團轉,如果這時地上有個前往 WC 的腳丫丫一路帶著你,於是你跟著指示一路飛奔到廁所(資訊精準又明確),你高興的解放完畢(成功轉換),而且還免於差點尿褲子的命運。

 

資訊不求多,而是精準地有效傳達,自然轉換率也能提高,這就是 Landing Page 的精髓。

*這裡指的「轉換」不見得非得要購買商品,成功註冊會員、閱讀更多文章等都可以被稱做是成功的轉換。

用圖像解說你會更清楚,我們來看看以下的例子:


Airbnb 的到達頁指示非常明確,在視窗線範圍內,一張具有異國氛圍情境的背景圖,大標及副標的文字描述著:「歡迎回家 / 從超過 190 個國家的當地人租住獨一無二的家」。搭配簡單的搜尋框 Where do you want to go? 訪客很容易在第一時間猜測到這是一個和旅行相關的租屋網站,並且可以立即直接做搜尋。

 

 


Unbounce 是業界相當知名製作 Landing Page 的網站,大標題說明了一切:「沒有工程師也能製作發佈 A/B Test的網站到達頁」,這句話超棒!我真的很喜歡,一句單純直白的話就說明了這個網站的特點,搭配鮮明的橘色 Call to Action(CTA 召喚行動按鈕),按鈕上頭可不是寫著類似 “馬上使用” 這種有氣無力的字眼,而是帶著催促、不現在做好像會後悔,我知道按下後會到我前往某處的「馬上製作高轉換率的網站到達頁」文字。
網頁下方繼續說明產品的功能及特色,另外還附上其他大企業也使用 Unbounce 的推薦心得,讓初次來到網站的訪客更能了解產品,連那家大公司都用了應該不錯,我對這個服務產生信心,當然按下橘色按鈕的機率變高,自然而然成為使用者的轉換率也增加了。

 

 


音樂串流網站 Spotify 在 Cyber Monday 期間針對會員寄出電子報優惠訊息,由於我使用的是免費帳戶,為了讓我成為付費帳戶, Spotify 提供我超級心動的優惠價,3 個月的進階版會員竟然只要美金 $0.99,我立馬二話不說按下去申辦!

(當下太興奮忘了,這是事後的截圖,電子報中的倒數計時,是當下非常催票的功能)


(當下要刷卡還要截圖,很忙耶! 還好 Spotify Landing Page 的表單設計超級精簡,花錢不到十秒鐘)

你可以看到這個從電子報連進的到達頁資訊非常簡單,其實這也是 Landing Page 很重要的策略之一。由於我已經是會員,對於 Spotify 的產品非常熟悉,電子報的重點是推銷我趕快升級成付費版,這時就不需要再對我囉哩叭唆,直接帶我到結帳頁,左側再補充說明升級的好處優惠,沒有多餘的連結資訊,連 Menu 選單都消失,為的就是要讓我專心付錢,信用卡的欄位也簡化到一個極致,你看,Spotify 的心機有多重啊!做電商的千萬要把這招學起來!

 

 


One Growth Hacking Idea a Day 是我很常關注的網路服務,站長 Aladdin Happy 主力不是經營網站,而是每天寄給你一封實用的成長駭客秘技,讓你不用花 1 分鐘就能閱讀完畢並且實做套用在自己的網站。

對 Aladdin 而言,網站到達頁的目的是為了獲取更多用戶的 Email,不需要像一般網站製作漏漏長的網頁。這個簡單的頁面基本上分成 4 個要素:

  • 大標:一天一個成長駭客點子
  • 副標:連微軟、Salesforce、LinkedIn、Adobe 等大公司都在訂閱我的服務(好像很厲害,不訂閱好像很對不起自己)
  • 超大、顏色又明顯的訂閱電子報區塊
  • 網友的推薦評價

 

Aladdin 的行銷方式也很獨特,不是每個人都能訂閱,必須經由朋友的分享連結才能訂閱,雖然說是每天會寄送一封秘技,實際上是訂閱一星期過後只會每週收到一封,想要天天都收到必須邀請 5 位朋友加入才行。不過到達頁目標明確,加上靠著社群分享的力量,讓他的訂閱轉換率也一路攀升,而且這一切還花不到半毛錢行銷咧!

 

 

製作 Landing Page 前要思考的事

  • 網站的 TA(目標族群)是誰話說一個對你產品一無所知的訪客,和一個對產品已經有點了解的用戶,這兩者想要看到的到達頁內容相對也有所不同。
  • 設定轉換目標你希望訪客是留下 email、下載 App、購買商品、註冊會員或閱讀更多文章?
  • 各個來源和到達頁的資訊一定要清楚對等千萬不要掛羊頭賣狗肉,某位訪客搜尋 “十二廚下午茶 電話” 進入到達頁,但你的頁面卻寫著 “抽十二廚下午茶券”,那只會讓你的跳出率飆高,記住你的到達頁是為了解決使用者的疑問,他們只想找到正確的答案!
  • 響應式網頁設計(RWD)不多說,對手機和平版裝置要表現友善。
  • 數據分析 & A/B Test沒有絕對 100 分的頁面,別人的成功範例也不見得適合你,多觀察數據進行優化,了解訪客的停留時間、跳出率、轉換率、看了什麼、點擊了什麼… 紅色 Button 和綠色 Button 誰表現好?A 文案還是 B 文案好?那就 A/B Test 讓使用者說話。

 

 

製作 Landing Page 的工具

以往製作一個網頁需要 IT 的協助才能進行,新一代的服務大打像 Word 一般的工具列,用拖拉移動的方式連不懂程式的人都可以自己做,甚至有現成的 Template 可套用,除了上面介紹的 Unbounce 外,LeadpagesInstapage 都是不錯的選擇,另外如果你的網站使用 WordPress , 可另外安裝 ThriveOptimizepress 插件(需付費)製作高轉換率的 Landing Page。

動手前腦袋還是空空?到 Lapa 看看大家分享的 Landing Page 設計蒐集靈感吧!

這幾年實做下來,發覺導入流量其實很容易,難的是「轉換」!記得三多原則:多實驗、多分析、多優化,一旦你建立的的網站到達頁能夠精準使人信服,進來的訪客相對也會是對的用戶,轉戶率自然就更容易提升了。

不想錯過我的下一次發文嗎?歡迎訂閱我的電子報。
30秒流量成長駭客

 

 


快速瀏覽一下簡報加強對 Landing Page 的印象吧

可樂

View Comments

Recent Posts

plain PHP 搭配 Slack 進行錯誤追蹤、回報(Error Tracking、Error Handling)

錯誤追蹤、回報非常重要,看到的錯誤才知道怎麼修。現今 PHP 流行的 Laravel 有很好的 Error Tracking, Error Handling。但 plain PHP 怎麼辦呢? 在 production 為了安全考量會設定…

4 years ago

Drone CI/CD 配合 Github 使用 Rsync 進行 Deploy

jenkins、circleci、travis 或 Gitlab CI 皆為目前暫知名的 CI/CD 服務,各自缺點也不言而喻...過於肥大、收費略高(?)、速度不夠快執問題...此時使用 go language 開發的 Drone 就出現啦,完全 docker 容器化的運行方式讓整個 CI…

4 years ago

Nginx brotli 設定

網頁壓縮技術中 gzip 很好用,deflate 己經過時,但你聽過 brotli 嗎? 有著比 gzip 更好、更快的壓縮效率。看起來利大於弊有什麼不用他的理由嗎?簡單從優、缺點來看 brotli!到底 brotli 布羅特利是什麼、如何設定呢。 目前大多的 web server…

4 years ago

本機使用 Docker 容器內 PHP (wrapper/expose PHP)

為什麼要讓本機使用 Docker 內 PHP? 情境... docker 容器內用的是 PHP 7.4 但你的開發本機還在跑 PHP 5.6 或是更舊,因為 dockerize 的關係會將所有相關環境都轉移到…

4 years ago

為什麼你需要密碼管理工具

為什麼你需要密碼管理工具現代人一天下來需要輸入多少組密碼,工作與生活己經和密碼密不可分! 除了足夠全安的密碼,密碼記錄、儲存的方式又足夠安全嗎?密碼管理工具可以帶來什麼幫助呢? 為什麼你需要密碼管理工具 資安問題!!大多人說著沒做壞事不怕被偷資料、監聽。嚴重曝露出現代人的基本科技素養的低落和無知 🤯 密碼的使用無所不在!! 行動裝置的普及,APP 、手機遊戲、銀行帳戶所有和生活相關的東西都需要密碼!!facebook, line 只要打開 APP 也會輸入密碼只是他是自動輸入、一般情況不可視 (auth token) 一般人最常發生的密碼資安問題…

4 years ago

簡單使用 Mysql Partition 優化查詢

mysql 資料表分區 mysql table partition 從架構上調整 mysql 的查詢效率。mysql DB 的優化可以簡單也能複雜,除了調整設定值。也可以透過水平分割(Horizontal Partitioning)、垂直分割(Vertical Partitioning) 分庫或分表將資料分散儲存減少資料搜尋、group by 時的效能消耗。拆開批次處理,理論上效率都會變好,本文就水平分割的…

4 years ago