手機版網站要檢查什麼
手機版網站檢查有七個項目,排序依據是「這一項壞掉,你會少掉多少詢問單」,不是技術嚴重程度。第一項是電話點不點得出去,最後一項是內容有沒有在手機版被藏起來。七項全部可以用你自己的手機測,不需要工具授權,也不需要開發人員在旁邊。
動手之前要先把工具換掉:用電腦瀏覽器把視窗縮窄,不算檢查。縮窄的視窗給你正確的排版,卻沒有行動網路的速度、沒有手指的寬度、也沒有 iOS Safari 與 Android Chrome 的行為差異。真正的做法是拿自己的手機、關掉 Wi-Fi,用 4G 或 5G 從搜尋結果點進自己的網站,全程照著真實客戶的路徑走一遍。
1. 電話號碼點不點得出去
電話是中小企業手機端最短的成交路徑,也是最常壞掉的一項,因為號碼經常被做成圖片或純文字,點下去毫無反應。
自己怎麼測:在手機上打開網站首頁,用大拇指點一下電話號碼。正確的行為是跳出撥號確認框。點了沒反應,代表號碼沒有做成 tel: 連結,這是十分鐘就能改好的事,但沒改之前,每一個想打給你的人都得手動記下號碼再切到撥號程式。
及格線抓兩條:首頁不用捲動就看得到號碼,以及每個服務頁的頁尾都有一組。工程業與在地服務業尤其要看這一項,這類客戶在手機上找到你之後,多半直接打電話而不是填表。
2. 表單在手機上能不能一次填完並送出
表單是第二短的路徑,問題通常不在能不能送出,而在欄位太多、鍵盤跳錯、送出後沒有任何回饋。
自己怎麼測:用手機把自己的表單真的填完並送出一次,計時。超過 90 秒的表單,多數人會中途放棄。填的過程注意三件事:點電話欄位有沒有跳出數字鍵盤、必填欄位是不是超過 5 個、送出後有沒有一句明確的「已收到」。
欄位數是最容易改、效果最直接的一項。手機表單留 3-4 個欄位就夠:姓名、電話、一句需求。其餘資訊在後續聯絡時再問,不必逼客戶在手機上打字。至於送出後的成效怎麼追蹤,怎麼追詢問單是哪裡來的 有可以照做的設定方式。
3. 內文在手機上讀不讀得下去
內文可讀性影響的是停留時間與信任感,這一項不會讓客戶找不到你,但會讓找到你的人讀兩行就退出去。
自己怎麼測:把手機拿到平常看手機的距離,讀一段服務說明。要放大才讀得下去,字就太小了。實務上的安全值是內文 16px 起跳、行高 1.6 倍以上,段落之間留一個空行的距離。
還有一項在中文網站上特別常見:整段文字置中對齊。置中在標題上好看,用在超過三行的段落會讓每一行的起點都不一樣,眼睛必須重新找位置。內文一律靠左對齊,這一項改起來只是一行樣式。
**提醒:**讀不下去的另一個常見原因是段落太長。手機一屏大約只放得下 5-6 行,超過就是一堵牆。寫作時把段落控制在 3-4 行,是最省成本的可讀性改善。
4. 行動網路下,第一屏多久出現
載入速度影響的是「還沒看到你就走了」的那一群人,而這群人不會出現在任何報表裡,因為他們根本沒進站。
自己怎麼測:關掉 Wi-Fi,從搜尋結果點進自己的網站,心裡默數。3 秒內看得到主要內容算及格,超過 5 秒就要處理。要拿到量化數字,用 PageSpeed Insights 跑行動版,看「最大內容繪製」這一項,行動網路下的建議值是 2.5 秒以內。
八成的中小企業網站慢在同一個原因:圖片沒有壓縮。相機直出的照片單張 3-5MB,網頁上其實用不到 300KB。把首頁的三張大圖壓過,多數網站的載入時間會直接砍半,這件事不需要動任何程式碼。
5. 按鈕與連結會不會誤觸
誤觸的殺傷力在於它讓人放棄,卻不會讓人抱怨——客戶只會覺得「這個網站怪怪的」,然後回到搜尋結果點下一家。
自己怎麼測:用大拇指而不是食指,快速點擊選單、按鈕、頁尾連結各一次。點錯或需要瞄準,就是尺寸或間距不夠。業界通用的安全值是點擊目標至少 48×48 像素,相鄰目標之間留 8 像素以上。
最常出問題的是頁尾那排小字連結,以及並排的兩顆按鈕。頁尾連結行高拉開一點就好;並排按鈕在手機上直接改成上下排列,一顆一行,誤觸率會明顯下降。
6. 彈窗有沒有蓋住內容
彈窗是唯一一項「你自己看不到、但客戶一定遇到」的問題,因為你的瀏覽器早就記住不再顯示。
自己怎麼測:用手機的無痕視窗開一次網站。剛進站就蓋住整個畫面的優惠彈窗、關閉鈕小到要瞄準、或者關掉之後三秒又跳一次,這三種都會傷害你。Google 明確把「侵入式插頁廣告」列為行動端的負面因素,這不是猜測,是公開的排名指引。
處理原則不是全部拿掉,而是換時機與尺寸:改成捲動到頁面一半才出現、或改成不遮蔽內容的底部橫幅。同意條與隱私權提示同理,佔滿整屏的版本一律改成底部一條。
**注意:**有一種彈窗特別致命:把電話與 LINE 按鈕做成浮動元件,卻在小螢幕上蓋住表單的送出鈕。客戶填完了卻按不到送出,這種情況在 5.5 吋以下的手機上最常發生,一定要實機測過。
7. 手機版有沒有把內容藏起來
內容藏匿是七項裡唯一會影響整站排名的一項,因為 Google 自 2024 年起全面以手機版的內容作為索引依據。
自己怎麼測:把電腦版與手機版的同一個服務頁並排看,逐段對照。手機版少掉的段落、被折疊起來又沒有展開按鈕的區塊、或是「完整說明請至電腦版瀏覽」這種寫法,在搜尋引擎眼中都等同於不存在。
這一項最常在改版時發生,而且症狀有延遲:改版當下沒事,兩三個月後排名才慢慢往下掉,多數人不會把兩件事連在一起。改版前後各存一份手機版的頁面截圖,是成本最低的保險;版型要重做還是局部修正,判斷標準在服務內容那頁有列。健檢報告裡的「內容過少」多半也指向這件事,網站健檢報告怎麼看 有這個項目的判讀方式。
七項該照什麼順序修
修的順序跟檢查順序一樣:從「直接吃掉詢問單」的往下走,把技術債留到後面,因為前三項的改善通常在一週內就看得到反應。
| 順序 | 項目 | 自測方式 | 及格線 |
|---|---|---|---|
| 1 | 撥號 | 手機點號碼 | 跳出撥號框 |
| 2 | 表單 | 實際送出一次 | 90 秒內完成 |
| 3 | 內文 | 正常距離閱讀 | 不需放大 |
| 4 | 速度 | 4G 進站默數 | 3 秒內見內容 |
| 5 | 誤觸 | 大拇指快點 | 不需瞄準 |
| 6 | 彈窗 | 無痕視窗開站 | 不遮蔽內容 |
| 7 | 內容 | 兩版逐段對照 | 段落數相同 |
這七項是整體體檢的行動端部分,桌面端的收錄、結構與內容項目不在其中,網站健檢是什麼?該檢查哪些項目 可以拿來對照剩下要看的範圍。
手機版網站檢查做完之後,把七項的結果各寫一行,這張表就是你跟網頁維護方溝通的依據——比「手機版怪怪的」有用一百倍。七項裡有三項以上不及格,通常代表網站是先做電腦版再縮小,而不是一開始就照手機設計,那是要重做版型的訊號,不是修修補補的訊號。
七項測完不確定自己算哪一種,把答案念給我們聽最快:LINE @APM168,或 02-2601-8918。
SEO/GEO 成效受搜尋引擎與 AI 模型演算法、市場競爭等因素影響,實際結果因專案而異,本文不構成排名或被引用之保證。
本文經 AstraPath 編輯流程 查證與更新。