跳到主要內容

如何設計最強登錄頁面 Landing Page丨網路開發

你可曾有過,為什麼明明沒有預期要買某樣商品,卻因為進入網站看了介紹,最後忍不住就下單了?反之,有時候我們已經預設好要買某樣商品,卻在瀏覽網站的時候,在下單的最後一刻突然就不想購買了?

有時我們只是逛逛一些部落格或 B2B 的服務網站,卻不由自主的留下了個人資料?相信這些情況一定不止你一個人發生過,而且有做網路行銷的老闆們應該更想知道究竟是怎麼一回事!

很多時候,登陸頁面設計的好壞,取決於消費者是否會荷包失守、留下個資或離開網頁!

 Landing Page的中文為「登陸頁面」亦稱為銷售頁、潛在客戶捕獲頁面、一頁式網站。

講的是任何一個網頁,無論訪客是從哪個流量管道進來的(如:Facebook廣告、Google搜索等),能去引導訪客到達你設定目標的網頁就被稱做為登陸頁面(Landing Page)。例如:訂閱電子報、下載電子書、購買產品或註冊會員等。 

在談登陸頁面的設計訣竅之前,首先要先了解登陸頁面的重要性。當訪客點擊網站連結時,我們不建議將訪客導入網站的主頁,原因如下:

主頁有太多按鈕,怕客戶沒有頭緒的亂點,跑到毫無相關的頁面。當客戶迷路時,他們就會離開你的網頁,降低你的轉換率。

首頁的內容無法客製化。客戶點擊廣告時,他們的目的是想延伸了解更多相關資訊。但網站首頁往往是一般的公司簡介,跟廣告內容不一定有關聯。

(例如:廣告標題是「立即報名免費英文課試聽」,但點進去卻看不到報名表,只看到 XX 美語的創業理念。這時,大部分的人都會選擇離開。)

做個簡單的結論:登錄頁面應該只有 1 個按鈕或目標,當內容與廣告有一致性時就能大幅提高轉換率。一般登入頁面都是下拉式的單頁網頁,如果客戶想了解更多細節,他們就會往下繼續看。

因此,你必須事先設想好你期望訪客為你達成的目標,也就是你期望訪客接下來要做些什麼事?當你擁有一個好的登陸頁面設計時,你便可促使訪客完成你所希望他們達成的目標!

如何設計最強登錄頁面 Landing Page?從這些細節去著手!


引人入勝的 landing page 標題

What is the value proposition?你能「提供什麼價值」給客戶?

標題文字是顧客決定是否要繼續閱讀內文的關鍵之一,所以標題一定要掌握「簡潔明瞭」這項大重點,需要一眼就可以知道登陸頁面所想要呈現什麼內容,使訪客猜想他們可能可以從中獲得什麼資訊或益處。

簡單舉例一間麻辣火鍋店家「販售優惠餐卷」的登錄頁面。

標題 #1:不買會後悔之讓你辣翻天也嗨翻天!

標題 #2:限時75折!預購麻辣火鍋優惠餐卷,平價也能享受頂級食材。

你覺得哪一個標題比較吸引人?我個人會選擇標題 #2,因為它簡單明瞭,而且一眼就能看出「價值與產品特點」。文案中成功做了三件事:

標題以75折這個數字來吸引我的注意力。

標題有清楚告訴我該做什麼 (我們稱之為Call-to-action,此文章下方有簡單介紹)。此文案的重點就是「請我們預購餐卷」。

標題成功的描述了此活動的價值:透過「預購」的方式讓我們花小錢也能享受頂級食材。

標題 #1 的缺點在於它的文字不夠清楚。例如:為什麼不買會後悔?辣翻天與嗨翻天這件事太主觀與抽象,感覺像是很一般的形容詞,缺乏細節與賣點。


搭配適當的圖片、短片或動畫

人是視覺性動物,圖像會是第一個被大腦處理的物件。當我們在登陸頁面置入符合主題的圖片、短片或是動畫時,會使訪客對於你所要提供的服務、產品有想像的雛形,進而更想要了解你的服務與產品。而有趣、有創意的影片最能抓住訪客在網頁停留的時間喔!


社交平台分享圖標

在頁面中加上社交平台(Facebook、Twitter、LinkedIn等)分享圖標,是一個提升登陸頁面被更多群眾看到的方法,進而提升流量。


移除分散注意力之因子

登陸頁面是一個很單純的頁面,你希望訪客可以為你達成目標,所以你絕對不會希望有任何會分散他們注意力的按鈕出現。網站導引中的選項:網站首頁、關於我們、聯絡我們等,這些可能會使訪客分心而離開登陸頁面並且一去不回頭了!所以將這些引導選項移除,讓訪客將注意力集中在網站內容中,使他們盡快地達成目標!


表單填寫內容設計

當登陸頁面是以下載電子書或訂閱電子報等方式與訪客交換資訊(如:姓名、電話、性別、電子郵件)時,我們該如何提供吸引人且有用的資訊,讓訪客願意填寫表單而不是關閉頁面離開呢?在設計表單填寫這一欄位時,請必須直接了當將登陸頁面的主要標題寫出來,並濃縮整個頁面所要呈現的資訊。

