模板架構有用嗎?百萬電商Landing Page心得-迷思篇

我是電商男爵,電商經驗任你學。
這篇講Landing Page,學怎麼開始設計之前,先學錯誤怎麼避免。

Landing Page有模板嗎?如何設計?如何快速製作?有沒有範例?怎麼寫架構?可以很便宜的做出來嗎?
一直以來Landing Page都是我長期鑽研的一個項目,你會看到這裡,想必不是新手,不必在這裡介紹什麼叫做轉換率。我想談的是網路上有超多資訊,都是關於Landing Page的設計,很多都是唬爛啦。

▲From某個果乾客戶的空降行銷經理,上任第一天對於我們製作的銷售頁提出意見,要照她的指示修改,結果她也只是上網Google到就直接照抄了▲

你隨便google一下,就會出現一堆什麼「掌握設計方式,迅速提升轉換率」、「網頁高轉化率技巧分享」、「利用Landing Page策略提升轉換率」、「打造完美著陸頁面」…..等,好像照著做業績就能馬上起飛似的,老實說,這些文章內容雖然大致正確、還算OK,但這些所謂的技巧分享,大多數僅停留在表面,僅是將事實敘述一遍而已。

僅僅是將事實呈現,未提供實際可行的方法。提升轉換率是一項複雜的任務,而這些文章中,有不少作者連基本概念都搞混了,更不要妄想提高轉換率,照本宣科僅是概念式的教學。

Landing page是什麼意思?

雖然這個問題很基本,但光這一題就有一堆人教錯,只好再講一遍。

Landing Page,中文是著陸頁(或稱登陸頁)。

廣義來說當一個人點擊了該頁面的連結(無論透過Google 廣告、SEO、Facebook、Instagram等任何管道),載入後第一個見到的網站頁面,就是著陸頁了。一個流量成功著陸你的網站,所以稱為著陸頁。

基本定義就到這邊,很多人重複介紹我就不再贅述,接下來我將聚焦在一些「解釋不準確」的觀點上,這些論點可能受到一些不確切的解釋或誤導,需要逐一澄清,不然這些微小的差異中,可能存在著失之毫釐差之千里的可能。

著陸頁又稱「一頁式網站」或「一頁式銷售頁」?❌

Bullshit!一個流量可能著陸到任何地方,無論著陸到哪個頁面,那個頁面就叫做著陸頁面,一頁式網站和一頁式銷售頁,雖然可以說是有關聯,但完全是不一樣的東西好嗎?Google稱著陸頁為「到達網頁」,參考下圖,消費者著陸網站的入口有許多個,只要有人進來,那個頁面就叫做到達頁面,也就是landing page。

▲GA4截圖,Google稱著陸頁為「到達網頁」,可以看到最多人著陸的頁面是[ / ] 代表首頁▲
▲GA4截圖,Google稱著陸頁為「到達網頁」,可以看到最多人著陸的頁面是[ / ] 代表首頁▲

著陸頁將重點商品獨立出來?❌

承上,這麼多頁面廣義來說都可以叫做著陸頁面,這個說法當然不成立。

正確來說,會將重點商品獨立出來打廣告、曝光的,通常是「活動頁面」、「促銷頁面」、「商品群組頁面」等,我沒在玩文字遊戲,基本觀念很重要,更何況我就有許多案例是把全部商品都放在同一個頁面來賣,既沒有獨立、也沒有強調重點,難道它就不算著陸頁面?

我擅長的其中一種landing page,是將整個品牌全部商品一次介紹完,再讓客人一次選購,產品數量從2到40幾隻都有過,成績也不錯,誰說一定要將重點商品獨立出來?重點商品有時還可以帶動其他滯銷商品!

我也曾經將原本獨立出來的商品整合成同一頁面,一個月間,ROAS成長4倍。

我也曾將整組商品細分,用單一產品頁面當作廣告的Landing Page,成效比系列商品更優異。

▲這廠商著陸頁一共就3個商品,已經是全部,上述說法不成立▲
▲這廠商著陸頁一共就3個商品,並沒有把新舊型號獨立出來,而是明確地解釋個別差異,給消費者選擇▲

 Landing Page 少了提供「其他分頁」讓人看到其他相關內容的機會?❌

