為什麼 SEO 規劃必須在網站設計「之前」就開始？
想像你正在蓋一棟房子。房子完工後你才發現——沒有預留水管管線。這時候要補做水電，就得打掉牆壁、撬開地板，花費的時間和金錢是事前規劃的三到五倍。
客製化網站設計和 SEO 的關係也是如此。許多企業在委託設計公司建置網站時，把全部注意力放在視覺設計和功能開發上，等到網站上線後才開始思考 SEO——結果發現 URL 結構不對、頁面層級太深、標題標籤寫死在程式碼裡無法修改。這些問題修正起來，往往比一開始就規劃好要多花兩到三倍的成本。
根據實務經驗，在設計階段就把 SEO 需求納入規劃的網站，上線後三到六個月的自然搜尋流量，平均比事後才補做 SEO 的網站高出 40% 以上。原因很簡單：當網站的架構、程式碼和內容策略從一開始就為搜尋引擎最佳化而設計，Google 能更快速地理解你的網站、建立索引、給予排名。
本文整理了企業在委託客製化網站設計之前，必須與設計公司討論的 15 個 SEO 規劃要點，分成五大面向逐一說明。無論你是第一次建置企業官網，還是正在規劃網站改版，這份清單都能幫助你避免「上線後才發現問題」的高成本困境。
一、關鍵字策略與內容架構（要點 1-3）
在動手設計任何頁面之前，最重要的工作是確認你的目標關鍵字和內容架構。這決定了整個網站要有哪些頁面、每個頁面的核心主題，以及頁面之間的層級關係。
要點 1：目標關鍵字研究
什麼是： 透過工具（如 Google Keyword Planner、Ahrefs、SEMrush）找出你的潛在客戶在搜尋什麼關鍵字，這些關鍵字的搜尋量和競爭程度如何。
為什麼重要： 關鍵字研究的結果會直接影響網站需要哪些頁面。例如，如果你發現「客製化網站設計費用」有穩定搜尋量，那你的網站就需要一個專門回答費用問題的頁面，而不是把資訊埋在 FAQ 裡。
該問設計公司： 「你們是否提供關鍵字研究服務？還是由我方提供關鍵字清單？確認後會如何反映到網站的頁面規劃中？」
要點 2：網站架構與頁面層級規劃
什麼是： 定義網站的頁面結構——首頁下有哪些主分類、每個分類下有哪些子頁面、頁面之間如何串連。
為什麼重要： 扁平化的網站架構（任何頁面在三次點擊內可達）有助於搜尋引擎爬蟲有效率地抓取所有頁面。過深的層級會讓重要頁面被埋沒，影響索引和排名。
該問設計公司： 「你們會根據 SEO 需求來規劃網站的 Sitemap 嗎？能否確保所有重要頁面在三層以內？」
要點 3：內容策略與頁面主題分配
什麼是： 為每個頁面指定一個核心關鍵字主題，確保不同頁面之間不會互相搶排名（關鍵字蠶食），同時規劃部落格或知識庫的長期內容方向。
為什麼重要： 如果「服務介紹」和「關於我們」兩個頁面都在搶同一組關鍵字，Google 會不知道該讓哪個頁面排名，結果兩個頁面都排不好。事先做好主題分配，每個頁面各司其職。
該問設計公司： 「在開始設計前，是否會針對每個頁面訂出核心關鍵字？是否有內容規劃的建議？」
如果你還在準備委託的前期階段，建議先閱讀客製化網站設計的事前準備，確保你在與設計公司溝通前已有基本的認知框架。
二、URL 結構與網站導覽（要點 4-6）
URL 結構是網站的「地址系統」，一旦上線後要變更就得處理大量的 301 轉址，對 SEO 的負面影響可持續數月。因此，URL 規則必須在開發前就定案。
要點 4：URL 命名規則
什麼是： 制定 URL 的格式規範——使用英文還是拼音、用連字號（-）分隔、是否包含日期或分類路徑等。
為什麼重要： 簡短、語意清楚的 URL（如 /services/custom-development）比又長又含 ID 的 URL（如 /page.php?id=123&cat=5）對 SEO 更友善。URL 本身就是給搜尋引擎的語意信號。
該問設計公司： 「你們的 URL 格式規範是什麼？能否讓我審核所有頁面的 URL 再開始開發？」
要點 5：麵包屑導覽（Breadcrumb）
什麼是： 頁面頂部的階層式導覽路徑，例如「首頁 > 服務項目 > 客製化網站設計」。
為什麼重要： 麵包屑不只幫助使用者理解自己在網站中的位置，Google 也會在搜尋結果中顯示麵包屑路徑，讓搜尋結果更具吸引力、點擊率更高。搭配 Schema.org 的 BreadcrumbList 結構化資料，效果更顯著。
該問設計公司： 「是否會實作麵包屑導覽？是否會加上 Schema.org 的 BreadcrumbList 結構化資料？」
要點 6：內部連結架構
什麼是： 規劃頁面之間的交叉連結策略——哪些頁面該連到哪些頁面、錨點文字怎麼寫。
為什麼重要： 內部連結幫助搜尋引擎了解頁面之間的關聯性和重要性。一個完全沒有被其他頁面連結的頁面，就像一座孤島，很難獲得好的排名。
該問設計公司： 「網站上線前是否會規劃內部連結策略？重要頁面是否能從多個位置被連結到？」
三、頁面 SEO 元素與後台管理（要點 7-10）
頁面層級的 SEO 元素（如 Title Tag、Meta Description、Heading 結構）需要在設計階段就考慮進去，而且後台必須提供方便的編輯介面，讓你日後能自行調整。
要點 7：Title Tag 和 Meta Description 的管理機制
什麼是： 每個頁面在搜尋結果中顯示的標題和摘要文字，是影響點擊率最直接的元素。
為什麼重要： 如果 Title Tag 是寫死在程式碼裡的，每次要修改都得請工程師改程式、重新部署。好的客製化網站設計應該讓你在後台就能輕鬆編輯每個頁面的 SEO 標題和描述。
該問設計公司： 「後台是否能讓我自行編輯每個頁面的 Title Tag 和 Meta Description？是否有字數提示？」
要點 8：Heading 標籤的語意結構
什麼是： HTML 的 H1 到 H6 標籤，用來標示頁面內容的層級結構。每個頁面應該只有一個 H1，其下依序使用 H2、H3。
為什麼重要： 搜尋引擎透過 Heading 標籤理解頁面的內容架構和重點。很多設計師為了視覺效果把 H2 當 H4 用、或一個頁面放了三個 H1，這對 SEO 是有害的。
該問設計公司： 「設計師在規劃頁面版型時，是否會遵守 HTML 語意化的 Heading 結構？」
要點 9：圖片 SEO 規範
什麼是： 包括圖片的 alt 屬性、檔名命名規則、壓縮策略、以及是否使用次世代格式（WebP / AVIF）。
為什麼重要： 圖片搜尋是不可忽視的流量來源。alt 屬性也是網頁親和力（Accessibility）的基本要求。此外，未壓縮的圖片是拖慢網站速度的頭號兇手，直接影響 Core Web Vitals 分數。
該問設計公司： 「你們是否有圖片 SEO 的標準流程？是否支援 WebP / AVIF 格式？後台上傳圖片時是否會自動壓縮？」
要點 10：Open Graph 和社群分享標籤
什麼是： 在 HTML 中加入 Open Graph（og:title、og:description、og:image）標籤，控制頁面在 Facebook、LINE 等社群平台被分享時的顯示樣式。
為什麼重要： 雖然 Open Graph 不直接影響 Google 排名，但它影響社群分享的點擊率和擴散效果，間接帶來更多流量和外部連結。一個分享出去沒有圖片、標題是亂碼的連結，不會有人想點。
該問設計公司： 「是否會為每個頁面設定 Open Graph 標籤？後台能否自訂社群分享時的圖片和標題？」
四、技術 SEO 基礎建設（要點 11-13）
技術 SEO 是「看不見但極度重要」的部分。這些規格如果在開發階段就做對，上線後幾乎不需要再花時間處理；反之，事後修補的工程往往非常浩大。
要點 11：網站速度與 Core Web Vitals
什麼是： Google 的 Core Web Vitals 包含三個指標——LCP（最大內容繪製）、INP（互動到下一次繪製）、CLS（累積版面位移），是搜尋排名的官方因素之一。
為什麼重要： 網站速度直接影響使用者體驗和跳出率。根據 Google 的研究，頁面載入時間從 1 秒增加到 3 秒，跳出率增加 32%。對於企業形象網站來說，速度代表專業度。
該問設計公司： 「你們對 Core Web Vitals 的目標分數是多少？是否會在交付前進行 PageSpeed Insights 測試？」
要點 12：行動裝置優先設計（Mobile-First）
什麼是： 以手機版面為主要設計基準，再向上適配平板和桌面版。Google 自 2019 年起已全面採用 Mobile-First Indexing。
為什麼重要： 在台灣，超過 70% 的網頁瀏覽來自行動裝置。如果你的網站在手機上的體驗不佳——文字太小、按鈕太擠、需要左右滑動——Google 會直接降低你的排名。
該問設計公司： 「設計流程是否採用 Mobile-First？是否會用 Google 的行動裝置相容性測試工具驗證？」
要點 13：結構化資料（Schema.org）
什麼是： 使用 JSON-LD 格式在頁面中嵌入結構化資料，告訴搜尋引擎「這個頁面是一篇文章 / 一個產品 / 一間公司的聯絡資訊」。
為什麼重要： 結構化資料可以讓你的搜尋結果呈現複合式摘要（Rich Snippets），例如顯示星級評分、FAQ 折疊區塊、公司營業時間等，大幅提升搜尋結果的能見度和點擊率。
該問設計公司： 「你們會為哪些頁面加上 Schema.org 結構化資料？是否包含 Organization、LocalBusiness、FAQ、BreadcrumbList 等類型？」
想了解更多關於 SEO 友善的設計原則，推薦閱讀 SEO 友善的網站設計。
五、上線準備與持續優化機制（要點 14-15）
最後兩個要點關乎網站上線那一刻以及後續的 SEO 持續營運能力。
要點 14：SEO 上線檢查清單
什麼是： 網站上線前必須完成的 SEO 設定項目，包括：XML Sitemap 生成並提交至 Google Search Console、robots.txt 設定正確、canonical 標籤設定、404 頁面處理、以及 Google Analytics / GA4 追蹤碼安裝。
為什麼重要： 許多網站上線後才發現 robots.txt 裡還留著測試站的 Disallow: /（禁止所有搜尋引擎爬取），或是忘了移除 noindex 標籤，導致上線幾個月都沒有被 Google 收錄。這些低級錯誤完全可以透過上線前的 checklist 來避免。
該問設計公司： 「你們的上線流程是否包含 SEO 檢查清單？交付時是否會提供 Google Search Console 的設定？」
上線後的第一步，可以參考網站架設後的 SEO 基礎設定來確認所有設定都已就緒。
要點 15：後續 SEO 維護與報表機制
什麼是： 網站上線後的持續性 SEO 工作，包括排名監控、流量分析報表、內容更新策略、以及技術面的定期健檢。
為什麼重要： SEO 不是「做完一次就好」的事情。搜尋引擎的演算法持續更新，競爭對手也在優化，如果上線後就不管，排名只會逐漸下滑。確認設計公司是否提供上線後的 SEO 維護服務，或者至少教會你如何自行操作。
該問設計公司： 「你們是否提供上線後的 SEO 維護服務或顧問方案？報表的頻率和內容包含哪些？」
15 個要點速查表
以下表格彙整了所有要點，方便你在與設計公司開會時逐一確認：
| 面向 | 要點 | 核心確認事項 |
|---|---|---|
| 關鍵字與內容 | 1. 目標關鍵字研究 | 是否提供關鍵字研究，結果如何反映到頁面規劃 |
| 關鍵字與內容 | 2. 網站架構規劃 | 是否依 SEO 原則設計 Sitemap，重要頁面三層以內 |
| 關鍵字與內容 | 3. 內容策略 | 每頁是否有指定核心關鍵字，避免關鍵字蠶食 |
| URL 與導覽 | 4. URL 命名規則 | 是否簡短、語意清楚，能否事前審核 |
| URL 與導覽 | 5. 麵包屑導覽 | 是否實作並搭配 Schema.org 結構化資料 |
| URL 與導覽 | 6. 內部連結架構 | 是否規劃交叉連結策略 |
| 頁面 SEO 元素 | 7. Title / Meta Description | 後台是否可自行編輯，有字數提示 |
| 頁面 SEO 元素 | 8. Heading 結構 | 是否遵守 HTML 語意化標籤規範 |
| 頁面 SEO 元素 | 9. 圖片 SEO | alt 屬性、壓縮策略、WebP 支援 |
| 頁面 SEO 元素 | 10. Open Graph 標籤 | 是否可自訂社群分享的標題和圖片 |
| 技術 SEO | 11. Core Web Vitals | 目標分數、交付前是否測試 |
| 技術 SEO | 12. Mobile-First | 是否以行動版為設計基準 |
| 技術 SEO | 13. 結構化資料 | 是否加上 Organization、FAQ 等 Schema |
| 上線與維護 | 14. SEO 上線清單 | Sitemap、robots.txt、GA4、Search Console |
| 上線與維護 | 15. 後續維護機制 | 是否提供 SEO 維護服務或定期報表 |
結語：SEO 是設計的一部分，不是設計的附加品
很多企業在選擇網站設計公司時，只比較「版面好不好看」和「價格划不划算」，卻忽略了一個關鍵問題：這間公司懂不懂 SEO？
一個視覺精美但 SEO 基礎建設做錯的網站，就像一間裝潢豪華卻開在巷子底的店面——再漂亮也沒有人走進來。反過來說，在設計階段就把 SEO 需求納入規劃，不但不會增加太多成本，還能讓網站上線後更快看到成效。
元伸科技在每一個客製化網站設計專案中，都會在設計階段就與客戶討論 SEO 策略，從關鍵字研究到技術 SEO 建設，確保你的網站不只好看，更能被找到。如果你正在規劃企業網站的建置或改版，歡迎帶著這份清單來找我們聊聊——讓設計與排名，從第一步就走在對的方向上。