簡單舉例以學習「程式設計補習班」的登陸頁面來說,

主要標題:成為一位頂尖的程式設計師!

濃縮資訊:4堂課,12小時的課程讓你試聽,100%完全免費。再搭配專屬的「職涯規劃師」為你規劃升遷藍圖!

公司已經很久沒為你加薪了嗎?在台灣不景氣的環境下要如何找到『高待遇』的優質工作?成為一位頂尖的程式設計師可以輕易的讓你年薪突破一百萬!

留下訪客個資內容:我希望了解更多資訊,請先幫我預留免費名額,並且請職涯規劃師與我電話聯絡。


利用動詞打造CTA

CTA (Call-To-Action) 中文稱為行動按鈕或行動呼籲,主要目的是希望訪客按下按鈕,如:訂閱電子報、下載電子書或購買商品等行動,而透過動詞的呈現(例如:立即訂閱、馬上下載等)促使消費者趕快按下行動按鈕,將會帶來更好的成效!

給不熟悉行銷的朋友:CTA (Call-to-action) 很簡單,不複雜,它只是一個名詞。它的概念就是要「指定客戶」做下一步的動作。CTA 可以是一句話,一個按鈕,或是一個張圖片。當我們告訴客戶該如何「繼續」時,客戶聽話做出下一步動作的機率將大幅提高。


測試比較登陸頁面

然而我們設計的登陸頁面,我們並不了解消費者是否願意買單,這當中有許多的物件可以拿來做測試 (如:行動按鈕、標題、圖片等)。透過 AB 測試這項工具來了解訪客的偏好,意思就是說,登陸頁面不僅僅只可以設計一種版本!

在選擇繁多的時代,一旦讓訪客猶豫、離開頁面,便很容易一去不復返。Landing page 登陸頁面所需要設計的物件看似簡單又不複雜,但要設計出一個好的登陸頁面,並能促使訪客達成目標卻不是件容易的事。因此設計 landing page 需要有足夠的耐心並持續的做測試,相信訪客一定會接受引導並為你達成目標!

想了解如何提升轉換率,獲得更多的客戶名單嗎?歡迎點選以下連結下載我們製作的免費電子書喔。如果喜歡我們的文章,也可以在下方訂閱我們的部落格,我們會與大家定期分享網路行銷的經驗。



工作簡單,零風險、專兼職均可,美國最新的商業模式正在席捲全球!!

利用瑣碎時間拼貼出美好未來!!

這不是一個不勞而獲或投機取巧的金錢遊戲,而是讓不想要高額投資但願意為夢想付出努力,改變自己,成就非凡人生的地方,我們在這裡改變自己並學習成功者的習慣,用對的方法做對的事,不浪費時間摸索跟著系統教育快速成長,如果你是想要不勞而獲或偷懶取巧亦或在尋找投機金錢遊戲的人,請不要留下資料以免浪費彼此的時間。

Sign up for free丨免費註冊了解更多

留言

這個網誌中的熱門文章

LiveGoodSTAR星鑽網路會議室 入口網頁丨星鑽專屬

深入且完整的看懂  LiveGood 居家網路事業 LiveGoodSTAR星鑽系統的 線上 研討會,將帶領領星鑽夥伴一起探索美商LiveGood事業的迷人魅力!! ,完整認識公司、產品、制度、系統,並讓您知道成功路上所需具備的條件,最重要的是此課程將為您的事業奠下穩固的基礎,協助您平穩的邁向成功的第一步! 您不須出門,只要在家連線上網,就能完整評估這份屬於您的全新商機。 星鑽 線上 研討會  參加資格 星鑽系統  準會員/正式會員 星鑽系統 課程&活動 時間表 查詢 研討會時間表   按此>>>進入活動行事曆     網路會議室會場規則 會議開始前 請提前10分鐘入場 以免塞線 會議登入後 未發言夥伴請先關閉麥克風 會議登入後 歡迎夥伴在文字視窗 簡單自我介紹 會議將準時開始 會議中請勿中途離席 ​ 如何進入LiveGoodSTAR星鑽線上研討會? 本會議採現場直播 請於會議時間前10分鐘登入 請確認您在瀏覽器中開啟此會議室連結 請點擊下方超連結 即可開啟Google meet會議室登入頁面 按此超連結進入>>> LiveGoodSTAR星鑽線上研討會 ​

鎂功效降血糖又穩血壓!身體有沒有缺鎂?只要1招就知道丨新聞報導丨超鎂絡合膠囊丨星鑽專屬

