用手機打開自己的網站就「怪怪的」？先分清楚是整站沒做手機版、還是只有幾頁網站手機版跑版

用手機點進自己公司的官網，你愣了一下。首頁那張大圖蓋掉了半行字，主選單要滑很久才看到想點的那一項，最底下的電話按鈕小到手指按三次才按中。你會打開它，多半是因為有人跟你說了一句「我用手機看你們網站，怪怪的」。你盯著螢幕，心裡冒出來的第一個念頭通常是最花錢的那一個：是不是整個網站都要重做了。

先把這個念頭按住。手機上「怪怪的」不是一種壞掉，它底下其實藏著三種成因差很遠的狀況——有的只要調一兩頁，有的是整站當初就沒做手機版、得走網站改版。你現在最該做的不是去問價錢，是先分清楚自己遇到的是哪一種。分錯了，小問題會被當成大工程白花錢，大工程又會被當成小修一直修不好。好在這三種，你拿著手機照幾個動作看一遍，自己就認得出大半。

先別急著問要不要重做，先認出是哪一種

一個人跟你說網站「怪怪的」，這句話幾乎沒有資訊量——它可能在講任何東西。同樣是手機上看起來不對，背後可能是整站根本沒替手機設計過、可能是只有某一頁排版亂掉、也可能版面明明正常只是開得很慢。這三件事要花的力氣、要找的人、要付的錢，完全不在同一個量級。

所以這篇不急著給你一個「要不要重做」的答案，先幫你把那團模糊拆開。接下來三節各講一種狀況，每一種都附一個你在手機上當場能做的檢查動作；對照完，你大概就知道自己落在哪一格。認清楚屬於哪一類，再去找人談怎麼處理，你才問得出對的問題，也才聽得懂對方的報價到底在報什麼。

第一種：整站是桌面版縮小塞進手機

最常見、也最可能要動到網站改版的，是這一種：你的網站當初只做了電腦版，手機上看到的其實是把整個電腦畫面等比例縮小塞進那塊小螢幕。徵兆很好認——每一頁的字都小到要放大才看得清，而且不是只有一頁，是點到哪頁都這樣；你還得用兩根手指把畫面放大，再左右橫著拖，才讀得完一行字。

你可以當場做一個動作確認：用手機打開網站，不要放大，直接看。如果每一頁都要你自己縮放、而且橫向要捲才看得到右邊的內容，那多半就是整站沒有做響應式網頁設計——也就是沒有一套會隨螢幕大小自動重排的版面。這一種通常不是改一兩頁能解決的，因為問題出在整個網站的底層當初就沒替手機留位置；要讓網站適合手機瀏覽，多半得補上響應式的做法，或者乾脆走一次網站改版。

這聽起來最花錢，但也最值得先弄清楚。你的客人現在幾乎都是先拿手機找你、滑到你，再決定要不要走進門或拿起電話。如果他們看到的是一頁要放大、要橫拖才讀得完的網站，那不是小瑕疵，是你大半的訪客在進門前就先卡住了。

第二種：大部分正常、只有一兩頁網站手機版跑版

第二種剛好相反：你的網站整體在手機上是順的，字會自己換行、選單點得到，就只有某一兩頁不對勁——圖片超出了邊框、文字擠成一團、或是某個區塊整個歪掉。這一種就是典型的網站手機版跑版，而它跟上一種最大的差別是：問題是局部的，不是全站的。

怎麼認出它是局部問題？一樣是拿手機逐頁點過去。如果首頁、服務頁、聯絡頁都好好的，偏偏就是某一頁壞掉，那你幾乎可以確定這是局部的網站跑版。而且會壞的那一頁，常常是後來才自己加上去的——一個臨時做的活動頁、一篇貼了很多圖的最新消息、一個從別的地方複製過來的表格。原本的網站有在管手機版面，後加的這塊沒照著同一套規矩走，就單獨跑掉了。

這一種的處理規模，跟整站改版差了一大截。它多半是把那一兩頁重新調過、讓它跟著原本的版面規則走就好，不必動到整個網站的骨架。所以如果你確認壞的只有特定幾頁，去談的時候就該是「幫我修這幾頁」，而不是被一句「那乾脆整個重做」帶著走。

第三種：版面沒跑掉、但一開很慢

還有一種「怪怪的」，其實跟跑版沒有關係，但很容易被混在一起講。那就是：版面在手機上明明是對的，字也正常、按鈕也對齊，問題是它開得很慢——點進去之後畫面空白好幾秒，圖片一張一張慢慢浮出來，你還沒滑到想看的地方就想退出去了。

這一種最容易被誤會成跑版，因為使用者的感覺都是「用起來不順」。但它是另一件事。版面對不對，是排版的問題；開得快不快，多半是網站載入速度慢的問題——常常卡在圖片沒有為手機壓縮過，一張幾 MB 的大圖直接丟上去，用行動網路載當然久。你同樣能自己測一個粗略的版本：關掉 Wi-Fi、用手機的行動網路點進自己的網站，感覺一下要等多久才看得到東西。

把它跟跑版分開很重要，因為對應的處理也不一樣。網站手機版跑版要處理的是版面，載入慢要處理的是圖片與資料量。你如果搞混了，拿著「網站好慢」去要求「重排版面」，或拿著「版面歪掉」去要求「加快速度」，都會發現花了錢、問題卻還在。

三類的處理規模差在哪、先做哪一件

把上面三種擺在一起看，你會發現它們的工程落差其實很大。只有一兩頁網站手機版跑版，通常是最小的一件，調那幾頁就好；載入慢是中間那一件，多半從壓縮圖片、減少一次載進來的東西開始處理；整站沒做手機版，才是最大的一件，往往要補響應式網頁設計、甚至走一次網站改版。這也是為什麼「要不要整站重做」這句話不能隨便接——它只對第一種成立，套到另外兩種身上就是把小事做成大事。

所以在你去找人談之前，先自己在手機上把這三個動作做一遍：不放大看每一頁是不是都要縮放（認第一種）、逐頁點過去看是不是只有特定幾頁壞掉（認第二種）、用行動網路測一下開得快不快（認第三種）。把你觀察到的現象，用「是哪幾頁、什麼情況下發生」講給對方聽，而不是只丟一句「手機看很怪」。這樣不管是要小修、要改善網站使用體驗、還是真的需要一次網站改版，你都問得出對的問題，也聽得懂對方報的是哪一件事。

如果你照著看完、還是分不清自己落在哪一格，或是想確認手機上該怎麼處理才不會白花錢，意思創意的網站設計建置服務頁上有這一塊的完整說明，也可以直接從那裡聯繫我們幫你看一眼。