針對行動裝置最佳化您的網站

針對行動裝置最佳化您的網站


本文將說明如何把網站調整為適合透過行動裝置瀏覽。

此系列說明文分成上下篇,本文為上篇。我們將在下篇介紹如何針對行動裝置最佳化您的廣告

事前準備:行動版網站的重要性

您的網站必須能在行動裝置上順利運作,如果您尚未著手打造適合行動裝置瀏覽的網站,請立即採取行動。以下列出幾個原因,說明行動裝置上的曝光為何對您的商家至關重要:

  • 在搜尋結果中,適合透過行動裝置瀏覽的網站排名較高
  • Google.com 上有超過半數的搜尋來自行動搜尋
  • 許多廣告客戶的主要流量來自手機使用者
  • 如果您的網站不適合透過行動裝置瀏覽,訪客離開的機率將提高 5 倍

您的網站適合透過行動裝置瀏覽嗎?

請想像自己是潛在客戶,在手機上點開了您的網站。此時,網站載入的速度如何?您是否能輕鬆找到需要的資訊?

使用者透過行動裝置造訪您的網站時,預期的是需求能馬上獲得滿足。他們希望能迅速瞭解您的商家,並判斷自己是否感興趣。這些人對您商家的印象好壞,以及是否有機會成為您的客戶,有很大程度上是取決於他們在您網站上的使用體驗。

針對行動裝置設計專用網站,目的在於提供簡潔有力的網站導覽方式,以便使用者找到切合需求的資訊。

讓我們看一下有效行動網站的幾個組成元素:

行動版網站最佳化
網站的載入速度是否夠快? 如果行動網站無法在 3 秒內載入網頁,幾乎有半數的訪客會選擇離開。請縮短載入時間 (即網頁在螢幕上顯示完畢所需的時間),方便訪客瀏覽您的網站。

 

Is it easy to navigate?

是否易於瀏覽? 在較小的螢幕上,使用者找尋資訊較困難。訪客為了找尋所需資訊而花在四處瀏覽或放大比例的次數越多,他們就越有可能感到不耐而離開。請簡化網站選單,設法讓所有內容清楚可見,無須放大就能閱讀,以便訪客找到所需的資訊。

 

Is it easy to take action?

是否易於採取行動? 您的行動網站必須方便訪客完成常見事務,像是與您聯絡、搜尋產品或進行購物。建議您盡量減少完成表單或交易所需的步驟。

 

測試自家網站在行動裝置上的載入速度,並快速完成修正來加以改善。

網站是否依據您的特定業務目標打造?

也許您的行動網站載入速度快,也易於在行動裝置上瀏覽,但網站成效還是取決於能否促使訪客與您完成交易。

若要瞭解如何針對行動裝置最佳化您的網站,請思考您最重視的業務目標。您希望客戶在您的網站上採取什麼動作?是購買特定產品?還是填寫聯絡表單?如果您能依據您的目標給予網站使用者明確的行動指示,訪客就越有可能實際採取行動。

請根據您的行銷目標改進網站設計,藉此鼓勵訪客採取您想要的動作。以下針對幾種目標提供個別專用的建議:

提高線上銷售業績

  • 簡化網站瀏覽方式: 精簡網站選單,設法讓所有內容清楚可見,無須放大就能閱讀。
  • 提供詳盡的資訊: 利用可展開的產品圖片,在客戶決定購買前讓他們先認識產品。
  • 方便客戶購物: 將所有相關指示或「立即購買」按鈕放在最顯眼的位置。可以的話,請直接擷取使用者現有的帳戶資訊,減少客戶需要輸入資料的次數。
  • 讓使用者能在桌機上繼續完成購物: 當客戶改用桌機繼續瀏覽網站時,應該要能輕鬆回到購物車完成購物。
吸引更多來電
  • 使用點選通話按鈕或連結: 省去使用者背誦號碼或放大查看的麻煩。
  • 縮減選單選項: 請務必清楚表明,撥打電話是與商家聯絡的最佳方式。網站的每個網頁都應加入可點擊的電話號碼或按鈕。
  • 避免分散注意力: 將促銷資訊和其他指示擺在兩側,讓客戶能一眼就看見您的電話聯絡方式。
吸引更多線上潛在客戶
  • 簡化表單: 方便客戶存取表單,盡可能減少需要輸入資料的情況,即使有必要也只須動幾下手指就能完成。
  • 減少須捲動與縮放的情況: 您的表單應該要能完整顯示在行動裝置的螢幕上。捲動和縮放動作容易導致客戶資料輸入錯誤。
  • 明智挑選資料欄位: 表單要求填寫的資訊必須易於取得,且方便驗證。您可以運用驗證機制,針對填寫不完整的欄位顯示錯誤訊息。
鼓勵客戶親臨門市
  • 全力吸引客戶上門: 清楚向客戶表明,造訪實體店是最好的選擇。在網站的每個網頁上,顯示地圖、定位按鈕或可直接連結至實體店地址和店家營業時間的圖示。
  • 縮減內容: 簡化網站的瀏覽方式,並提供充足的資訊,吸引客戶上門光顧。
  • 避免分散注意力: 促銷活動有助於吸引客戶上門光顧,但應避免阻礙閱讀。
資訊和品牌意識
  • 簡化瀏覽方式: 使用簡潔的選單與較大的文字,可方便客戶在決定購物前,先研究相關資訊。由於行動裝置的螢幕較小,縮減選單選項可讓客戶不致眼花撩亂。
  • 在不同的裝置上提供一致的瀏覽體驗: 客戶花越多時間決定購物,就越可能在完成交易前接連使用各種裝置 (一般電腦、平板電腦、手機) 研究商品。無論他們使用的裝置為何,建議您提供可儲存選項的功能,以便他們在其他裝置上繼續購物。
  • 提供首頁連結: 如果客戶在研究時遇到無法繼續的情況,請務必確保他們能輕鬆回到首頁重頭來過。

與網站開發人員合作

想要將網站調整為適合用行動裝置瀏覽,設計和修改做法有好幾種,建議您與網站開發人員合作,找出適合的解決方案。

許多商家會選用回應式設計,這種網站版面配置可因應不同螢幕大小、解析度與裝置而彈性變化。不過,有些業主則偏好分別建立電腦版和行動版網站。建議您與網站開發人員合作,根據網站需求及網站開發人員的資源,找出最適合貴公司的做法。

前往下篇:針對行動裝置最佳化您的廣告

這對您有幫助嗎?
我們應如何改進呢?

還有其他問題嗎?

登入即可獲得其他支援選項,快速解決您的問題