很多公司的網站是好幾年前做的,當初根本沒有考慮過手機瀏覽的問題,網站在電腦上看起來還算正常,但用手機打開卻是字小到看不清楚、要左右滑動才能看完一行、按鈕小到手指點不準。這種情況下,老闆或行銷主管常常會冒出一個念頭:「是不是該加一個手機版」。但這個念頭背後其實藏著一個更重要的問題,不是要不要加,而是該怎麼加:現有的網站要局部調整就好,還是乾脆整個重做比較划算。這篇文章要談的,就是既有網站要「改造成」手機版友善網站時,該怎麼判斷走哪一條路,這是一個既有網站已經存在、該怎麼升級的決策問題,而不是從零開始規劃一個新網站。
你的網站已經上線很多年,現在才想到手機版該怎麼辦
台灣有為數不少的企業網站,是在行動裝置流量還不是主流的年代建置的,當時的設計思維完全以桌機瀏覽為主,欄位固定寬度、圖片尺寸寫死、選單設計仰賴滑鼠懸停效果。這樣的網站放到今天,用手機打開往往慘不忍睹。但重點是,這些網站通常內容量已經很龐大,可能累積了幾百篇文章、幾十個產品頁面,甚至已經在搜尋引擎上有一定的排名基礎。這代表「加裝手機版」這件事,不能像從零開始做一個新網站那樣天馬行空地規劃,而必須先搞清楚現有網站的家底有多少、哪些東西不能動、哪些東西可以調整,這是既有網站升級跟全新網站規劃最根本的差異。
第一步:不是急著找廠商報價,是先做現況健檢
很多企業一發現手機版體驗不好,第一反應是打電話找網站設計公司報價,但在報價之前,其實應該先花時間把現有網站的現況盤點清楚,才知道自己真正需要的是什麼等級的改造。現況健檢至少該包含以下幾個面向:網站目前使用的架站系統是什麼、後台是否還能正常操作與更新、佈景主題或版型是否還在維護中、網站的原始碼結構是固定寬度還是已經有部分響應式的雛形、目前有多少頁面與內容需要保留。把這些現況盤點清楚之後,才能判斷接下來該走哪一條路,而不是聽廠商說什麼就照單全收,畢竟同樣一個「手機版」的需求,適合的解法會因為現有網站的狀態而完全不同。
三種常見的現況,各自適合不同的處理方式
實務上碰到的既有網站,大致可以歸納成幾種常見的現況,每一種適合的改造方向也不太一樣:
- 純桌機版,完全沒有任何響應式設計:網站在手機上顯示跟電腦上一模一樣,只是被硬生生縮小,這種情況通常代表網站底層架構就是為固定版面設計的,局部調整的空間有限
- 半調子的響應式:網站有做過一些手機版的調整,但只調整了少數幾個頁面或區塊,其他地方仍然維持桌機版樣式,導致整個網站的使用體驗不一致
- 響應式架構存在,但版位跑掉或元素重疊:這種網站底層其實已經具備響應式的技術基礎,只是某些頁面因為內容更新、外掛安裝等因素,導致手機瀏覽時版面跑版,這種情況通常修復成本最低
先辨識出自己的網站屬於哪一種現況,才能對症下藥,避免花了大錢卻做了不必要的工程,或是反過來,用局部修補的方式硬撐一個早就該汰換的舊架構。
局部改造夠不夠?判斷標準是什麼
如果健檢後發現網站底層已經有響應式的基礎,只是部分頁面顯示跑版、或是某些區塊在手機上使用起來不順手,這種情況通常局部改造就足夠,不需要整個網站重做。判斷是否適合局部改造,可以參考以下幾個標準:網站使用的架站系統與佈景主題是否還有在持續維護更新、後台是否還能正常操作、核心版型的程式碼結構是否具備彈性調整的空間、需要調整的頁面數量是否在可控制的範圍內。如果這些條件大致符合,局部改造不但成本相對較低,也能保留既有網站累積下來的內容與網址結構,是比較務實的做法,特別適合預算有限、又急著在短期內改善手機瀏覽體驗的企業。
什麼情況該整個重做,而不是修修補補
反過來說,如果健檢過程中發現以下狀況,通常代表局部修補已經不划算,應該認真考慮整個網站重新設計:使用的架站系統或佈景主題已經停止維護,找不到人能繼續開發;後台系統老舊到連基本的內容更新都很吃力;網站底層架構完全是桌機導向,沒有任何響應式的技術基礎,硬要加裝手機版等於是在不相容的地基上蓋房子;網站內容與功能本身也已經跟不上現在的業務需求,不只是手機版的問題。在這些情況下,與其把預算花在修補一個先天不良的舊網站,不如把資源投入到重新設計一個從架構上就具備彈性、能同時因應桌機與行動裝置瀏覽的新網站,長期來看反而更省成本。
改造過程中不能犧牲的東西
不管最後選擇局部改造還是整個重做,有幾件事在過程中都必須特別留意,不能因為要改善手機版體驗,反而犧牲掉既有網站已經累積的價值:
- 既有網址結構:如果網站已經有一定的搜尋排名,改版過程中網址如果大幅變動,卻沒有做好轉址設定,很容易讓原本累積的排名歸零
- 既有內容:舊網站裡可能有已經產生流量、帶來詢問的頁面內容,改版時應該先盤點哪些內容有價值該保留,而不是一股腦全部砍掉重寫
- 既有的品牌識別元素:改造手機版的過程中,色彩、標準字、版面調性應該與桌機版保持一致,避免讓使用者在不同裝置上感覺像在瀏覽兩個不同的網站
把這幾件事顧好,才能確保改造手機版的過程,是在既有基礎上做升級,而不是把過去累積的成果全部歸零重來。
常見問題
怎麼知道自己的網站需要局部改造還是整個重做?
建議先做一次完整的現況健檢,確認架站系統與佈景主題是否還有維護、後台是否正常、底層是否已有響應式基礎。如果基礎架構健全,通常局部改造就足夠;如果系統老舊或完全沒有響應式基礎,整個重做會是比較長遠的選擇。
局部改造手機版,會不會影響到原本的搜尋排名?
只要在過程中妥善保留既有網址結構與內容,通常不會有太大影響,甚至因為手機瀏覽體驗改善,還有機會帶來正面幫助。真正容易影響排名的情況,是改版時網址大幅變動卻沒有設定妥當的轉址。
網站已經很舊了,還有可能局部修補嗎?
要看使用的系統是否還有維護能力。如果架站系統或佈景主題已經停止更新、找不到人能繼續開發,就算想局部修補,也可能因為底層限制而窒礙難行,這種情況通常還是建議整個重新設計比較實際。
改造手機版一定要花很多預算嗎?
不一定,如果現況健檢後發現只是少數頁面跑版或部分元素顯示不順,局部調整的成本通常遠低於整個網站重做。預算多寡取決於現有網站的底層狀況,而不是單純看「要不要加手機版」這件事本身。
如果你不確定自己的網站該局部調整還是整個重做,歡迎找創昇SEO聊聊。我們提供免費網站健診,協助你先搞清楚現有網站的真實狀況,再一起討論最務實的改造方向,也提供全台免費到府諮詢服務,讓你不用自己一個人猜測該怎麼做決定。
