大家好，我是 applemint CEO 佐藤！
最近，我們為一位台灣客戶製作了一個到達頁面 (Landing Page)，從中意識到了一件特別的事。
到底是什麼呢？那就是，我們徹底地替行動裝置最佳化。
「嗯？這和將電腦版的網站改為行動裝置合宜的設計有什麼差嗎？」「那不就是『回應式設計(Responsive Web Design)』嗎？」
其實完全不一樣。
行動裝置最佳化的網頁與傳統的網頁製作，有根本的差異。針對行動裝置用戶，進行最佳化網站設計的做法，讓客戶的績效產生了驚人且巨大的變化。
在這篇文章中，我想和大家分享這個剛出爐的資料。同時，我也會解釋「為什麼你需要行動裝置最佳化的網站」，以及「行動裝置最佳化的網頁和傳統網頁的製作，有哪裡不一樣」。
如果你是 B2B 的企業，或是以「提高名單轉換率」做為網站目的的企業，請一定要繼續看下去！（讀了就會了解我的意思）
Contents
首先，為什麼要製作一個行動裝置最佳化的網頁？
我想簡單說明一下為什麼要製作一個行動裝置最佳化的網頁。
台灣八成的流量來自於行動裝置
首先，如果在台灣投放數位廣告，大約有八成的流量來自於行動裝置。這意味著什麼呢？假如你一天花費三千元的廣告預算，在不限制裝置種類的情況下，價值兩千四百元的廣告會花在行動裝置用戶上。
這是因為越來越多的台灣消費者使用智慧型手機，且使用時間越來越長所導致的。請看下方綠色區域：
在台灣，透過智慧型手機上網的人數有 2,800 萬人次，是全台灣人口2300萬的 1.2 倍。也就是說，每個人可能擁有多台行動裝置 (手機、平板等)。
另外，不只台灣，在美國，智慧型手機使用時間也有上升現象。根據2020年的調查，使用或是瀏覽手機的平均時間為 4 小時，而收看電視的時間為 3.7 小時。這說明比起看電視，美國人使用手機的時間更久。
（参考：TikTok Beats Facebook in Time Spent Per User）
針對手機的廣告比針對桌上型電腦的廣告便宜
接下來，我想談談在數位廣告方面，通常針對手機的廣告會比針對桌上型電腦的廣告會便宜的現象。
一般來說，針對不同裝置，廣告的競價也會不同。其中，針對手機網頁的廣告是最便宜的；其次為平板；最貴的則是針對電腦網頁的廣告。你可以這麼理解：單價是隨著螢幕畫面大小而增加的。
另外，比起針對手機版網頁的廣告，針對電腦版網頁的廣告，通常有更高的轉換率 (Conversion Rate)。這是因為，網站的頁面越大，停留在網站的時間也越長，從而提高購買率。
有趣的是，雖然平板的畫面明明比手機更大，但比起平板，透過手機廣告而產生的轉換率更高。
行動版內容優先索引 (Mobile First Indexing) 的存在
接下來我想談談「行動版內容優先索引」。行動版內容優先索引是 Google 於 2021 年 3 月正式開始的顯示搜尋結果的新基準。
簡單來說，過去的搜尋結果都會優先考慮電腦版網頁的易用性，但從現在起，將以手機為基準。
例如：用戶進入 applemint 網站後的行為會因為「從行動裝置進入」或是「由電腦進入」而有所不同。過去，Google 是根據用戶從電腦進入的行為來進行排名，但是今後會以用戶從手機進入的行為來作為基準。
- 手機網站重要的理由
-
台灣人使用手機的頻率越來越高
網路行銷在針對手機端的廣告更便宜
Google重視以手機為導向的廣告
接著，我想聊聊行動裝置最佳化的網頁和傳統網頁的製作，有哪裡不一樣。
行動裝置最佳化網頁的製作流程
從結論來說：行動裝置最佳化網頁從手機版本開始設計。通常大多數的公司會從電腦版網頁開始設計，但我們應該要先從手機來設計。
下面是敝公司為森澤旗下 TypeSquare 設計的到達頁面。
利用原型設計工具 (Prototyping Tools，一種用來繪製網站原型的工具)，我們先設計出了上面被黃色線匡起來的手機網頁。接著請客戶確認手機網頁的設計。沒有問題的話，才開始著手製作電腦版網頁。作業流程是以上這樣。
其實大概在兩到三年前，手機版網頁設計和電腦版網頁設計的優先順位就已經開始顛倒了，因此這也算不上什麼新鮮事。
我認為其實從電腦版網頁開始設計也可以，但是我們還是建議，如果要設計的話，從手機版網頁著手會比較好，因為當代的主流設計都大幅提高了手機版網頁設計的優先順位。
若是先從電腦版網頁開始設計，再設計手機版網頁的話，那麼在手機版網頁的設計上，將無可避免的需要妥協一些功能、設計。
進行行動版網站最佳化時的注意事項
接下來將與大家分享，具體來說，進行行動版網站最佳化時的注意事項。換句話說，我們該如何輕鬆、有效率地達成目標。
這裡說的目標是指「透過網站想達成的目標」。如果是電子商務網站，那麼目標就會是「銷售」；若是 B2B 網站，那麼目標是「聯絡諮詢」。
以 Amazon 來說，一但你在 Amazon 上進行一次購買，之後所有的購物都只需一個按鍵就能完成，非常方便。
在這次的文章中，我想説說若將「聯絡諮詢」定為主要目標時，要如何讓手機用戶更容易聯繫到我們。
簡而言之，我們所做的就是增加一個 LINE 的按鈕。下圖是 applemint 網站上的例子：
在「聯絡我們」和「選單」的地方，有一個可以讓使用者直接透過 LINE 聯繫我們的按鈕。(順帶一提，這些按鈕只會出現在我們的手機版網頁)
其實我們很久以前就有這個想法。在 applemint 的客戶當中，有在台灣經營二手精品買賣的公司。他們提供了利用 LINE 來估價的服務，如果有消費者想販售他的名牌包，可以先用手機拍照，再透過 LINE 把照片傳給店家估價。
由於估價的過程簡單，諮詢的數量也相當可觀，當時就覺得這個模式拿來應用。雖然距離那時已經過了一段時間，前陣子我們公司也終於開始了 LINE@ 對應的服務。
另外，上個月我們也有幸收到了來自日文補習班繁田塾的委託，希望我們協助製作一個活動頁。當時，我們最先意識到的事情便是，要增加從行動裝置進入到繁田塾網站諮詢的數量。
我們製作了一個 LINE@ 的按鈕。而結果如何呢？
驚人的結果大公開
首先，關於我們公司自家的網頁，在新增按鈕一週後就有客戶來諮詢了。我們非常興奮，因為沒想到這麼快就能看到結果。
至於繁田塾，在加裝 LINE@ 的按鈕前後的課程諮詢率上升了 900％，效果絕佳！這顯示了一個符合手機用戶體驗的網頁是多麼重要。
不過，在加入 LINE@ 的行動號召時，有兩點注意事項：
- 開始出現品質較低的聯繫：由於聯絡的門檻降低了，這也意味著，不容易有後續發展的諮詢也會增加。
- 服務品質不好的話，就沒有意義：如果服務的品質差，無論再怎麼改善手機版網頁，都不會有人來諮詢。
以繁田塾來說，他們有一套稱為「繁田式」的日語教學法。因為這種特殊的教學法，使他們的日語教學品質非常高。原本就有一定數量的人對繁田塾感興趣，但不知道該不該去諮詢看看課程。當我們將網站的諮詢服務變得簡單的時候，前來詢問的人數自然就增加了。
總而言之，就是商品與服務本身就需要有潛力。如果將這次的改善措施以甜點比喻的話，我們做的就只是透過改善包裝，讓顧客更容易拿而已。
如果甜點本身難吃的話，那就沒有意義了。正在讀這篇文章的你，若是對自己的服務和在網上的展現方式有自信的話，那要不要嘗試看看 LINE@ 呢？
NEXT ACTION
最後，我想總結一下目前所說的內容，並說明下一步該怎麼做，作為這篇文章的結尾。
首先，我們必須意識到在台灣，人均使用智慧型手機的時間仍在持續上升的事實。
另外 Google 在今年 (2021年) 正式優先索引行動版內容，加強支援行動版網站的轉型。因此，從今以後，行動裝置最佳化的網頁對網站而言更加重要。
在建立一個行動裝置最佳化的網站時，首先應該先規劃手機版的設計，而非電腦版的設計。
一家 B2B 的公司，或是一家網站目標為「聯絡諮詢」的公司，應該在規劃手機版網頁時考慮加入 LINE@ 的功能。目前為止，LINE@ 在台灣成效非常的好。
但是，若是網站的使用體驗不佳，或是服務的品質本身不夠好，根本不會有人聯絡，所以除了應該從網站體驗的設計著手外，提高服務品質也是必要的。
以上是 applemint 的 CEO 佐藤「在台灣透過改善到達頁面而大大改善成效」的故事。我們在台灣做了許多網站和到達頁面的 A/B 測試，也相當重視製作能帶來成效的網站。
我們製作的網站效果之所以這麼好，是因為我們都是基於 Google Analytics、其他資料分析工具，以及三年來透過 A/B 測試累積的結果。
別家公司製作的網站也許很好看，但若非基於行為資料而進行製作，也就只是好看而已。
我們在數位行銷方面有很強的實力，能夠製作出有高成效的網站。有興趣的話，歡迎從這裡聯絡我們，我們將戮力改善客戶的網站成效。
從這裡聯絡 applemint！
