台灣企業如何透過改善適合行動裝置的到達頁面,大幅改善成效?

台灣企業如何透過改善適合行動裝置的到達頁面,大幅改善成效?

大家好,我是 applemint CEO 佐藤!

最近,我們為一位台灣客戶製作了一個到達頁面 (Landing Page),從中意識到了一件特別的事。

到底是什麼呢?那就是,我們徹底地替行動裝置最佳化。

「嗯?這和將電腦版的網站改為行動裝置合宜的設計有什麼差嗎?」「那不就是『回應式設計(Responsive Web Design)』嗎?」

其實完全不一樣。

行動裝置最佳化的網頁與傳統的網頁製作,有根本的差異。針對行動裝置用戶,進行最佳化網站設計的做法,讓客戶的績效產生了驚人且巨大的變化。

在這篇文章中,我想和大家分享這個剛出爐的資料。同時,我也會解釋「為什麼你需要行動裝置最佳化的網站」,以及「行動裝置最佳化的網頁和傳統網頁的製作,有哪裡不一樣」。

如果你是 B2B 的企業,或是以「提高名單轉換率」做為網站目的的企業,請一定要繼續看下去!(讀了就會了解我的意思)

首先,為什麼要製作一個行動裝置最佳化的網頁?

我想簡單說明一下為什麼要製作一個行動裝置最佳化的網頁。

台灣八成的流量來自於行動裝置

首先,如果在台灣投放數位廣告,大約有八成的流量來自於行動裝置。這意味著什麼呢?假如你一天花費三千元的廣告預算,在不限制裝置種類的情況下,價值兩千四百元的廣告會花在行動裝置用戶上。

google analytics sample

這是因為越來越多的台灣消費者使用智慧型手機,且使用時間越來越長所導致的。請看下方綠色區域:

在台灣,透過智慧型手機上網的人數有 2,800 萬人次,是全台灣人口2300萬的 1.2 倍。也就是說,每個人可能擁有多台行動裝置 (手機、平板等)。

taiwan digital situation

另外,不只台灣,在美國,智慧型手機使用時間也有上升現象。根據2020年的調查,使用或是瀏覽手機的平均時間為 4 小時,而收看電視的時間為 3.7 小時。這說明比起看電視,美國人使用手機的時間更久。