諮詢專家丨魏士航 醫師 根據統計,有高達7成的民眾鎂攝取不足,僅次於維生素D缺乏,位居第二。醫師表示, 鎂 參與了體內300多個代謝反應, 長期缺乏 可能導致 糖尿病 、 骨質疏鬆 、 中風 等問題, 甚至增加罹患癌症的風險 ,而想要知道體內鎂是否充足,只要簡單1招就知道。 鎂功效超多,穩血糖、血壓、助眠 初日診所家庭醫學科暨減重專科醫師魏士航指出,鎂是一種具有放鬆作用的礦物質,能夠調節血清素,進而 改善情緒 ,對於 緩解憂鬱、焦慮 等有一定的效果。此外,鎂還能 減輕偏頭痛、肌肉緊繃、經前症候群 等與緊張相關的症狀,同時 改善睡眠品質 。 鎂也能夠促 進血管放鬆、改善血壓 ,如果本身有 服用降血壓藥物 ,再額外補充鎂質,可以進一步強化藥效,使 血壓控制得更好 。也有研究發現, 攝取足夠鎂質 的人, 罹患第二型糖尿病的機率較低 ,推測原因是因為鎂能調節葡萄糖活性,讓葡萄糖進到細胞效率較好,刺激胰島素敏感性。 綠菜葉是含鎂最高的食物 以天然食物來說,雖然含葉綠素的食物鎂含量較高,但現代人的飲食習慣偏向高碳水,營養不均衡。加上現今的種植環境與過去不同,土壤重複利用,施肥偏重氮磷鉀,導致蔬菜的營養價值下降。而且大家普遍壓力大,又更容易消耗體內的鎂含量,因此有不少人出現鎂攝取不足狀況。 10種人最容易缺鎂 雖然缺鎂的症狀通常不典型,但影響範圍卻十分廣泛,常見的缺鎂表現包括腸胃功能不佳、食慾不振、便祕或腹瀉、容易疲勞虛弱、肌肉緊繃痠痛、晚上容易抽筋、焦躁不安等。魏士航補充,容易缺鎂的高風險族群包括 外食族、碳水化合物攝取比例高的人、壓力大、愛喝咖啡、維生素D不足、有慢性疾病、服用胃藥或利尿劑、有喝酒習慣的人、老年人 等。 一招知道自己有沒有缺鎂 想要知道自己體內受否缺鎂,除了醫學檢驗外,觀察補充鎂前後的身體變化也是一種判斷方式。魏士航以自身經驗為例,他曾因工作壓力大,睡眠品質不佳,一天只能睡3、4小時。但在 補充鎂質後,睡眠變得穩定 ,可以睡到7小時左右,若補充鎂質後,某些症狀獲得改善,就可能意味身體原本缺乏鎂質。 新聞來源丨 TVBS 健康2.0 網誌 2024/07/18 _______________________________________________________________ 美好生活嚴選 美商LiveGood  Ultra Magnesium...

美商LiveGood美東時間周五 全球星火培訓Zoom會議丨2025/09/12丨星鑽專屬

              LiveGood Firestarter-Friday Training Zoom 親愛的事業夥伴們 這是我們每周一次由創辦人親自主持的星火會議。 創辦人Ben與高層主管 將針對公司最新發展與方向全球會員報告,並邀請了聯營商領袖與大家分享他們的成功經驗。 這是每周一次深入認識、與近距離了解美商LiveGood,並掌握第一手資訊的最好機會。各位 LiveGoodSTAR星鑽系統的 聯營商事業夥伴們,千萬不要錯過了這每周一次的會議!! 美商LiveGood美東時間周五全球星火培訓Zoom會議 2025/09/12 會議 請按此開啟本周星火線上培訓Youtube重播錄影 歡迎夥伴們使用youtube字幕翻譯 請點選螢幕上小齒輪圖示選 "字幕"  選單中選"中文(繁體)" ,如仍不清楚如何操作請聯繫您的教練協助。 本週LiveGood Firestarter星火線上培訓 全球 會議 第一手資訊重點整理 ✔ 美商LiveGood  本週星火會議釋放出強大的信心訊號!公司不僅在加速新品研發,包括代餐、氫片、居家清潔與骨骼保健..更同步推進個人化健檢服務,幫助會員更精準地掌握健康。晉升數據再創新高,數以千計的夥伴快速晉升,證明這是一個普通人也能成功的舞台。 領導層更宣布募款計畫與健身房合作即將上線,結合新網站與訂閱制工具,將大幅推動全球擴張。可以預見,LiveGood 已站在爆發式成長的門檻,這正是會員乘勢而上的最佳時機。 ✔本週1239位領袖晉升青銅、112 位領袖晉升白銀、22位領袖晉升黃金、3位領袖晉升鉑金 。 ✔ 美商LiveGood  爆炸性成長即將到來 公司領導層形容目前的氛圍就像「暴風雨前的寧靜」,意味著 LiveGood 已經積蓄了龐大的能量,即將迎來一波前所未有的爆炸性成長。每天都有大批新成員加入,產品銷售屢創新高,說明市場反應比預期更熱烈。 這不是短暫的流行文化,而是一種長期的市場趨勢 。身處這樣的時機,身為會員的我們正好站在巨浪來臨之前的最佳位置。換句話說,現在是最黃金的切入時機,誰能先行分享、先行佈局,就會在浪潮來臨時享受最大化的收穫。 ✔  顛覆行業的商業模式:Costco + Amazon Prime 結合 傳統直銷與...