實例網站解說什麼是Landing Page ？ - 工作玩樂實驗室

Landing Page 的中文又稱為「網站到達頁」，講的是任何一個網頁，無論訪客是從哪個流量管道進來，只要他一進入特定頁面能達成某個你設定的目標，也許是 ... HomeGrowthSEO實例網站解說什麼是LandingPage？實例網站解說什麼是LandingPage？快速重點：這篇主要解釋什麼是LandingPage(中文又稱網站到達頁又或著陸頁)，以真實網站為例圖文解說，並說明製作LandingPage需要注意的基本事項，在完全不懂程式的狀況下，網路上有哪些簡易的工具可以使用，適合對網路行銷才剛起步的初學者閱讀。

本文原作者為野湯姆:https://twitter.com/impamcy 實例網站解說什麼是LandingPage？在幫助自己的網站做優化時，有一個專有名詞你一定要知道，尤其在國外網路行銷界討論的非常熱烈，那就是「LandingPage」，為此網路上還出現不少專欄或書籍專門在解釋這塊。

LandingPage的中文又稱為「網站到達頁」，講的是任何一個網頁，無論訪客是從哪個流量管道進來，只要他一進入特定頁面能達成某個你設定的目標，也許是加入會員、購買商品或訂閱電子報等，這個主要到達的網頁就被稱做LandingPage。

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

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

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

用圖像解說你會更清楚，我們來看看以下的例子：Airbnb的到達頁指示非常明確，在視窗線範圍內，一張具有異國氛圍情境的背景圖，大標及副標的文字描述著：「歡迎回家/從超過190個國家的當地人租住獨一無二的家」。

搭配簡單的搜尋框Wheredoyouwanttogo？訪客很容易在第一時間猜測到這是一個和旅行相關的租屋網站，並且可以立即直接做搜尋。

  Unbounce是業界相當知名製作LandingPage的網站，大標題說明了一切：「沒有工程師也能製作發佈A/BTest的網站到達頁」，這句話超棒！我真的很喜歡，一句單純直白的話就說明了這個網站的特點，搭配鮮明的橘色CalltoAction（CTA召喚行動按鈕），按鈕上頭可不是寫著類似“馬上使用”這種有氣無力的字眼，而是帶著催促、不現在做好像會後悔，我知道按下後會到我前往某處的「馬上製作高轉換率的網站到達頁」文字。

網頁下方繼續說明產品的功能及特色，另外還附上其他大企業也使用Unbounce的推薦心得，讓初次來到網站的訪客更能了解產品，連那家大公司都用了應該不錯，我對這個服務產生信心，當然按下橘色按鈕的機率變高，自然而然成為使用者的轉換率也增加了。

  音樂串流網站Spotify在CyberMonday期間針對會員寄出電子報優惠訊息，由於我使用的是免費帳戶，為了讓我成為付費帳戶，Spotify提供我超級心動的優惠價，3個月的進階版會員竟然只要美金$0.99，我立馬二話不說按下去申辦！(當下太興奮忘了，這是事後的截圖，電子報中的倒數計時，是當下非常催票的功能)(當下要刷卡還要截圖，很忙耶!還好SpotifyLandingPage的表單設計超級精簡，花錢不到十秒鐘)你可以看到這個從電子報連進的到達頁資訊非常簡單，其實這也是LandingPage很重要的策略之一。

由於我已經是會員，對於Spotify的產品非常熟悉，電子報的重點是推銷我趕快升級成付費版，這時就不需要再對我囉哩叭唆，直接帶我到結帳頁，左側再補充說明升級的好處優惠，沒有多餘的連結資訊，連Menu選單都消失，為的就是要讓我專心付錢，信用卡的欄位也簡化到一個極致，你看，Spotify的心機有多重啊！做電商的千萬要把這招學起來！  OneGrowthHackingIdeaaDay是我很常關注的網路服務，站長AladdinHappy主力不是經營網站，而是每天寄給你一封實用的成長駭客秘技，讓你不用花1分鐘就能閱讀完畢並且實做套用在自己的網站。