(参考:TikTok Beats Facebook in Time Spent Per User

針對手機的廣告比針對桌上型電腦的廣告便宜

接下來,我想談談在數位廣告方面,通常針對手機的廣告會比針對桌上型電腦的廣告會便宜的現象。

一般來說,針對不同裝置,廣告的競價也會不同。其中,針對手機網頁的廣告是最便宜的;其次為平板;最貴的則是針對電腦網頁的廣告。你可以這麼理解:單價是隨著螢幕畫面大小而增加的。

bidding price

另外,比起針對手機版網頁的廣告,針對電腦版網頁的廣告,通常有更高的轉換率 (Conversion Rate)。這是因為,網站的頁面越大,停留在網站的時間也越長,從而提高購買率。

有趣的是,雖然平板的畫面明明比手機更大,但比起平板,透過手機廣告而產生的轉換率更高。

行動版內容優先索引 (Mobile First Indexing) 的存在

接下來我想談談「行動版內容優先索引」。行動版內容優先索引是 Google 於 2021 年 3 月正式開始的顯示搜尋結果的新基準。

簡單來說,過去的搜尋結果都會優先考慮電腦版網頁的易用性,但從現在起,將以手機為基準。

例如:用戶進入 applemint 網站後的行為會因為「從行動裝置進入」或是「由電腦進入」而有所不同。過去,Google 是根據用戶從電腦進入的行為來進行排名,但是今後會以用戶從手機進入的行為來作為基準。

手機網站重要的理由

台灣人使用手機的頻率越來越高
網路行銷在針對手機端的廣告更便宜
Google重視以手機為導向的廣告

接著,我想聊聊行動裝置最佳化的網頁和傳統網頁的製作,有哪裡不一樣。

行動裝置最佳化網頁的製作流程

從結論來說:行動裝置最佳化網頁從手機版本開始設計。通常大多數的公司會從電腦版網頁開始設計,但我們應該要先從手機來設計。

下面是敝公司為森澤旗下 TypeSquare 設計的到達頁面

Morisawa LP case

利用原型設計工具 (Prototyping Tools,一種用來繪製網站原型的工具),我們先設計出了上面被黃色線匡起來的手機網頁。接著請客戶確認手機網頁的設計。沒有問題的話,才開始著手製作電腦版網頁。作業流程是以上這樣。

其實大概在兩到三年前,手機版網頁設計和電腦版網頁設計的優先順位就已經開始顛倒了,因此這也算不上什麼新鮮事。

我認為其實從電腦版網頁開始設計也可以,但是我們還是建議,如果要設計的話,從手機版網頁著手會比較好,因為當代的主流設計都大幅提高了手機版網頁設計的優先順位。

若是先從電腦版網頁開始設計,再設計手機版網頁的話,那麼在手機版網頁的設計上,將無可避免的需要妥協一些功能、設計。

進行行動版網站最佳化時的注意事項

接下來將與大家分享,具體來說,進行行動版網站最佳化時的注意事項。換句話說,我們該如何輕鬆、有效率地達成目標。

這裡說的目標是指「透過網站想達成的目標」。如果是電子商務網站,那麼目標就會是「銷售」;若是 B2B 網站,那麼目標是「聯絡諮詢」。

以 Amazon 來說,一但你在 Amazon 上進行一次購買,之後所有的購物都只需一個按鍵就能完成,非常方便。

在這次的文章中,我想説說若將「聯絡諮詢」定為主要目標時,要如何讓手機用戶更容易聯繫到我們。

簡而言之,我們所做的就是增加一個 LINE 的按鈕。下圖是 applemint 網站上的例子:

在「聯絡我們」和「選單」的地方,有一個可以讓使用者直接透過 LINE 聯繫我們的按鈕。(順帶一提,這些按鈕只會出現在我們的手機版網頁)

adding LINE button

其實我們很久以前就有這個想法。在 applemint 的客戶當中,有在台灣經營二手精品買賣的公司。他們提供了利用 LINE 來估價的服務,如果有消費者想販售他的名牌包,可以先用手機拍照,再透過 LINE 把照片傳給店家估價。

由於估價的過程簡單,諮詢的數量也相當可觀,當時就覺得這個模式拿來應用。雖然距離那時已經過了一段時間,前陣子我們公司也終於開始了 [email protected] 對應的服務。

另外,上個月我們也有幸收到了來自日文補習班繁田塾的委託,希望我們協助製作一個活動頁。當時,我們最先意識到的事情便是,要增加從行動裝置進入到繁田塾網站諮詢的數量。

我們製作了一個 [email protected] 的按鈕。而結果如何呢?

驚人的結果大公開

首先,關於我們公司自家的網頁,在新增按鈕一週後就有客戶來諮詢了。我們非常興奮,因為沒想到這麼快就能看到結果。

至於繁田塾,在加裝 LIN[email protected] 的按鈕前後的課程諮詢率上升了 900%,效果絕佳!這顯示了一個符合手機用戶體驗的網頁是多麼重要。

不過,在加入 [email protected] 的行動號召時,有兩點注意事項:

  1. 開始出現品質較低的聯繫:由於聯絡的門檻降低了,這也意味著,不容易有後續發展的諮詢也會增加。
  2. 服務品質不好的話,就沒有意義:如果服務的品質差,無論再怎麼改善手機版網頁,都不會有人來諮詢。

以繁田塾來說,他們有一套稱為「繁田式」的日語教學法。因為這種特殊的教學法,使他們的日語教學品質非常高。原本就有一定數量的人對繁田塾感興趣,但不知道該不該去諮詢看看課程。當我們將網站的諮詢服務變得簡單的時候,前來詢問的人數自然就增加了。

總而言之,就是商品與服務本身就需要有潛力。如果將這次的改善措施以甜點比喻的話,我們做的就只是透過改善包裝,讓顧客更容易拿而已。

如果甜點本身難吃的話,那就沒有意義了。正在讀這篇文章的你,若是對自己的服務和在網上的展現方式有自信的話,那要不要嘗試看看 [email protected] 呢?

NEXT ACTION

LP/website in taiwan

最後,我想總結一下目前所說的內容,並說明下一步該怎麼做,作為這篇文章的結尾。

首先,我們必須意識到在台灣,人均使用智慧型手機的時間仍在持續上升的事實。

另外 Google 在今年 (2021年) 正式優先索引行動版內容,加強支援行動版網站的轉型。因此,從今以後,行動裝置最佳化的網頁對網站而言更加重要。

在建立一個行動裝置最佳化的網站時,首先應該先規劃手機版的設計,而非電腦版的設計。

一家 B2B 的公司,或是一家網站目標為「聯絡諮詢」的公司,應該在規劃手機版網頁時考慮加入 [email protected] 的功能。目前為止,[email protected] 在台灣成效非常的好。

但是,若是網站的使用體驗不佳,或是服務的品質本身不夠好,根本不會有人聯絡,所以除了應該從網站體驗的設計著手外,提高服務品質也是必要的。

以上是 applemint 的 CEO 佐藤「在台灣透過改善到達頁面而大大改善成效」的故事。我們在台灣做了許多網站和到達頁面的 A/B 測試,也相當重視製作能帶來成效的網站。

我們製作的網站效果之所以這麼好,是因為我們都是基於 Google Analytics、其他資料分析工具,以及三年來透過 A/B 測試累積的結果。

別家公司製作的網站也許很好看,但若非基於行為資料而進行製作,也就只是好看而已。

我們在數位行銷方面有很強的實力,能夠製作出有高成效的網站。有興趣的話,歡迎從這裡聯絡我們,我們將戮力改善客戶的網站成效。

從這裡聯絡 applemint

Leo Sato 佐藤峻

相關文章

Load More

獲得最新的台灣數位行銷、台灣跨境電商、線下集客、B2B 與創業資訊!

Languages
contact applemint 聯繫