Skip to main content

Locke Lee

返回文章庫

SEO

點解手機訪客幾秒內就離開網站?

離開未必因為耐性差。手機把網站切成一張張細卡片;當訪客睇唔到整體方向,每一次滑動都變成一次要唔要繼續冒險嘅決定。

按了一下。沒有反應。再按——畫面跳了。

01 / 先講答案

離開唔一定因為冇耐性,而係風險出現得太快

手機問題最少被提及嘅唔係屏幕細,而係『失去全頁概覽』。桌面可同時見到標題、證據、導覽同下一步;手機一次只見一小塊。如果第一塊冇方向、第二塊係大相、第三塊先講服務,訪客已經付咗三次理解成本。

最重要先分清:頁面技術上完成載入,同客戶已經睇到值得留下嘅理由。

02 / 放大效應

手機把每一個含糊位放大

情境示例,並非實際客戶案例:一位香港公司老闆搭港鐵搜尋 IT 支援。頁面載入時先彈 cookie,再出全屏相片,WhatsApp 圓鈕遮住價錢,漢堡選單入面有十四項。佢離開唔係因為競爭對手快半秒;係在擠迫、單手、網絡轉換嘅情況下,冇得到一個值得繼續嘅方向。

客戶唔係在一個頁面內作決定;佢係帶住你個頁面,走入另一個決策環境。

睇落載入完,同真正可以用,係兩件事

網站可以一秒內出現背景,但標題仍未出、按鈕未能回應,或圖片載入後將按鈕推走。訪客感受到的是「唔穩定」,而唔係測試報告中的單一載入時間。要同時觀察主要內容出現、互動反應、版面移動,亦要測試 Cookie 提示同浮動 WhatsApp 按鈕會否遮住表格。

手機頁內搜尋實景:小螢幕上的文字與操作都要清楚。
手機頁內搜尋實景:小螢幕上的文字與操作都要清楚。 Nathana Rebouças / Unsplash · Unsplash License

03 / 香港現場

香港訪客在碎片時間內完成第一次篩選

Baymard 嘅大規模手機可用性測試指出,63% 測試參與者曾因可避免嘅手機體驗問題放棄產品或網站,並將缺乏頁面概覽列為核心挑戰。

web.dev 案例亦顯示速度改善可同收入及轉換相關,但相關唔代表單一秒數可以解釋所有離開。

手機離開通常由三種延遲疊加:伺服器同資源造成嘅實際延遲、畫面跳動同按鈕失靈造成嘅互動延遲、文案同架構造成嘅理解延遲。企業只壓縮圖片,可能改善第一種,後兩種仍然令網站感覺慢。

04 / 管理誤判

只追速度分數,會漏掉真正的慢

PageSpeed 分數一升,團隊就宣布手機問題完成;或者見到跳出率高,就立即縮短所有內容。前者把實驗室分數當客戶感受,後者可能刪走建立信任所需嘅答案。正確問題係:最重要嘅內容幾時穩定出現,而且訪客下一步係咪明顯。

你在辦公室 Wi-Fi 覺得很順,客戶在車上不一定這樣想。不是同一個現場。

摺疊螢幕瀏覽網站:可用寬度並非只有手機與電腦兩種。
摺疊螢幕瀏覽網站:可用寬度並非只有手機與電腦兩種。 Egor Komarov / Unsplash · Unsplash License

05 / 四層摩擦

先分清速度、操作與理解問題

  1. 用一部普通手機及流動網絡錄影第一次載入,唔好只用公司 Wi‑Fi。
  2. 在五秒、十秒、三次滑動後截圖,睇每一刻訪客知道幾多。
  3. 關掉相片及品牌名,測試文字順序可否仍然講清楚服務。
  4. 量度真實 LCP、INP、CLS,再同高價值頁面行動比較。
  5. 刪除或延後每一個遮住內容但冇直接幫助任務嘅元素。

實驗室測試適合比較同一條件下的改動,真實用戶數據則反映不同裝置與網絡。但低流量頁可能沒有足夠現場資料,不能將缺少數據當成合格。可以用實機、較慢網絡同瀏覽器效能記錄,重現「第一下點擊做唔到」的情況,再定位脚本、圖片或主機回應。

06 / 真機執行

一次真機診斷應該點做

手機審核要同時看載入、版面穩定、理解速度及行動成本。任何一層令訪客重新找方向,都會把幾秒等待變成離開理由。

  1. 用中低階手機及流動網絡開啟最高流量的五個頁面。
  2. 記錄首個可見內容、跳動、遮擋、字體、表單及返回路徑。
  3. 關掉快取再測首次訪問,並測試 WhatsApp 跳轉後能否返回。
  4. 每次只修正一類摩擦,再對照裝置與頁面層級數據。
舊版效能儀表板實拍;畫面中的數字不是本文測試成績。
舊版效能儀表板實拍;畫面中的數字不是本文測試成績。 Luke Chesser / Unsplash · Unsplash License

07 / 成效衡量

把技術速度與決策速度分開量度

觀察層要記錄甚麼管理上代表甚麼
技術速度LCP、INP、CLS 與真機載入觀察定位下載、互動及跳動問題
理解速度首次有效向下瀏覽或服務點擊時間判斷訊息是否需要反覆解碼
行動成本完成表單或 WhatsApp 對話的步驟與失敗率找出真正阻止查詢的摩擦

離開亦有正常原因:讀到電話、確認營業時間或發現服務不適合,都可能很快完成。若只追求停留更久,甚至可能加入不必要的步驟。更有用的問題係,原本想完成查詢的人,有冇被技術或版面阻止,而不是每個短訪問都要留住。

08 / 常見問題

手機流失最常見三個問題

速度分數 90 就夠唔夠?

不夠。分數是實驗室訊號;真實裝置、第三方腳本、彈窗與訊息清晰度仍可令體驗失敗。

手機內容應否刪短?

應先重排優先次序,而不是盲目刪內容。重要答案要更早出現,深入資料仍可保留在後段。

WhatsApp 浮動按鈕是否一定有用?

只有在不遮擋內容、聯絡期望清楚,而且點擊後有人接住對話時才有價值。

手機硬件不同,不能只在自己的旗艦機驗收。
手機硬件不同,不能只在自己的旗艦機驗收。 Georgiy Lyamin / Unsplash · Unsplash License

09 / 限制與結論

最快的網站,仍然可以令人立即離開

資訊密集嘅金融、教育或技術頁面唔應為追求極短而犧牲必要細節;較長頁面亦可以有效,只要順序清楚、重點先出現、用戶知道自己身處邊度。目標係降低迷失,不是強迫所有內容變短。

手機訪客離開得快,往往唔係因為佢冇耐性;係網站要求佢在未睇到方向之前,先交出太多注意力。

手機訪客離開得快,往往唔係因為佢冇耐性;係網站要求佢在未睇到方向之前,先交出太多注意力。

分數可以留在報告裏。那一下按鈕,還是要真的按得到。

10 / 資料註腳

資料與延伸閱讀

以上資料只用作理解機制及建立測試假設,並不代表任何海外結果會在香港企業自動重現。

只有結論,沒有推銷。

一篇有用的商業文章,即使沒有帶來購買,也應該令讀者作出更好的決定。

WhatsApp 聯絡 Locke Lee