沒這種事。

  1. 現在的消費者無論你讓他著陸在哪個頁面,大部分也僅都瀏覽1~2個頁面而已。
  2. 每一個頁面都有可能延伸無數個頁面,分頁瀏覽較少,是每個網站都有的問題,不是著陸頁的問題。
▲大部分的網站都只有「著陸頁」和「首頁」流量最高,其他的非常少▲

到這邊總結一下….總之沒那麼複雜啦。
無論放多少商品、什麼形式,
只要是消費者登陸網站的頁面,
都可以算是著陸頁!

當然你要叫「登陸頁」也行,或Landing Page也是同樣的意思。

Landing Page設計-唯一重點就是會賣

雖然每個頁面都可以用來當作landing page,但是在進行廣告操作時,我們通常會引導消費者前往我們事先準備好的特殊頁面,這頁面經過特殊的設計和排版,旨在引導消費者「順利購買」。

消費者不太可能僅僅因為點擊廣告就立即完成購買,你的著陸頁必定是需要透過細心的鋪陳、介紹等一系列流程,才能夠提高消費者購買的意願。這可不是一件簡單的事,所以landing page的確是需要經過刻意「設計」的,但並非照本宣科消費者就會盲目地上鉤,而設計的最終目標,就是搞出一個消費者想買東西的好地,我們在頁面中給到足夠的吸引力、好料,讓他們自己覺得:「哇!這真是個好東西」、「我現在就應該下單」!

一個成功的landing page就是要巧妙地激發和推動人們買東西的欲望,提高轉換率(更容易讓消費者購買/留資料),這就是Landing Page設計的重點。

Landing Page的有效做法的確是把頁面做成一頁式可快速瀏覽的,但不代表Landing Page就是一頁式商店,只能說這是一種有效「形式」而已。

Landing Page設計常見迷思

要能順利製作有效的銷售頁,首先要先將迷思排除,這些錯誤觀念只會阻礙你。

Landing Page設計常見迷思1-資訊太多不好

以前大學我是主修服裝設計,後來進入電商這一行,回頭看,會發現每一種設計的理念都不太一樣,像是服裝設計普遍追求時尚、流行,所以字要小、東西要精簡、資訊不要多。畫面的美感重要性遠勝於實用性。有一些品牌商(尤其是國外留學回來的),因為喜歡歐美那種精簡的網站,常常會要求網站要做得很精簡很有質感,但其實這在台灣非常的不友善,台灣消費者普遍就是喜歡資訊清楚、詳細,讓消費者安心,同時也可以大幅降低客服成本。

▲landing page要詳細,除了讓消費者安心,也能降低客服的工作量,避免發生訂單取消▲

Landing Page設計常見迷思2-長度太長不好

問題:請問,市場上有一派,認為 「銷售頁不可以太長,不然消費者很容易看不完,因此建議,手機版來說,滑三下就要滑到底!」 你認為,對或錯?

 對一半,錯一半。 銷售頁太長,消費者看不完,是真的。所以這一派限縮滑動三下要看完,卻犧牲了資訊的完整性。 然而,以轉換率來說,100個人來我網站,只要有其中5個人會買單,就算是很棒了,那麼我為什麼要100個人都看完我的文案呢? 

所以銷售頁的重點,從來不是看完多少人,最後還是看有多少人結帳才對!

Landing Page設計常見迷思3-套模板就好?

許多人對於銷售頁並不是很重視,覺得幹嘛花那麼多錢去做設計,找個套版套一套、照片換一換、文字打一打不就好了?有差這麼多嗎?

有。而且差非常多。

我曾經有個案例,他自己做的銷售頁、和我做的銷售頁,轉換率(成交率)只有差1%。你可能會想:「才1%?我還以為多嚴重呢」!

事實上,還真他媽的嚴重。

眾所皆知的電商賺錢公式:流量X平均客單價X轉換率=營收

白話文就是:進來人數X平均消費金額X成交率=$

這個業主原本的成交率只有1%,我們調整完變成2%
看似小小的差距,套在她的大量流量上,就會變成:

100000X1,000X1%=$1000000
100000X1,000X2%=$2000000

看似無關緊要的1%差距,給同樣的流量(花費同樣的成本),營收卻差了整整一百萬!
你說為了那1%而不斷努力,划不划算呢?

