讓你無法拒絕的吸引力:Landing page登陸頁面設計訣竅分享!
文章推薦指數: 80 %
文案中成功做了三件事:. 標題以75折這個數字來吸引我的注意力。
標題有清楚告訴我該做什麼( ...
行銷攻略一把抓
集客式行銷
SEO優化攻略
認識SEO的基礎知識
On-siteSEO網站優化完整教學
內容行銷
行銷策略
HubSpot軟體介紹
部落格
關於我們
聯絡我們
$198熱銷電子書
讓你無法拒絕的吸引力:Landingpage登陸頁面設計訣竅分享!
[faicon="calendar"]17-10-13下午2:37/by
GogoPartners夥伴行銷設計
Tweet
你可曾有過,為什麼明明沒有預期要買某樣商品,卻因為進入網站看了介紹,最後忍不住就下單了?反之,有時候我們已經預設好要買某樣商品,卻在瀏覽網站的時候,在下單的最後一刻突然就不想購買了?
有時我們只是逛逛一些部落格或B2B的服務網站,卻不由自主的留下了個人資料?相信這些情況一定不止你一個人發生過,而且有做網路行銷的老闆們應該更想知道究竟是怎麼一回事!
很多時候,登陸頁面設計的好壞,取決於消費者是否會荷包失守或留下個資!
Landingpage的中文為「登陸頁面」亦稱為銷售頁、著陸頁面、到達頁面。
講的是任何一個網頁,無論訪客是從哪個流量管道進來的(如:Facebook廣告、Google搜索等),能去引導訪客到達你設定目標的網頁就被稱做為登陸頁面(LandingPage)。
例如:訂閱電子報、下載電子書、購買產品或註冊會員等。
在談登陸頁面的設計訣竅之前,首先要先了解登陸頁面的重要性。
當訪客點擊網站連結時,我們不建議將訪客導入網站的主頁,原因如下:
主頁有太多按鈕,怕客戶沒有頭緒的亂點,跑到毫無相關的頁面。
當客戶迷路時,他們就會離開你的網頁,降低你的轉換率。
首頁的內容無法客製化。
客戶點擊廣告時,他們的目的是想延伸了解更多相關資訊。
但網站首頁往往是一般的公司簡介,跟廣告內容不一定有關聯。
(例如:廣告標題是「立即報名免費英文課試聽」,但點進去卻看不到報名表,只看到XX美語的創業理念。
這時,大部分的人都會選擇離開。
)
做個簡單的結論:登錄頁面應該只有1個按鈕或目標,當內容與廣告有一致性時就能大幅提高轉換率。
一般登入頁面都是下拉式的單頁網頁,如果客戶想了解更多細節,他們就會往下繼續看。
因此,你必須事先設想好你期望訪客為你達成的目標,也就是你期望訪客接下來要做些什麼事?當你擁有一個好的登陸頁面設計時,你便可促使訪客完成你所希望他們達成的目標!
如何設計最強登錄頁面 LandingPage?從這些細節去著手!
引人入勝的landingpage標題
Whatisthevalueproposition?
你能「提供什麼價值」給客戶?標題文字是顧客決定是否要繼續閱讀內文的關鍵之一,所以標題一定要掌握「簡潔明瞭」這項大重點,需要一眼就可以知道登陸頁面所想要呈現什麼內容,使訪客猜想他們可能可以從中獲得什麼資訊或益處。
簡單舉例一間麻辣火鍋店家「販售優惠餐卷」的登錄頁面。
標題#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測試這項工具來了解訪客的偏好,意思就是說,登陸頁面不僅僅只可以設計一種版本!
在選擇繁多的時代,一旦讓訪客猶豫、離開頁面,便很容易一去不復返。
Landingpage登陸頁面所需要設計的物件看似簡單又不複雜,但要設計出一個好的登陸頁面,並能促使訪客達成目標卻不是件容易的事。
因此設計landingpage需要有足夠的耐心並持續的做測試,相信訪客一定會接受引導並為你達成目標!
想了解如何提升轉換率,獲得更多的客戶名單嗎?歡迎點選以下連結下載我們製作的免費電子書喔。
如果喜歡我們的文章,也可以在下方訂閱我們的部落格,我們會與大家定期分享網路行銷的經驗。
WrittenbyGogoPartners夥伴行銷設計
我們是全台灣最專精InboundMarketing集客式行銷的團隊之一。
我們認為優質的網路行銷團隊必須同時掌握「技術」與「創意」。
技術面指的是SEO,數據分析,廣告投放,AB測試等專業技能。
創意面指的是寫出優美文章,設計暢銷行銷案的能力。
我們的目標是幫助亞洲頂尖企業進軍國際。
[faicon="facebook-square"]Facebook
歡迎訂閱部落格,獲得最新行銷資訊!
網路行銷知識庫網路時代,行銷技巧一直在改變。
這十幾年來,我們累積了許多網路行銷的經驗。
我們決定將所有的網路行銷經驗寫在這個部落格,與大家一起學習分享。
歡迎你一起加入!
訂閱GogoPartners的部落格
近期
熱門
分類
行銷4P到底是什麼?要怎麼用?這篇一次搞懂。
Instagram粉絲如何增加?衝破一千位IG粉絲的指南
STP分析:介紹案例一篇看完
五力分析:幫助企業檢視自己,保持競爭力
CPC,CPM,CTR是什麼?廣告術語總整理
ListsbyTopic
網路行銷策略(56)
網路行銷知識庫(43)
InboundMarketing集客式行銷(24)
Facebook廣告(13)
SEO(8)
Facebook臉書廣告(7)
YouTube(4)
GoogleAnalytics(2)
遊戲行銷(2)
Googleads(1)
instagram(1)
遊戲數據分析(1)
seeall
GogoPartners夥伴行銷設計
需要專業的『網路行銷』服務嗎?
成功的行銷策略將會大幅提升您的獲利。
我們是一個精通中英文的國際行銷團隊,
精通:Facebook廣告行銷、數據分析報告、中英文商品在地化,以及行銷顧問服務。
歡迎與我們聯絡 獲得免費諮詢服務
聯絡我們
[faicon="envelope"] [email protected]
[faicon="facebook-square"]Facebook
Copyright2022GogoPartners
[faicon="chevron-up"]Backtotop
延伸文章資訊
- 1【 教學篇】電商如何靠Landing Page 提高轉換?6大重點打造 ...
Landing Page 中文又稱「到達頁面」或是「一頁式網站」,透過Landing Page 製作,可以提升產品行銷轉換,優秀的Landing Page 架構及文案論述,可以成功 ...
- 2Day 06 - Landing Page 與文案寫作- 事關老闆是否會開心!
Landing page是用戶到達網站的第一頁-- 它是一張設計過的網頁。 Landing page擁有設計過的文案、圖片,用來與消費者溝通。目的是 ...
- 3快速製作高效的行動網頁Landing Page
下廣告沒效果,十之八九是你的Landing Page 有問題,Landing Page 做為進入網站第一頁的 ... 訪客進入網頁,第一眼看到的內容,必須符合行銷管道上訴求的廣告文案。
- 4什麼是到達頁(Landing Page)?製作上又該注意哪些事項?∣智 ...
為了說服網頁瀏覽者採取行動,一個好的Landing page應該使用各種不同的說服元素,例如:具有吸引力的文案、使用見證、認證文件、產品或服務的解說影片、顯而易見的行動 ...
- 5Landing Page 著陸頁範例看這邊,免費打造專屬 ... - Medium
在網站中,Landing page 可以看作是一個獨立的單頁網頁,主要聚焦於說服瀏覽網頁的使用者達到你想要他們採取的特定行為、提高轉換,這個行為可以是註冊 ...