你的網站內容寫得很好，關鍵字選得對，但為何就是沒有排名？很大機會問題不是出在內容，而是技術 SEO。本文以香港中小企最常用的 WordPress 與 Shopify 為例，由零開始教你檢查並修復網站的技術問題，即使沒有工程背景的老闆也能跟著做。
一、什麼是技術 SEO？與 On-Page、Off-Page 有何分別？
SEO 可以拆成三大支柱：
| 類型 | 處理範疇 | 常見項目 |
| 技術 SEO | 網站底層健康、爬蟲能否讀取 | 網站速度、HTTPS、Sitemap、robots.txt、Core Web Vitals |
| On-Page SEO | 每一頁的內容與 HTML 結構 | 標題、H1、Meta Description、Alt Text、內部連結 |
| Off-Page SEO | 網站外部的信任訊號 | Backlink、品牌提及、社交訊號 |
簡單來說，技術 SEO 就像店舖的水電冷氣工程。客人（讀者）看不見，但一旦壞了就沒人能進來。Google 的爬蟲（Googlebot）若在你的網站行走不順暢，再好的文章它都讀不到，更不會幫你排名。
因此，技術 SEO 通常是 SEO 工作的第一步：先確保 Google 進得來、讀得懂、走得快，之後做內容與 backlink 才有意義。
二、香港中小企最常見的 5 個技術 SEO 問題
在替客戶診斷網站時，這 5 個問題的出現率最高：
- 手機版速度過慢（LCP 超過 4 秒）— 上載了未壓縮的大圖、安裝過多 plugin
- 未設定 HTTPS 重定向 — 同一頁同時存在 http:// 與 https:// 兩個版本，Google 視為兩個獨立頁面
- Sitemap 過時或從未提交至 Search Console — 新文章 Google 無法及時發現
- robots.txt 寫錯，封鎖了自己的網站 — 最常見於 staging site 上線時忘記改回設定
- 大量 404 死連結未做 redirect — 過往更改 URL 結構時沒有做 301
如果你的網站中招三項或以上，可以直接跳至文末的自我審計 Checklist，做完再回頭逐節細讀。
三、Google 如何發現並收錄你的網站？
要理解技術 SEO，必先了解 Google 處理網站的四個步驟：
- 爬取（Crawl） — Googlebot 機械人在網絡上沿著 link 不斷行走，發掘新頁面
- 渲染（Render） — 執行 HTML、CSS 與 JavaScript，模擬真實用戶看到的畫面
- 索引（Index） — 把內容儲存到 Google 的資料庫
- 排名（Rank） — 當有用戶搜尋時，從索引中挑選最匹配的頁面顯示
技術 SEO 主要影響前三步。若你的頁面：
- 爬蟲進不來 → 永遠不會出現於 Google
- 渲染失敗 → Google 看到的內容與用戶看到的完全不同
- 索引不到 → 寫再多文章也是徒勞
接下來，我們會逐個關卡檢查。
四、robots.txt：告訴 Google 哪些頁面可以爬
robots.txt 是一個放在網站根目錄的純文字檔案（即 yoursite.com/robots.txt），用來告訴爬蟲哪些路徑可以爬、哪些不能爬。
一個 SEO 友善的 robots.txt 範例
User-agent: *
Disallow: /wp-admin/
Disallow: /cart/
Disallow: /checkout/
Disallow: /?s=
Allow: /wp-admin/admin-ajax.php
Sitemap: https://yoursite.com/sitemap.xml
香港中小企最常犯的 3 個錯誤
錯誤 1：完全封鎖整個網站
User-agent: *
Disallow: /
這通常是開發人員在 staging site 設定後忘記改回。如果你的網站突然從 Google 完全消失，第一個應該檢查的就是這裡。
錯誤 2：封鎖了 CSS / JS 檔案
Google 需要載入 CSS 與 JavaScript 才能正確渲染頁面。封鎖了它們，Google 會以為你的網站是「破爛無樣」，移動裝置友善度評分會大跌。
錯誤 3：把敏感頁面寫在 robots.txt
Disallow: /admin/secret-page/
robots.txt 是公開檔案，任何人都能讀取。把「不想被找到」的頁面寫進去，反而等於告訴所有人這條路徑存在。敏感頁面應用 noindex meta tag 或密碼保護。
WordPress 用戶：如何修改 robots.txt
如果你使用 Yoast SEO 或 Rank Math，在後台 → 工具 → 檔案編輯器 即可直接修改。修改後在 Search Console 的「robots.txt 測試工具」驗證。
Shopify 用戶
Shopify 在 2021 年後開放編輯 robots.txt.liquid。在 線上商店 → 佈景主題 → 編輯程式碼 → Templates → 新增 robots.txt.liquid 即可。但一般情況下 Shopify 預設已寫得不錯，不要亂改。
五、XML Sitemap：把你的網站地圖交給 Google
sitemap.xml 是網站的目錄表，列出所有希望被收錄的頁面。沒有 sitemap 不代表 Google 完全找不到你，但有了 sitemap 可以大幅加快新頁面被發現的速度。
一個健康的 sitemap 應該有什麼？
- 所有希望被排名的頁面（文章、產品、Landing Page）
- 每個 URL 都是 200 OK 狀態，無 redirect、無 404
- 每個 URL 都對應最終版本（即 HTTPS、有 trailing slash 一致、無 query string）
- 包含 <lastmod> 標記，告訴 Google 內容最後更新時間
- 排除 noindex 頁面、登入後頁面、感謝頁
提交至 Google Search Console
- 登入 Search Console
- 左側選單 → Sitemap
- 輸入 sitemap.xml → 提交
- 等待 1–7 日，狀態應變為「成功」
如果出現「無法擷取」或「有錯誤」，最常見原因是：
- Sitemap 內含 redirect URL（必須是最終 URL）
- Sitemap 內含 404 頁面
- Sitemap 內含 noindex 頁面（自相矛盾）
- 檔案過大（單個 sitemap 不能超過 50MB 或 50,000 個 URL，否則要做 sitemap index）
WordPress 用戶
Yoast SEO 與 Rank Math 都會自動生成 sitemap，分別位於： – Yoast：yoursite.com/sitemap_index.xml – Rank Math：yoursite.com/sitemap_index.xml
Shopify 用戶
Shopify 自動生成於 yoursite.com/sitemap.xml，無法手動修改內容。
六、HTTPS 與 SSL：信任度的基本門檻
自 2014 年起，Google 已確認 HTTPS 是排名因素之一。2026 年的今日，沒有 HTTPS 的網站幾乎不可能在 Google 取得好排名，瀏覽器更會直接標示為「不安全」，嚇走訪客。
香港中小企常見的 HTTPS 設定錯誤
錯誤 1：未做 301 重定向
訪客輸入 http://yoursite.com 後仍然停留在 HTTP 版本，與 HTTPS 版本各自累積排名訊號，最終兩個版本都排不上。
修復方法：在 .htaccess（Apache）或 nginx config 加入強制 HTTPS 重定向。WordPress 用戶可直接安裝「Really Simple SSL」plugin。
錯誤 2：Mixed Content（混合內容）
頁面以 HTTPS 載入，但內含的圖片、CSS、JS 仍指向 HTTP。瀏覽器會在地址欄旁顯示警告，影響用戶信任度。
檢查方法：用 Chrome DevTools（按 F12）→ Console 標籤，會列出所有 mixed content 警告。
錯誤 3：SSL 憑證即將過期
免費的 Let’s Encrypt 憑證只有 90 日有效期。雖然大部分主機商會自動續期，但仍建議用 SSL Labs 每季檢查一次，確保憑證健康。
七、Core Web Vitals：Google 量度用戶體驗的三個指標
Core Web Vitals 是 Google 自 2021 年起納入排名的三個用戶體驗指標。2024 年 3 月，FID 已被 INP 取代：
| 指標 | 全名 | 量度什麼 | 達標標準 |
| LCP | Largest Contentful Paint | 最大內容元素載入完成的時間 | < 2.5 秒 |
| INP | Interaction to Next Paint | 用戶互動後頁面回應的時間 | < 200 毫秒 |
| CLS | Cumulative Layout Shift | 頁面載入過程中元素飄移的程度 | < 0.1 |
如何檢查你的網站表現？
- 開啟 PageSpeed Insights
- 輸入你的網址 → 分析
- 同時查看「手機版」與「桌面版」結果
- 重點看頂部的「Core Web Vitals 評估」是否「通過」
香港網站最常見的速度問題與解決方法
問題 1：圖片過大（影響 LCP 最常見）
香港用戶習慣以手機瀏覽，但很多網站仍上載 3MB 以上的 hero image。
解決方法： – 圖片在上載前用 TinyPNG 壓縮 – 改用 WebP 格式（檔案約小 30%） – WordPress 用「Smush」或「ShortPixel」plugin 自動壓縮 – 加入 loading=”lazy” 屬性，讓非首屏圖片延遲載入
問題 2：CDN 未配置或地理位置不佳
如果你的主機在美國，香港訪客的首位元組時間（TTFB）可能超過 1 秒。
解決方法： – 用 Cloudflare 免費 CDN – 確認香港節點啟用（Cloudflare 在香港有節點） – WordPress 用戶配合「WP Rocket」或「W3 Total Cache」做頁面快取
問題 3：過多第三方腳本（影響 INP）
每個 Google Analytics、Facebook Pixel、Hotjar、客服 chat widget 都會增加 JavaScript 執行時間。
解決方法： – 用 Google Tag Manager 統一管理，並設定觸發條件（如：用戶滾動 50% 後才載入 chat widget） – 移除不再使用的舊腳本 – 用 GTM 的「自訂事件 → 延遲載入」功能
問題 4：版面飄移（CLS）
廣告、橫額、字型載入過程中令頁面內容向下推，用戶剛想點擊就被推走。
解決方法： – 為所有圖片加上 width 與 height 屬性 – 字型用 font-display: swap 避免空白等待 – 廣告位預留固定高度的容器
八、301 vs 302 重定向：選錯會丟失 SEO 權重
當你更改頁面網址、合併文章、或刪除舊產品頁，必須做重定向，否則會出現 404，並損失過往累積的 backlink 權重。
| 類型 | 用途 | SEO 影響 |
| 301 | 永久重定向 | 傳遞 90–99% 的權重至新 URL |
| 302 | 暫時重定向 | 不傳遞權重，Google 仍會索引舊 URL |
何時用 301？
- 永久更改 URL 結構（例如由 /blog/post-1 改為 /posts/post-1）
- 由 HTTP 遷移至 HTTPS
- 合併重複內容
- 網域更換
何時用 302？
- 季節性促銷頁（如：聖誕優惠頁臨時跳轉至最新優惠）
- A/B 測試
- 系統維護期間臨時跳轉至替代頁
重定向設定常見錯誤
錯誤 1：重定向鏈（Redirect Chain）
A → B → C → D。每多一層，傳遞的權重就少一些，且增加載入時間。應該直接 A → D。
錯誤 2：重定向至無關頁面
舊文章被刪除後，全部重定向至首頁。Google 視之為「soft 404」，反而不傳遞權重。應該 redirect 至內容最相關的頁面，找不到就直接讓它 404。
錯誤 3：未更新內部連結
雖然 301 會自動轉址，但網站內部的 link 仍應更新指向最終 URL，否則徒增伺服器負擔，影響爬蟲預算（crawl budget）。
九、404 錯誤：合理處理而非全部 redirect
很多 SEO 教學告訴你「所有 404 都要 redirect」，這是錯的。
404 不是 SEO 災難
Google 官方多次明確表示：404 本身不會傷害網站排名。404 是網絡的正常一部分，重點在於有意義的處理。
何時應該 redirect 404？
- 該頁有外部 backlink 指向（用 Ahrefs 或 Search Console 查證）
- 該頁有可觀的歷史流量
- 你有明顯更相關的替代頁面
何時應該保留 404？
- 該頁從來沒有流量或 backlink
- 過往的活動頁、已下架產品而無替代品
- 測試頁、scraper 嘗試的不存在路徑
設計更好的 404 頁面
雖然 404 不傷 SEO，但會傷用戶體驗。一個好的 404 頁應該包含：
- 清晰說明「這頁不存在」
- 連回首頁、熱門分類、搜尋功能
- 保持網站整體 navigation、不要做成空白頁
- 加入 Google Analytics 追蹤，了解哪些 URL 經常 404
十、結構化資料（Schema Markup）：讓 AI 也讀得懂你
進入 AI 搜尋時代後，結構化資料的重要性比以往任何時候都高。Google 的 AI Overviews、Perplexity、ChatGPT 都依賴結構化資料來理解並引用你的內容。
香港中小企最值得做的 Schema 類型
| Schema | 適用 | 效果 |
| Organization | 所有網站 | 在 Google 知識面板顯示公司資料 |
| LocalBusiness | 實體店、服務業 | 在地圖搜尋顯示，含營業時間、評分 |
| Product | 電商 | 顯示價格、評分、庫存 |
| FAQPage | 任何有 FAQ 的頁面 | 在搜尋結果展開問答 |
| Article | 博客文章 | 顯示作者、發佈日期、圖片 |
| BreadcrumbList | 所有層級頁面 | 顯示麵包屑導航 |
如何加入 Schema？
WordPress 用戶：Yoast SEO 與 Rank Math 都會自動生成基本 Schema。進階控制可用「Schema Pro」plugin。
Shopify 用戶：大部分主題已內建 Product Schema。FAQ 與 Article Schema 需手動加入 theme.liquid。
手動加入：用 Google Schema Markup Generator 生成 JSON-LD 程式碼，貼入頁面 <head> 內。
驗證 Schema
修改後務必用 Rich Results Test 驗證，確保 Google 能正確讀取。
十一、JavaScript SEO：單頁應用程式的陷阱
如果你的網站是用 React、Vue、Angular 等框架建立的單頁應用程式（SPA），請額外注意。
問題：Googlebot 渲染 JavaScript 的延遲
Googlebot 的渲染分兩階段： 1. 第一階段：讀取 HTML（毫秒級） 2. 第二階段：執行 JavaScript（可能延遲數日至數週）
如果你的內容全部由 JavaScript 生成，Google 第一階段什麼都看不到，要等第二階段才能索引，新文章可能延遲幾星期才被收錄。
解決方法
- SSR（Server-Side Rendering）：在伺服器端先渲染 HTML，最佳方案
- SSG（Static Site Generation）：用 Next.js、Nuxt.js、Gatsby 等預先生成靜態 HTML
- Dynamic Rendering：偵測 user-agent，給爬蟲送純 HTML，給用戶送 JS 版本（Google 已宣佈為過渡方案）
十二、技術 SEO 自我審計 Checklist
把你的網站對照以下清單，逐項打勾：
爬取與索引
- ☐ robots.txt 存在且沒有意外封鎖重要頁面
- ☐ sitemap.xml 已生成並提交至 Search Console
- ☐ Search Console 的「覆蓋率」報告無大量錯誤
- ☐ 重要頁面在 Google 用 site:yoursite.com 搜尋能找到
HTTPS 與安全
- ☐ 全站強制 HTTPS（HTTP 自動 301 至 HTTPS）
- ☐ SSL 憑證有效，且 SSL Labs 評分 A 或以上
- ☐ 無 Mixed Content 警告
網站速度
- ☐ PageSpeed Insights 手機版 LCP < 2.5 秒
- ☐ CLS < 0.1
- ☐ INP < 200 毫秒
- ☐ 圖片已壓縮，且採用 WebP 或 lazy loading
URL 與重定向
- ☐ URL 結構簡潔、含關鍵字、無中文亂碼
- ☐ 無重定向鏈（A → B → C）
- ☐ 404 頁面有 navigation 與搜尋功能
結構化資料
- ☐ 首頁有 Organization 或 LocalBusiness Schema
- ☐ 博客文章有 Article Schema
- ☐ FAQ 頁面有 FAQPage Schema
- ☐ 全部用 Rich Results Test 驗證通過
行動裝置
- ☐ 在 Search Console 的「行動裝置可用性」報告無錯誤
- ☐ 字體在手機上不會太細（建議最少 16px）
- ☐ 點擊目標之間有足夠間距，避免誤觸
十三、推薦工具
| 工具 | 用途 | 收費 |
| Google Search Console | 索引、效能、錯誤監測 | 免費 |
| Google Analytics 4 | 流量分析 | 免費 |
| PageSpeed Insights | 速度與 Core Web Vitals | 免費 |
| Rich Results Test | Schema 驗證 | 免費 |
| SSL Labs | SSL 健康檢查 | 免費 |
| Screaming Frog | 全站爬取、找 404 / redirect 鏈 | 免費 500 URL，付費 £259/年 |
| Ahrefs Site Audit | 全方位技術 SEO 審計 | 付費 |
| Cloudflare | CDN、防護、速度 | 免費版已夠用 |
十四、給香港中小企的優先級建議
如果資源有限，按以下順序處理：
- 第一週：確認 HTTPS 強制重定向、Search Console 設定、Sitemap 提交
- 第二週：處理 PageSpeed Insights 手機版 LCP（圖片壓縮、Cloudflare）
- 第三週：加入 Organization / LocalBusiness Schema
- 第四週：清理 404、整理重定向鏈
- 持續：每月用 Search Console 檢查覆蓋率報告，每季用 PageSpeed Insights 重測
技術 SEO 不是一次性工程，而是持續維護的過程。但只要打好地基，後續的內容與 backlink 工作才會事半功倍。
結語
技術 SEO 聽起來嚇人，但拆解後其實就是「讓 Google 順暢地進來、讀懂、走得快」三件事。香港中小企最大的優勢是市場相對細，只要做好基本功就能拋離大部分對手。
如果你對自己的網站健康度沒信心，歡迎聯絡我查詢SEO服務。