網站改版前必懂:為什麼你的舊網站在手機上越來越難用
「網站五年前做的,那時候看起來明明好好的。」這是我們最常聽到的開場白。網站沒有變,變的是使用它的環境——而且變化的速度比多數人想像的快。

你的訪客結構已經翻轉了
五年前做網站,桌機流量還能佔到一半以上;現在多數台灣中小企業網站的行動流量都在七成以上,餐飲、美容、在地服務業甚至超過八成五。換句話說,當年的「主要畫面」如今只有不到三成的人看到,而當年順手做的「手機版」,正在接待你絕大多數的客人。
舊網站在手機上難用的四個原因
- 為滑鼠設計的操作:下拉選單要「懸停」才展開,但手指沒有懸停這回事;連結太小太密,點錯率高
- 未優化的圖片:桌機看很美的 2MB 大圖,在捷運上要載十秒,訪客早就滑走了
- 字級與行距:桌機上舒適的 14px,到了手機上要瞇眼看;縮放閱讀的時代早就過去了
- 過時的版面技術:早期用固定寬度或舊版格線系統排的版,在新機型的螢幕比例上會出現奇怪的留白或擠壓
難用不只是體驗問題,是排名問題
Google 從 2019 年起全面採用行動優先索引(Mobile-First Indexing)——搜尋引擎看的就是你網站的手機版。手機版難用、載入慢,SEO 排名跟著掉,形成「難用 → 排名掉 → 流量少」的惡性循環。
該修還是該重做?
十年內做的網站如果架構還行,通常可以局部優化;但如果當年是「桌機版為主、手機版將就」的思路做的,重做往往比修補划算——因為要改的不是幾個按鈕,是整個設計的出發點。不確定自己的網站屬於哪一種?用手機打開你的網站,試著完成一次「找到電話並撥出」或「填完聯絡表單」,你就有答案了。
相關文章
RWD 上線前的五個檢查點
網站做完不代表做好了。同一個頁面在設計師的 27 吋螢幕上完美無瑕,到了客戶的手機上卻可能慘不忍睹。以下是我們每個案子交付前必跑的 RWD 檢查清單,每一條都是踩過坑換來的。 1. 斷點行為 不要只看
約 2 分鐘
網頁字型這樣選:中文字型的效能陷阱與解法
英文網站換個 Google Fonts 是幾十 KB 的事,中文網站卻完全是另一個世界——一套中文字型動輒包含上萬個字,完整字檔 5MB 起跳。直接掛上去,網站開啟速度立刻慢一大截。這篇整理我們處理中
約 2 分鐘
動畫加分還是扣分?網站動效的取捨原則
客戶看了別人的網站,常會問「我們也可以加那種滑動特效嗎?」可以,但先聊聊值不值得。動效是調味料——用得準畫龍點睛,倒太多整鍋壞掉。 動效的本質是「溝通」,不是「炫技」 好的動效在替介面說話:按鈕按下去
約 2 分鐘