對Aladdin而言，網站到達頁的目的是為了獲取更多用戶的Email，不需要像一般網站製作漏漏長的網頁。

這個簡單的頁面基本上分成4個要素：大標：一天一個成長駭客點子副標：連微軟、Salesforce、LinkedIn、Adobe等大公司都在訂閱我的服務（好像很厲害，不訂閱好像很對不起自己）超大、顏色又明顯的訂閱電子報區塊網友的推薦評價 Aladdin的行銷方式也很獨特，不是每個人都能訂閱，必須經由朋友的分享連結才能訂閱，雖然說是每天會寄送一封秘技，實際上是訂閱一星期過後只會每週收到一封，想要天天都收到必須邀請5位朋友加入才行。

不過到達頁目標明確，加上靠著社群分享的力量，讓他的訂閱轉換率也一路攀升，而且這一切還花不到半毛錢行銷咧！  製作LandingPage前要思考的事網站的TA（目標族群）是誰話說一個對你產品一無所知的訪客，和一個對產品已經有點了解的用戶，這兩者想要看到的到達頁內容相對也有所不同。

設定轉換目標你希望訪客是留下email、下載App、購買商品、註冊會員或閱讀更多文章？各個來源和到達頁的資訊一定要清楚對等千萬不要掛羊頭賣狗肉，某位訪客搜尋“十二廚下午茶電話”進入到達頁，但你的頁面卻寫著“抽十二廚下午茶券”，那只會讓你的跳出率飆高，記住你的到達頁是為了解決使用者的疑問，他們只想找到正確的答案！響應式網頁設計（RWD）不多說，對手機和平版裝置要表現友善。

數據分析＆A/BTest沒有絕對100分的頁面，別人的成功範例也不見得適合你，多觀察數據進行優化，了解訪客的停留時間、跳出率、轉換率、看了什麼、點擊了什麼…紅色Button和綠色Button誰表現好？A文案還是B文案好？那就A/BTest讓使用者說話。

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

動手前腦袋還是空空？到Lapa看看大家分享的LandingPage設計蒐集靈感吧！這幾年實做下來，發覺導入流量其實很容易，難的是「轉換」！記得三多原則：多實驗、多分析、多優化，一旦你建立的的網站到達頁能夠精準使人信服，進來的訪客相對也會是對的用戶，轉戶率自然就更容易提升了。

不想錯過我的下一次發文嗎？歡迎訂閱我的電子報。

30秒流量成長駭客  快速瀏覽一下簡報加強對LandingPage的印象吧分享此文：ClicktoshareonTwitter(Opensinnewwindow)ClicktoshareonFacebook(Opensinnewwindow)RelatedTags:abtest,LandingPage,什麼是,到達頁,著陸頁,轉換YoumayalsolikeAboutTheAuthor可樂3CommentsPingback:自學網頁の嬰兒教材：第6課──在自己電腦上寫網頁|轉個彎教室Pingback:寫給新創團隊，那些商業世界的定價原則-dropBlogPingback:商業世界的定價原則«獨角獸日報UnicornDailyLeaveaReplyCancelreplyRecentPostsplainPHP搭配Slack進行錯誤追蹤、回報(ErrorTracking、ErrorHandling)DroneCI/CD配合Github使用Rsync進行DeployNginxbrotli設定本機使用Docker容器內PHP(wrapper/exposePHP)為什麼你需要密碼管理工具大家都看了哪些文章？如何破解鎖右鍵的網站,利用開發人員工具(開發者模式)!實例網站解說什麼是LandingPage？什麼是API?API是什麼?CategoriesCSSGrowthjavascriptLaravelPHPSEOUncategorized什麼是?工具讀書心得軟體開發RSS-PostsRSS-Comments