兩個網站交到你手上時，外觀可能一樣體面，用了一段時間卻天差地別：一個三年後依然穩定、容易接手，另一個半年就開始出現奇怪的問題，換人維護時沒人說得清楚它是怎麼做的。差別幾乎都藏在看不見的地方。專業網頁製作有一組不寫在設計稿上的品質標準，這篇把它們拆成七個面向，每一項都附上「業主不寫程式，也能看出有沒有做到」的檢查方法。至於怎麼判斷業者專不專業、製作流程怎麼配合、費用怎麼拆，站上已有其他文章，這裡只談成品本身。
結構：頁面的骨架有沒有寫得有意義
網頁的程式碼除了決定畫面長相，也在描述「這是什麼」：這一行是標題、這一段是內文、這一組是清單、這一個是按鈕。專業網頁製作會讓標籤符合內容的意義，每一頁有一個清楚的主標題，小標題依層級往下排，不會為了字體大小而亂用標題標籤；文字就是文字，不會把整段說明做成一張圖片。這些決定畫面上看不出來，卻影響搜尋引擎能不能讀懂頁面、輔助工具能不能正確朗讀，也影響日後改版時好不好動手。
業主可以這樣檢查：用瀏覽器的閱讀模式打開一個內頁，如果標題、段落與清單都被乾淨地辨識出來，結構通常還不錯；試著用滑鼠選取橫幅上的文字，選不起來就代表那是圖片；也可以請製作方提供每一頁的標題結構表，看主標題是否一頁一個、層級是否連貫。
載入效能：用手機、用行動網路、用別人的眼睛看
網站在辦公室的電腦上開起來很快，不代表客戶用手機也一樣快。專業的做法會在製作時就控制圖片、字型與外部程式的份量，並在交件前用接近真實使用者的條件測試過。驗收時不要只在公司的網路下看，改用手機的行動網路開啟首頁與幾個主要內頁，注意第一屏內容多久出現、載入過程中版面會不會突然跳動。
另外可以用Google提供的網頁速度檢測工具，選擇行動裝置模式測幾個主要頁面，看工具提出的改善建議是否集中在圖片過大、未使用的程式碼這類本來就該在製作時處理的項目。最直接的方法，是請製作方在交件時附上一份效能測試紀錄，寫明測了哪些頁面、在什麼條件下測、結果如何。願意交出這份紀錄，本身就是一種品質的訊號。
無障礙：五分鐘就能做完的幾個檢查
無障礙設計的目的，是讓視力不佳、只能用鍵盤、或需要輔助工具的人也能使用網站。完整的評估需要專業工具與經驗，但有幾項基本功，業主自己就能快速驗證。
- 按鍵盤的Tab鍵在頁面上移動，看得到目前停在哪一個連結或按鈕上；很多網站為了美觀把這個外框拿掉，使用鍵盤的人就會迷路
- 用滑鼠點表單上的欄位名稱，游標會跳進對應的輸入框，代表欄位名稱與輸入框有正確綁定
- 故意填錯表單，錯誤提示除了顏色變紅，還有文字說明哪裡錯、怎麼改
- 把瀏覽器的字級放大，內容會重新排列，而不是被截斷或互相重疊
- 影片有字幕或文字說明，不看畫面、不聽聲音的人也能取得重點
資安基本功：交件那天，網站就該是乾淨的狀態
資安不是上線之後才開始的事。專業網頁製作交件時，網站的系統核心、佈景主題與各種套件應該都是目前維護中的版本；開發期間建立的測試帳號要刪除；每位管理人員各有自己的帳號，權限依職責區分，並能啟用兩步驟驗證；登入頁面有防止暴力嘗試的機制；表單有防垃圾訊息的設計，送進來的資料在伺服器端也會檢查；如果有上傳功能，要限制可上傳的檔案類型；全站使用加密連線；出錯時的頁面不會把系統路徑或程式訊息顯示給訪客看；備份已經排程，而且實際還原過一次。
業主能做的檢查包括：逐頁確認瀏覽器網址列顯示為安全連線，特別是表單所在的頁面；隨便輸入一串不存在的網址，看錯誤頁是否只顯示友善的說明；請製作方列出所有後台帳號與權限，確認沒有來路不明的帳號；問清楚最近一次備份在什麼時候、存放在哪裡，以及還原要怎麼做。答不出來的項目，就是交件前要補齊的地方。
技術SEO基礎：讓搜尋引擎進得來、讀得懂
搜尋表現需要長期經營，但有一些基礎條件必須在製作階段就做好，否則後面再努力也事倍功半。包括：網站沒有殘留開發期間的禁止索引設定；每一頁有自己獨立的標題與描述；網址簡潔可讀，不帶一長串無意義的參數；不存在的頁面會回應正確的找不到頁面訊號，而不是一律導回首頁；改版時舊網址有對應轉址；有網站地圖；有無加上www、有無加密連線的幾種網址版本，最後都會統一到同一個版本。
檢查方法很直觀：同時開啟幾個頁面，看瀏覽器分頁上的標題是否各不相同；把網址前面的www拿掉或加上去，看是否都會到達同一個網址；輸入幾個舊網站的網址，看是否轉到新網站對應的頁面；上線一段時間後，在搜尋引擎用網站指令查詢自己的網域，看頁面是否陸續被收錄。這些做好，代表網站具備被找到的條件，至於能被看見到什麼程度，還取決於內容與長期經營。
瀏覽器與裝置相容：別忘了通訊軟體裡的內建瀏覽器
專業的團隊會事先列出要測試的瀏覽器與裝置組合，並在交件時說明實際測過哪些。業主可以向製作方索取這份測試清單，再親自補測幾個常被忽略的情境：蘋果手機上的內建瀏覽器、較舊或螢幕較小的安卓手機，以及從通訊軟體或社群平台裡直接點開連結時使用的內建瀏覽器。
最後這一項特別重要，因為很多客戶是從聊天訊息或貼文點進網站的，而這類內建瀏覽器對檔案下載、地圖開啟、表單送出與登入的處理方式，常常跟一般瀏覽器不同。把網站連結傳給自己，在通訊軟體裡點開，走一次詢價流程，最容易發現這類問題。
交付文件與原始碼管理：網站能不能被別人接手
一個網站是否專業，最終要看它能不能在原團隊不在場的情況下被維護。這牽涉幾件事：程式碼是否放在版本控制系統裡，改了什麼、什麼時候改的都有紀錄；網站怎麼部署到主機上有清楚的步驟；主機環境需要哪些軟體與設定有文件說明；網站串接了哪些第三方服務、各自用哪個帳號申請；字型、圖片、付費主題或套件的授權清單，登記在誰名下、何時到期；客製的程式碼有註解，重要的設計決定有紀錄；最好還有一個與正式網站分開的測試環境。
業主不必看懂程式碼，只要問一個問題就能測出準備程度：「如果明天換一位工程師接手，他要從哪裡取得程式碼、怎麼在自己的電腦上把網站跑起來、要去哪裡找所有帳號與授權？」能清楚回答並拿出文件的，交接風險就低；回答含糊的，最好在驗收前要求補齊，並把這份交付清單寫進合約。
常見問題
這些品質標準都要寫進合約嗎？建議至少把驗收方式寫進去，例如要附上效能測試紀錄、測試過的瀏覽器與裝置清單、帳號權限表與授權清單。標準寫得具體，雙方驗收時就有共同依據，也比較不會在交件後才發生爭議。
不懂技術，檢查這些會不會太難？文中列出的方法大多只需要瀏覽器、手機與一點時間，重點在於有沒有實際去做。遇到看不懂的結果，可以請製作方說明，或找第三方協助判讀。
網站已經上線很久，還能補做這些嗎？大部分可以補，例如更新套件、整理帳號、補上轉址與網站地圖、建立授權清單。結構與效能問題如果牽涉版型本身，補救的範圍會比較大，建議先做一次完整的健檢，再排出優先順序。
外觀精緻的網站，這些項目通常也會做好嗎？不一定。視覺與這些看不見的標準是兩回事，外觀漂亮的網站也可能沒有備份、沒有轉址、帳號權限混亂，所以才需要逐項檢查，而不是只憑第一印象。
如果你想知道自己的網站在這些看不見的地方做得如何，可以從一次客觀的檢視開始。創昇SEO提供免費網站健檢，會檢查結構、速度、基礎的技術SEO設定與行動版呈現，並把結果整理成你看得懂的清單，方便你判斷哪些需要請原製作方補強。
我們也提供全台免費到府解說，把檢查結果逐項說明清楚。不論你正要驗收一個專業網頁製作的案子，還是想替現有網站做一次體檢，都能先掌握現況，再決定下一步。