技術 SEO 檢查清單：開發階段就該做對的事與驗收方式
「網站做完了，SEO 之後再說吧」——這句話每被說一次，之後的修補成本就多一層。
技術 SEO 不是行銷部門的加值服務，而是網站開發的基本品質，就像防水之於裝潢。它處理的是一件事：搜尋引擎能不能順利讀到你的頁面、看懂你在講什麼。這篇整理開發階段就該做對的項目，以及非工程背景的人在驗收時可以怎麼檢查。
可抓取與可索引：一切的前提
搜尋引擎必須先「讀得到」頁面，後面的努力才有意義。這一層要確認的有幾件事：
內容要在原始網頁裡讀得到。有些網站的內容完全靠瀏覽器執行程式後才產生，搜尋引擎不一定能完整取得。選擇技術架構時就該把這件事納入考量，而不是上線後才發現只有首頁被收錄。
不要誤擋。網站根目錄的抓取規則檔（robots.txt）與頁面上的索引指示（noindex）是用來控制哪些頁面該被收錄的工具，但它們也是最常出事的地方——測試環境設定了「不要收錄」，上線時忘記拿掉，整站就從搜尋結果消失。這一項務必列入上線前的逐項確認，完整清單可以搭配網站上線前檢查清單。
測試環境不能被收錄。開發用的網址如果被搜尋引擎抓到，會和正式站互相競爭。測試環境應該用密碼保護，而不是只靠設定阻擋。
網址結構：一旦定下來就很難改
網址是所有項目裡「後悔成本」最高的一項，因為改動網址就等於要處理轉址與重新索引。設計時把握幾個原則：
- 語意清楚、層級簡單：從網址就看得出這頁在講什麼、屬於哪個分類
- 穩定：不要把會變動的資訊（日期、流水號、活動名稱）寫進網址
- 一致：全站統一用連字號或底線、統一小寫、統一結尾是否加斜線
- 一個內容只有一個網址：同一篇文章不要同時有多個可連到的路徑
最後一點特別重要。當同一份內容可以從多個網址進入時（例如有無 www、有無結尾斜線、帶不帶追蹤參數），要用標準網址（canonical） 指定哪一個才是正式版本，避免搜尋引擎把同樣的內容算成好幾份。
已經上線的網站要改網址，屬於改版等級的工程，做法請見網站改版 SEO 檢查清單與網站改版怎麼進行。
標題與描述：要能自己改，而且不會重複
每一頁都需要自己的標題（title）與描述（meta description），這是搜尋結果裡使用者第一眼看到的東西。
開發階段要確認的是產生機制，而不是只確認首頁：
- 每一種頁型（首頁、服務頁、文章頁、列表頁、分類頁）都要有合理的預設產生規則
- 後台要能逐頁覆寫，讓行銷同仁自己調整
- 列表頁的第二頁以後不能和第一頁完全相同
- 標題要避免整站只換一個詞的樣板句
同樣的原則也適用於分享到社群時的預覽資訊（標題、描述、縮圖）。這一塊常被漏掉，結果貼到社群上只有一片空白。
至於標題該怎麼寫才對得上使用者真正在搜的東西，那是內容端的工作，可以看品牌部落格怎麼經營。
結構化資料：讓機器看懂頁面在講什麼
結構化資料是一段寫在頁面裡、給機器讀的補充說明，用來標示「這頁是一篇文章／一個商品／一則常見問答／一家在地商家」。它不保證排名提升，但能幫助搜尋引擎正確理解頁面性質，也是某些搜尋結果呈現形式的前提。
實務上要掌握兩個原則：
只標示頁面上真的看得到的內容。標記與實際內容不一致，是被判定濫用的主要原因。
格式與支援型態以官方文件為準。這一塊變動頻繁，不要照抄網路上的舊範例，應該用搜尋引擎官方的測試工具驗證。
顧客評價的結構化資料尤其敏感，能不能放、怎麼放才站得住腳，另外整理在官網顧客評價與 Review 結構化資料。
網站地圖與索引狀態
網站地圖（sitemap） 是一份列出你希望被收錄的網址清單。它該由系統自動產生並隨內容更新，而不是手動維護一個會過期的檔案。驗收時可以直接打開來看：裡面列的是不是你預期要被收錄的頁面？有沒有混進測試頁、重複頁、或已經刪掉的網址？
上線後，把網站登錄到搜尋引擎提供的免費管理工具，定期看索引狀態與錯誤回報。這件事該在交付時一併設定好並交接帳號權限——帳號權限歸屬於你，而不是廠商，這一點建議寫進合約，相關的合約項目可以參考如何挑選軟體開發公司。
速度與行動版
載入速度與行動裝置體驗同時影響使用者與搜尋表現，開發階段能做的事包括：圖片壓縮與尺寸控制、只載入需要的程式與字體、避免版面在載入過程中跳動、以及善用快取。
指標怎麼讀、改善的優先順序怎麼排、驗收條件怎麼寫進合約，完整說明在網站速度優化指南，本篇不重複。
行動版則要用實機操作驗收，而不是只看電腦上縮小視窗的樣子。重點在字體大小、按鈕可點範圍、表單輸入體驗、以及有沒有需要左右捲動才看得完的內容。
圖片與可存取性
圖片的替代文字（alt）原本的用途是讓無法看到圖片的使用者理解內容，順帶也幫助搜尋引擎理解圖片。寫法的原則是描述圖片內容，而不是塞關鍵字。純裝飾用的圖片則應該留空，避免干擾。
其他相關項目還有：有意義的標題階層、表單欄位要有對應的標籤、連結文字要看得出目的地（避免滿篇「點這裡」）。這些同時屬於無障礙的範疇，完整作法可以看網頁無障礙設計指南。
多語系網站還要額外處理語言標記與各語言版本的對應關係，那部分整理在多語系網站開發指南。
驗收時的實用檢查
不需要工程背景也能做的幾項：
| 檢查 | 怎麼做 | 看什麼 |
|---|---|---|
| 標題 | 逐頁看瀏覽器分頁上的文字 | 是否各自不同、看得懂 |
| 行動版 | 用手機實際操作主要流程 | 字級、按鈕、表單、捲動 |
| 連結 | 點過站內主要連結 | 有沒有斷掉或轉錯 |
| 網站地圖 | 請廠商給網址並打開 | 列的是不是該收錄的頁面 |
| 索引設定 | 請廠商說明上線後如何解除阻擋 | 有沒有留下測試期的設定 |
| 分享預覽 | 把網址貼到通訊軟體 | 標題、描述、縮圖是否正常 |
把這幾項寫進驗收標準，會比事後補救省事得多。驗收流程怎麼設計、缺陷怎麼分級，可以看軟體驗收怎麼做。
技術 SEO 的多數項目不難，難的是有沒有人在開發階段就負責。它們大部分不是加價選配，而是網站該有的基本品質；等到上線後才補，成本會高出好幾倍，有些甚至補不回來。
如果你正在規劃新網站或準備改版，想確認這些基本項目有沒有被涵蓋在範圍裡，與 NETVANA 討論你的網站需求。網站開發服務的內容與交付物可以看軟體服務介紹，NETVANA 的軟體服務採詢問報價制，沒有固定套餐。
延伸閱讀：速度指標怎麼驗收，看網站速度優化指南；內容端怎麼配合，看品牌部落格怎麼經營；改版時的網址搬遷，看網站改版 SEO 檢查清單；無障礙與可讀性的交集，看網頁無障礙設計指南；數據要怎麼看，看GA4 導入指南。
