先講後果,再講怎麼檢查。手機版沒做好會同時傷害三件事:
第三點特別重要:如果你的手機版簡化掉了某些內容,那些內容可能就不被計入。桌機版寫得再好也沒用。
用實際的手機測,不要用瀏覽器的模擬器。模擬器不會呈現真實的網速與觸控體驗。
| 問題 | 原因 | 修起來難不難 |
|---|---|---|
| 載入很慢 | 圖片沒壓縮、第三方腳本太多 | 容易,通常先壓圖就有感 |
| 版面跑掉 | 固定寬度的元素、表格沒有橫向捲動容器 | 中等 |
| 字太小或按鈕太密 | 照桌機比例縮放 | 容易 |
| 彈窗擋住全部 | 桌機的彈窗尺寸直接套用 | 容易 |
**圖片壓縮通常是投報率最高的一項** —— 成本低、效果明顯,而且同時改善 Core Web Vitals。
多數情況修就夠了。只有這幾種情況重做比較划算:
判斷方式見 店家形象官網建置 與 技術 SEO 與網站健檢。
分析工具的裝置報表會顯示。在地服務業通常七成以上,餐飲美業更高。判讀方式見 網站流量怎麼看才有意義。
不需要。現在的做法是響應式設計——同一個網址依螢幕寬度調整版面。分開做兩個網站會造成內容重複與維護困難。
通常不用特別處理,響應式設計會自動適應。但如果你的客群大量使用平板,值得實際測一次。
依問題的嚴重程度而定。壓圖與調字級這類成本很低;版面結構問題則要看網站的技術狀況。
用手機測完覺得有問題但不確定嚴不嚴重?把網址給我們,可以幫你判斷該修還是該重做。
聯絡我們討論我們所做的一切都是為了讓顧客的每一分預算都花在刀口上,並且享受到高品質且舒適的服務。
聯絡我們