第 4 章：技術 SEO（Technical SEO）——打造搜尋引擎友善的完美網站基礎（2026 完整指南）
📚 SEO 完整教學系列導覽
一、前言：技術 SEO 是你的「隱形地基」
在前面三章中，我們學習了SEO 的基本概念、關鍵字研究以及On-Page SEO 頁面優化。這些都很重要，但如果你的網站在技術層面有問題，就好像在沙灘上蓋房子——無論裝潢多精美，地基不穩一切都會崩塌。
技術 SEO（Technical SEO）是確保搜尋引擎能夠順利爬取（Crawl）、索引（Index）並理解（Understand）你的網站的所有技術性優化工作。它涵蓋了網站速度、行動裝置友善度、HTTPS 安全性、結構化資料、XML Sitemap、robots.txt 等關鍵要素。
二、爬取與索引優化：讓 Google 順利找到你的內容
理解 Googlebot 的爬取預算
Google 分配給每個網站的爬取資源是有限的——這就是所謂的「爬取預算（Crawl Budget）」。對於大型網站（數千頁以上），有效管理爬取預算尤其重要。如果 Googlebot 將大量資源浪費在低價值或重複的頁面上，你真正重要的頁面可能無法被及時爬取和索引。
優化爬取效率的方法
- 提交 XML Sitemap：透過 Google Search Console 提交你的 XML Sitemap，告訴 Google 你的網站有哪些重要頁面
- 修復壞連結：定期檢查並修復 404 錯誤和壞連結
- 使用 robots.txt：阻止 Googlebot 爬取不需要索引的頁面（如管理後台、測試頁面）
- 建立良好的內部連結架構：讓重要的頁面能在 3 次點擊內到達
- 處理重複內容：使用 Canonical 標籤或 301 重定向處理重複內容
- 避免孤兒頁面：確保每個頁面都至少有一個內部連結指向它
排除索引問題
如果你的頁面沒有被 Google 索引，可能的原因包括：
- robots.txt 阻擋了爬取：檢查是否不小心阻擋了重要頁面
- noindex 標籤：頁面上可能被加了 noindex 指令
- 頁面品質太低：Google 認為頁面沒有索引價值
- 爬取錯誤：Googlebot 被阻擋或頁面載入失敗
- Canonical 設定錯誤：指向了錯誤的規範 URL
三、網站速度優化：Google 排名的加速器
網站速度不僅是使用者體驗的關鍵，也是 Google 官方確認的排名因素之一。根據研究，頁面載入時間每增加 1 秒，行動裝置的跳出率就增加 32%。Amazon 更發現頁面延遲 100 毫秒就會導致 1% 的營收損失。
網站速度優化的核心策略
| 優化項目 | 具體做法 | 預期改善 |
|---|---|---|
| 圖片優化 | 使用 WebP 格式、壓縮圖片、Lazy Loading | 頁面大小減少 30-80% |
| 啟用壓縮 | Gzip/Brotli 壓縮 HTML、CSS、JS | 傳輸量減少 60-80% |
| 瀏覽器快取 | 設定適當的 Cache-Control Headers | 回訪載入時間大幅減少 |
| CDN 加速 | 使用 Cloudflare 等 CDN 服務 | 全球載入時間大幅改善 |
| 最小化程式碼 | Minify CSS、JavaScript、HTML | 檔案大小減少 10-30% |
| 減少 HTTP 請求 | 合併文件、使用 CSS Sprite | 減少伺服器往返時間 |
| 使用 HTTP/2 | HTTP/2 支援多路復用 | 併發載入效率提升 |
使用 Google PageSpeed Insights 和 web.dev 工具來測試你的頁面速度，並獲得具體的優化建議。如需了解速度對排名的影響，可參考網頁速度對 SEO 排名的影響。
四、Core Web Vitals：Google 的使用者體驗量化指標
Core Web Vitals（網站核心指標）是 Google 用來衡量使用者體驗的三個關鍵指標，已正式成為 Google 的排名因素。
三大核心指標詳解
| 指標 | 衡量什麼 | 良好標準 | 優化方法 |
|---|---|---|---|
| LCP（最大內容繪製） | 頁面主要內容載入完成的時間 | ≤ 2.5 秒 | 優化圖片、使用 CDN、預載入關鍵資源 |
| INP（互動到下一個繪製） | 頁面對使用者互動的回應速度 | ≤ 200 毫秒 | 減少 JavaScript 執行時間、拆分長任務 |
| CLS（累積版面配置移動） | 頁面載入時視覺元素的跳動程度 | ≤ 0.1 | 為圖片影片預設尺寸、避免動態插入內容 |
五、行動裝置優先索引（Mobile-First Indexing）
Google 已經全面實施行動裝置優先索引——這代表 Google 主要使用你網站的行動版本來進行爬取、索引和排名。如果你的行動版網站體驗不佳，即使桌面版做得再好，排名也會受到影響。
行動裝置優化重點
- 響應式設計（RWD）：確保網站在所有裝置上都能正常顯示和操作
- 觸控友善：按鈕和連結間距足夠，避免誤觸
- 字體大小：最小字體 14-16px，確保在手機上清晰可讀
- 避免彈出式廣告：Google 會懲罰影響使用者體驗的彈跳式廣告
- 行動版速度：行動網站速度的 90% 在於速度本身
- 測試：使用 Google 的行動裝置友善度測試工具確認
六、HTTPS：網站安全是 SEO 的基本要求
HTTPS（SSL 加密）已經是 Google 確認的排名因素。自 2018 年起，Google Chrome 將所有 HTTP 網站標記為「不安全」，這不僅影響排名，更嚴重影響使用者信任度。
HTTP 轉 HTTPS 的注意事項
- 購買並安裝 SSL 憑證（Let’s Encrypt 提供免費憑證）
- 設定 HTTP 到 HTTPS 的 301 永久重定向
- 更新所有內部連結為 HTTPS 版本
- 在 Google Search Console 中新增 HTTPS 版本的資源
- 更新 XML Sitemap 中的 URL
- 確認所有第三方資源（圖片、JS、CSS）也使用 HTTPS
七、XML Sitemap 與 robots.txt：引導搜尋引擎爬取
XML Sitemap
XML Sitemap 就像是給搜尋引擎的「網站地圖」，列出了你希望被索引的所有重要頁面。
- 包含所有重要的公開頁面
- 定期更新，反映網站的最新狀態
- 透過 Google Search Console 提交
- 控制在 50,000 個 URL 以內，或檔案大小 50MB 以下
- WordPress 網站可使用 Yoast SEO 或 Rank Math 外掛自動生成
robots.txt
robots.txt 文件告訴搜尋引擎哪些頁面或目錄可以爬取，哪些不可以。常見設定：
- 阻擋後台管理頁面（/wp-admin/）
- 阻擋搜尋結果頁面（避免重複內容）
- 指向 Sitemap 的位置
- 允許 CSS 和 JS 的爬取（Google 需要渲染頁面）
八、網站架構與導覽：建立清晰的資訊層次
良好的網站架構不僅幫助搜尋引擎理解你的網站，也讓使用者能輕鬆找到需要的資訊。理想的網站架構應該是「扁平化」的——任何頁面都能在 3 次點擊內到達。
最佳網站架構實踐
- 層次分明：首頁 → 分類頁 → 子分類頁 → 內容頁
- 麵包屑導覽：在每個頁面上方顯示當前位置路徑（首頁 > SEO 教學 > 技術 SEO）
- URL 結構反映層次：example.com/seo/technical-seo/
- 導覽選單清晰：主選單不超過 7 個項目，使用下拉式選單組織子項目
- 建立主題叢集架構：將相關內容透過內部連結串聯
- HTML Sitemap：為使用者提供一個可瀏覽的網站目錄頁面
深入了解網站優化流程和網站程式碼優化的細節，可以讓你的技術 SEO 更加完善。
九、重定向（Redirect）：正確處理 URL 變更
當你需要更改 URL、刪除頁面或合併內容時，正確的重定向設定至關重要。錯誤的處理方式會導致大量的 404 錯誤、流失累積的 SEO 權重，以及損害使用者體驗。
| 類型 | 用途 | SEO 影響 |
|---|---|---|
| 301 永久重定向 | URL 永久變更、頁面合併 | ✅ 傳遞約 90-99% 的 PageRank |
| 302 暫時重定向 | 暫時性的 URL 變更 | ⚠️ 不傳遞 PageRank，僅適合暫時使用 |
| 404 頁面 | 頁面不存在 | ❌ 損害使用者體驗，浪費爬取預算 |
| 410 已移除 | 頁面已永久刪除 | 告訴 Google 從索引中移除 |
十、JavaScript SEO：現代網站的挑戰
隨著越來越多的網站使用 React、Vue.js、Angular 等 JavaScript 框架構建，JavaScript SEO 成為技術 SEO 中越來越重要的課題。Google 可以爬取 JavaScript 連結，但渲染 JavaScript 內容需要額外的資源和時間。
JavaScript SEO 最佳實踐
- SSR 或預渲染：使用伺服器端渲染（SSR）或靜態網站生成（SSG）來確保內容能被高效索引
- Progressive Enhancement：確保核心內容即使沒有 JavaScript 也能被訪問
- 動態渲染：為搜尋引擎爬蟲提供預渲染版本
- 避免 JavaScript 生成的連結：盡量使用原生 HTML <a> 標籤
- 測試分析：利用 Google Search Console 的「URL 檢查」工具確認 Google 看到的渲染結果
簡化網站結構也有助於 Google 更容易理解你的網站——正如 Google 的 John Mueller 所建議的。
十一、技術 SEO 審計清單
定期進行技術 SEO 審計是維護網站健康的必要工作。以下是完整的審計清單：
| ✅ 審計項目 | 使用工具 |
|---|---|
| 所有重要頁面已被 Google 索引 | Google Search Console → 索引涵蓋範圍 |
| XML Sitemap 已提交且無錯誤 | Google Search Console → Sitemap |
| robots.txt 未阻擋重要頁面 | robots.txt 測試工具 |
| 無重大 404 錯誤 | Screaming Frog / Ahrefs |
| 所有頁面使用 HTTPS | 瀏覽器 + SSL 測試工具 |
| Core Web Vitals 達標 | PageSpeed Insights |
| 行動裝置友善 | Google 行動裝置友善測試 |
| 無重複內容問題 | Screaming Frog / Siteliner |
| Canonical 標籤正確 | 手動檢查 + Screaming Frog |
| 結構化資料無錯誤 | Google Rich Results Test |
| 頁面載入速度在 3 秒內 | web.dev / GTmetrix |
十二、下一步學習
完成了技術 SEO 的學習後，你的網站已經具備了堅實的技術基礎。接下來，我們將進入 SEO 最核心的「內容」領域：
- 第 5 章：SEO 內容行銷與高品質文章寫作——學習如何創作出真正能吸引讀者和搜尋引擎的優質內容
- 第 6 章：站外 SEO 與反向連結——建立你網站的外部權威和信任度
「技術 SEO 就像汽車的引擎和底盤——使用者看不到它，但少了它，再漂亮的車也動不了。定期維護你的技術 SEO，是確保長期排名穩定的關鍵。」
讓我們繼續前往第 5 章：SEO 內容行銷與高品質文章寫作，學習如何創作出能讓讀者和 Google 都愛上的優質內容！