7WEB科技、AI 與網路生活的實用筆記
← 所有文章
約 2 分鐘

網站改版前必懂:為什麼你的舊網站在手機上越來越難用

目錄

「網站五年前做的,那時候看起來明明好好的。」這是我們最常聽到的開場白。網站沒有變,變的是使用它的環境——而且變化的速度比多數人想像的快。

舊網站在手機上難用與新版行動版面的對照

你的訪客結構已經翻轉了

五年前做網站,桌機流量還能佔到一半以上;現在多數台灣中小企業網站的行動流量都在七成以上,餐飲、美容、在地服務業甚至超過八成五。換句話說,當年的「主要畫面」如今只有不到三成的人看到,而當年順手做的「手機版」,正在接待你絕大多數的客人。

舊網站在手機上難用的四個原因

  1. 為滑鼠設計的操作:下拉選單要「懸停」才展開,但手指沒有懸停這回事;連結太小太密,點錯率高
  2. 未優化的圖片:桌機看很美的 2MB 大圖,在捷運上要載十秒,訪客早就滑走了
  3. 字級與行距:桌機上舒適的 14px,到了手機上要瞇眼看;縮放閱讀的時代早就過去了
  4. 過時的版面技術:早期用固定寬度或舊版格線系統排的版,在新機型的螢幕比例上會出現奇怪的留白或擠壓

難用不只是體驗問題,是排名問題

Google 從 2019 年起全面採用行動優先索引(Mobile-First Indexing)——搜尋引擎看的就是你網站的手機版。手機版難用、載入慢,SEO 排名跟著掉,形成「難用 → 排名掉 → 流量少」的惡性循環。

該修還是該重做?

十年內做的網站如果架構還行,通常可以局部優化;但如果當年是「桌機版為主、手機版將就」的思路做的,重做往往比修補划算——因為要改的不是幾個按鈕,是整個設計的出發點。不確定自己的網站屬於哪一種?用手機打開你的網站,試著完成一次「找到電話並撥出」或「填完聯絡表單」,你就有答案了。

相關文章

RWD 上線前的五個檢查點

網站做完不代表做好了。同一個頁面在設計師的 27 吋螢幕上完美無瑕,到了客戶的手機上卻可能慘不忍睹。以下是我們每個案子交付前必跑的 RWD 檢查清單,每一條都是踩過坑換來的。 1. 斷點行為 不要只看

約 2 分鐘