很多網站是先做好了才開始想 SEO，於是把優化當成上線後的補救工程：改標題、加文章、修圖片。這些事當然有用，但有一類問題只有在建置階段處理才划算，一旦網站已經上線、頁面已經被收錄，同樣的調整要多付出轉址、重新收錄與流量波動的代價。這篇說明從規劃階段就該做對的幾件事，以及事後補做為什麼特別貴。
網址結構在上線前定案，事後改要付轉址的代價
網址是頁面的身分證。它決定了搜尋引擎怎麼理解頁面之間的層級關係，也決定了未來新增內容時有沒有位置可以放。常見的問題是分類切得太細，導致很多網址只放一兩個頁面；或是完全不分類，所有頁面都平鋪在根目錄下，網站長大之後完全看不出結構。
上線後要改網址並非不能做，但必須逐一設定轉址，維持舊網址的既有累積，還要處理站內所有指向舊網址的連結。過程中通常會有一段收錄不穩定的期間。這些工作在規劃階段只是畫一張結構圖的事，上線後卻是一個完整的專案，成本差距非常明顯。
標題階層是寫給機器看的目錄
版型設計時最容易發生的錯誤，是用標題標籤來控制字級大小。設計師想要一行小字，就用比較低階的標題；想要大字就套主標題。結果是頁面的階層關係跟視覺完全脫節，機器讀到的目錄結構亂七八糟。
正確的做法是把層級與樣式分開：層級由內容邏輯決定，字級大小交給樣式設定處理。這件事在切版階段建立規範，之後每個頁面都自動遵守；等到上線後才發現，就得回頭逐頁檢查與調整，而且每次新增頁面都可能再犯一次。
內鏈脈絡要跟著網站架構一起設計
內部連結不是寫文章時想到才加，它應該是網站結構的一部分。規劃階段就要決定哪些頁面是主題的入口、哪些是支撐用的說明頁、彼此怎麼互相指向。以下幾件事在建置階段安排好，之後每新增一頁都能自然接上。
- 主題入口頁：每個重要主題都要有一個匯總頁面，作為底下所有內容的集散點。
- 麵包屑動線：讓使用者與機器都能看出目前這頁在整個網站的哪個位置。
- 相關內容區塊：以主題關聯而非發布時間串接，避免舊內容被永遠埋在後面。
- 連結文字規範：用能說明目的地內容的文字，不要一律寫成看更多或點這裡。
- 孤島檢查機制：定期確認每個頁面至少有一條站內路徑可以走到，沒有就補上。
圖片與載入速度，在版型階段就決定了大半
上線後的速度優化多半只能做壓縮與快取，能改善的幅度有限，因為真正的負擔往往來自版型本身：滿版的大圖輪播、多個字體家族、每個區塊都要載入的動態效果。這些是設計決策，不是技術問題，上線後要拿掉會直接改變視覺，通常沒有人願意。
比較好的處理時機是提案階段就把載入表現當成設計條件之一，跟視覺效果一起評估取捨。圖片規格、字體數量、動畫使用範圍先講清楚，設計師就能在框架內發揮。此外，圖片的替代文字與檔名規則也建議在這時候訂好，交由後續上稿的人遵循，避免上線後整站補寫。
行動裝置可用性不只是把畫面縮小
手機版常見的問題不在排版跑掉，而在使用上的細節：按鈕太小點不到、表單欄位在小螢幕上要一直放大縮小、重要資訊被折疊在需要多次點擊的地方、彈出視窗蓋住內容而且不好關掉。這些都會直接影響使用者願不願意留下來。
另一個常被忽略的是行動版與桌機版的內容一致性。有些網站為了畫面簡潔，在手機版隱藏大量文字，等於讓多數使用者看到的是精簡版。設計階段就要決定哪些內容可以折疊、哪些必須完整呈現，而不是交給前端自行決定要藏什麼。
常見問題
網站已經上線了，這些還來得及做嗎？
來得及，但要排優先順序，不建議一次全部翻新。通常先處理不需要更動網址的項目，例如標題階層、內部連結、圖片與載入表現，這些風險低、見效相對快。網址結構調整風險最高，要另外規劃，並且做完整的轉址對照表與上線後的收錄追蹤，不要跟其他改動混在同一次進行。
要不要為了 SEO 犧牲設計？
大部分情況不需要二選一，衝突通常來自太晚才討論。如果在提案階段就把載入表現、標題階層、行動裝置操作納入設計條件，設計師有很多方式可以達成同樣的視覺效果。真正無解的是網站快完成了才提出這些要求，那時候調整的確會傷到設計完整性。
用現成版型架站，還需要注意這些嗎？
需要，而且要更早檢查。現成版型的網址規則、標題標籤用法、圖片載入方式都是既定的，選型時就該把這些列入評估，而不是選完才發現不合用。挑選時可以先實際建幾個測試頁面，確認網址能不能自訂、標題層級是否正確、行動版操作是否順手。
怎麼判斷網站的結構是不是夠清楚？
有個簡單的檢查方式：請一位不熟悉這個網站的人，從首頁出發找到某個較深層的頁面，看他需要點幾次、會不會迷路。另外把所有頁面列成一張清單，確認每一頁都能被歸進某個主題底下，找不到歸屬的頁面通常就是結構規劃時漏掉的部分。
建置階段就要開始寫內容嗎？
建議至少先訂出主題規劃與頁面清單，因為結構要根據內容需求來設計，不是先做好框架再硬塞。實際文字可以分批完成，但每個頁面要負責哪個主題、彼此怎麼連結，最好在切版前就有共識，這樣網址與導覽才不會上線沒多久就得重來一次。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務，實際案例可見成果與案例。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
加入京采 LINE 好友相關主題
下一步
如果你正在評估「seo友善網站」相關的規劃，可以參考我們的SEO 與網路行銷服務，或直接與我們聯繫，我們會依你的產業與現況給出務實的建議。