▲很多這種銷售頁模板,但每一種商品的性質都不一樣,用模板根本無法精準呈現▲
▲網擄上隨便抓來很多類似的銷售頁模板;每一種商品的性質都不一樣,用模板如何精準呈現▲

好的銷售頁透過精準的定位及企劃,按部就班製成。

要達到高轉換率,絕對不是簡單套版就可以做到的。

Landing Page設計常見迷思4-設計要做到完美才好?

很多人會在銷售頁糾結很久,好多年前我曾經有一個客戶,至今想起仍然心有餘悸。

每天客戶的群組至少會有100則以上的訊息,內容大概會是…

「這個左邊一點」「那裡亮點」「這裡我覺得不夠灰」「你不覺得這個反光很不自然嗎」

我到現在還是很抗拒這種完美主義的客戶,不是因為不想服務,而是這個邏輯根本錯誤。

你必須快速進入市場,而不是拖很久還沒完成銷售頁;
你必須依賴數據回饋,而不是靠自己的感覺來做判斷。

剛說的這CASE,到最後整整拖了三個月才上線….
最終結果是,完全沒訂單,這個結果出來之後,就是要搶時間優化,若不是因為業主許多的個人堅持,早在三個月前就可以知道結果了,到三個月後早就優化過好幾個版本了。

Landing Page設計常見迷思5-照著架構抄就好?

我其實滿意外,有很多客戶都這樣問過我。

  • 你覺得做業務,有一套標準流程,講完就能說服客戶買單嗎?
  • 你覺得追女生,有一套把妹流程,照著做就能成功把到她嗎?

當然不可能嘛!

每個品牌不同、產品不同,就算是同一個產品但不同定位,文案跟重點往往也都不同,所以銷售頁不是那麼八股的,就像這篇開頭,客戶的行銷經理,無視我們前面花了好幾週—依照市場調查、競品研究、定位、企劃、文案所產出的—初步成果,只丟了一個架構給我,叫我照著修改:

  1. 商品/服務主圖(開場定錨)
  2. 痛點闡述/引起共鳴
  3. 特點與成分介紹
  4. 果乾創意吃法
  5. 產品認證、好評、得獎、報導
  6. 競爭產品比較圖
  7. 優惠方案圖、優惠活動
  8. 產品Q&A

老實說不會有什麼大問題,但就是八股,沒辦法針對該品牌的特色去做操作。自然轉換率也就不會太好。

沒有吸引力就算了,至少不會有什麼重大損失,但更嚴重的是,她聽信網路上的建議,強烈、堅決地要求我們製作競爭產品比較圖,你知道這種比較圖有多危險嗎?(下圖)

▲銷售頁一定要放競品比較?這個一不小心就會違反公平交易法、或是被認定廣告不實▲

這個在法律上有專有名詞的,叫做「比較廣告」(對,雖然我們認為這是素材或是文案,但在法規上,稱這個叫廣告)。根據公平交易委員會說明:比較廣告主要用途為「與他事業進行比較,以增進其交易機會。」,但需要符合:「事業於比較廣告,就自身與他事業商品(服務)之表示或表徵,均應確保廣告內容與實際相符,並應以公正、客觀、比較基準相當之方式為之。」

什麼意思?就是說你的這個比較要公平、公正、客觀,而且比較基準要相當。
舉個例子:

  • 小明比小胖高了20cm,所以小明是兩人當中最優秀的男孩子。
  • 刻意隱瞞年齡差距,小明今年15歲,小胖只有5歲。

這就是基準不相當,實務上就像是拿你家旗艦型的商品去對比競品的入門款。

  • 小明的英文、數學、國語分數,是全班最高的,小明是全班最優秀的孩子。
  • 刻意隱瞞小明的社會分數是全班最低的。

這就不公正、不客觀,實務上就像是你家的商品在每個賣點都比人家好一點,結果售價貴3倍。

所以真的不要照著網路上的建議亂七八糟做,到時候罰單來,連哪裡有問題都不知道。

Landing Page心得-迷思篇結論

我滿囉唆的,對學生對客戶都是這樣,給你正確的資訊之前,必須先打破迷思、避開錯誤的資訊,不然做得再好、再認真,出發點錯,後面又要花很多的力氣修改,不如一開始就先做對。

清掃掉無用的、雜七雜八的思想後,我們下一篇就要進入實戰了!