很多台中傳產公司的官網，是好幾年前請人做的。當年做得很用心，首頁有跑馬燈、有會動的展示動畫、有一段公司簡介影片。問題是今天用手機打開，動畫的位置變成一塊空白，影片按了沒反應，選單擠成一團，有些頁面甚至要橫著拉才看得完。這不是網站壞掉，而是當年的做法已經被時代淘汰了。這篇要談的，就是從舊網站汰換的角度來看台中html5網頁設計：哪些問題是非改不可，哪些其實只要局部翻新就好。
舊網站失效，多半不是壞掉而是不再被支援
業主常見的困惑是：網站明明沒人動過，為什麼會壞？原因在於網站不是單獨存在的，它要靠瀏覽器來呈現。早年網頁上的動態效果，有很大一部分是靠外掛式的播放元件來執行，瀏覽器本身不負責，而是交給另外安裝的程式處理。後來這類外掛陸續退場，現在多數瀏覽器已經不再支援，於是原本會動的區塊就變成一片空白或一個錯誤圖示。
同樣的道理也發生在影音上。早年放影片要靠特定播放元件，現在瀏覽器原生就能播放影片，兩者的寫法完全不同。舊寫法留在頁面上，瀏覽器根本不認得，自然也就播不出來。
還有一類問題比較隱性：早年的版面常用表格來排版，或用固定像素寬度把版面釘死。那個年代大家都用桌機看網頁，這樣做沒問題。現在使用者拿著各種尺寸的手機和平板，固定寬度的版面在小螢幕上就會被切掉一半，或者字小到看不清楚。這不是故障，是當初的假設已經不成立了。
台中html5網頁設計實際上改變了什麼
很多人以為HTML5只是一個版本號，換上去網站就會變新。比較準確的理解是：它把過去要靠外掛才能做到的事，變成瀏覽器本身就會的事，同時提供了一套讓頁面結構更清楚的寫法。
對業主來說，實際感受得到的差別大致是幾件事。動畫與互動效果不再依賴外掛，用瀏覽器原生的能力就能完成，手機上也能正常顯示。影音可以直接嵌在頁面裡播放，不必要求訪客安裝任何東西。表單有了原生的輸入類型與檢查機制，手機上填資料時會跳出對應的鍵盤，填錯也會即時提示。頁面結構可以用語意更明確的標籤來寫，讓輔助工具和搜尋引擎更容易理解哪一塊是主要內容、哪一塊是導覽。
要提醒的是，台中html5網頁設計並不等於「網站會自動變得適合手機」。手機上能不能好好閱讀，靠的是響應式的版面設計，這是另一件事，只是通常會跟汰換一起做。兩者常被混為一談，談需求時最好分開講清楚，免得驗收時才發現認知不同。
台中傳產舊站的評估順序
面對一個放了很多年的舊站，最怕的是一開始就陷入「要不要重做」的二元爭論。比較務實的做法是按照順序檢查，讓事實告訴你答案。建議的順序是這樣：
- 第一步，用手機打開自己的網站，從首頁開始把主要頁面走一遍，記下哪裡看不清楚、哪裡按不到、哪裡要橫拉
- 第二步，檢查有沒有整塊空白或錯誤圖示，那通常就是已經失效的外掛元件
- 第三步，確認後台還能不能登入、能不能正常新增內容，有沒有人記得帳號密碼
- 第四步，確認網域與主機在誰名下、續約狀況如何，這關係到你有沒有主導權
- 第五步，確認原始檔與圖片素材還在不在，當年的廠商是否還聯絡得上
- 第六步，盤點網站上的內容有多少已經過時，例如停產品項、舊的聯絡資訊、已經不做的服務
這六步做完，你手上就有一份具體的清單，而不只是一個「網站看起來很舊」的模糊感覺。接下來要判斷局部翻新還是重建，就有依據了。
什麼情況只要局部翻新
局部翻新的意思是保留網站的主體結構與後台，只針對失效或難用的部分處理。如果符合下面幾種情況，通常值得先考慮這條路。
第一種是問題集中在少數幾個區塊。例如整個網站其實還算正常，只有首頁那個動畫區塊變成空白，那就把那一塊換成現在瀏覽器支援的做法即可，不必動到其他頁面。第二種是後台仍然堪用，公司同仁還在持續更新內容，這代表系統本身還活著，貿然重做反而要重新適應。第三種是內容架構還合理，產品分類、服務說明的組織方式並沒有隨著業務變化而失準。
第四種情況比較特別：公司近期有明確的時程壓力，例如展會將近，需要先讓網站在手機上看得過去。這時候針對關鍵頁面做局部調整，先止血，再從容規劃完整改版，比硬要在短時間內重做整站更安全。
局部翻新的限制也要說清楚：它處理的是症狀，不會改善底層結構。如果底層本來就用表格排版、網址結構混亂、圖片全是大檔沒壓縮，那麼翻新之後仍然會覺得慢、覺得卡，只是不再有空白區塊而已。
什麼情況該重建
反過來說，有幾種訊號出現時，局部處理的投入很可能會白費，直接重建反而比較值得。
最明確的一種，是後台已經無法使用或沒有人能登入。系統無法維護，等於這個網站只能永遠停在現在的內容，補再多也沒有意義。第二種是整站版面是用固定寬度或表格排版寫成，要改成能適應各種螢幕，等同於把每一頁都重排，工作量和重做差不多。第三種是網站所使用的底層系統或程式版本已經老到無法更新，這不只是外觀問題，還牽涉到資安風險。
第四種是內容本身已經跟公司現況脫節。產品線換過、業務重心移動、服務範圍調整過，這種情況要做的其實是重新規劃資訊架構，而不是修補頁面。既然架構要重來，順勢重建通常更合理。
第五種是網站上有你想做卻做不到的事，例如想讓客戶線上詢價、想放產品規格篩選、想做多語版本。舊架構要硬加這些功能，往往比重建更費力，而且做出來的東西會很難維護。
要特別提醒的是：重建時最容易被忽略的是舊網址。網站重做之後，如果舊的頁面網址全部消失，過去累積的連結與搜尋收錄都會斷掉。改版前把舊網址整理成一份對應表，規劃好轉址，是保住既有資產的基本動作，這件事一定要在開案時就談進去。
汰換時順便該處理的事
既然都要動網站了，有幾件事順手做會比日後回頭補來得省事。把圖片重新處理成合理的尺寸與格式，這對手機使用者的載入速度影響很直接；把網站改成加密連線，現在的瀏覽器會對未加密的網站給出提示，這會影響訪客的信任感；把停產品項與過期資訊清掉，或至少標示狀態；把聯絡方式與地圖資訊更新到正確。
另外建議趁這個時候，把日後誰維護、多久更新一次、更新哪些內容講定，並且確保帳號密碼、網域與主機的管理權留在公司自己手上。舊網站之所以會荒廢多年，很少是因為技術問題，多半是因為沒有人被指定要負責它。
常見問題
舊網站現在還看得到，是不是就不用急著改？
看得到不代表沒問題。多數訪客現在用手機，如果手機上要橫拉、字太小或按鈕按不到，他們不會告訴你，只會離開。比較客觀的做法是自己用手機完整操作一次，或看看網站的流量資料裡手機訪客的停留狀況。
改成HTML5之後，搜尋排名會上升嗎？
不能保證排名。結構清楚、手機上可讀、載入速度改善，這些對搜尋引擎理解你的網站有幫助，但排名還受到內容品質與競爭狀況影響。合理的期待是：它移除了原本的扣分項目，而不是直接加分，而且變化通常需要數個月才看得出來。
局部翻新之後，過一兩年還是要重做嗎？
有可能，取決於底層結構的狀態。如果底層還算健康，局部翻新可以撐很久；如果底層本來就有結構問題，翻新比較像延後決策。開案前請廠商誠實說明這一點，並把評估理由寫下來，日後才有依據。
重做網站，原本的內容可以搬過去嗎？
通常可以，但要看舊系統能不能匯出。如果後台仍可登入，多半有辦法把文章與產品資料匯出再匯入；如果後台已經失效，就可能需要人工整理。這也是為什麼評估順序裡要先確認後台狀況，它會直接影響搬遷的工作量與費用。
如果你手上正好有一個放了很多年、不知道從何下手的舊站，建議先不要急著決定重做或不重做。照著上面的順序檢查一輪，把問題寫成清單，答案通常會自己浮現。
創昇SEO提供免費的網站健檢，也可以安排到府一起把舊站的狀況、後台權限與素材盤點過一遍，全台到府不另外收費。就算結論是先局部處理、明年再談改版，那也是一個有依據的決定。