SEO 優化 / / 11 min

技術 SEO 完全攻略:工程師不說但你該知道的事

完整的技術 SEO 教學,涵蓋網站速度、行動裝置適配、爬取與索引、結構化資料等,不用當工程師也能看懂。

目錄

技術 SEO 到底是什麼

你可能已經做了關鍵字研究、寫了高品質的內容、把頁面的 Title Tag 和 Meta Description 都優化好了。但如果你的網站載入要等 8 秒、Google 的爬蟲進來發現一堆路走不通、手機版排版亂到沒人看得下去——那前面做的一切都白費了。

技術 SEO 就是確保你的網站在技術層面對搜尋引擎友善。它處理的不是「你說了什麼」,而是「搜尋引擎能不能順利地來你家、看懂你家的東西」。

很多行銷人員看到「技術」兩個字就想跳過這章。但坦白說,技術 SEO 裡面真正需要寫程式的部分不多。大部分的問題,你用 Google 提供的免費工具就能發現,然後告訴工程師(或自己在 CMS 後台)修好。

重點不是你要變成工程師,而是你要知道該檢查什麼、怎麼判斷有沒有問題

技術 SEO 的四大領域:速度、爬取與索引、行動裝置、安全性的關係圖

網站速度:使用者跑掉之前把頁面載出來

網站速度是 Google 明確確認的排名因素,而且從使用者體驗的角度來看也至關重要。Google 的研究數據顯示,頁面載入時間從 1 秒增加到 3 秒,跳出率會增加 32%。到 5 秒的話,跳出率增加 90%。

Google 用一組叫做 Core Web Vitals 的指標來衡量頁面體驗:

| 指標 | 衡量什麼 | 好的標準 | |------|---------|---------| | LCP(Largest Contentful Paint) | 最大內容元素載入時間 | < 2.5 秒 | | INP(Interaction to Next Paint) | 互動延遲時間 | < 200 毫秒 | | CLS(Cumulative Layout Shift) | 頁面元素跳動程度 | < 0.1 |

怎麼檢測?打開 Google PageSpeed Insights,輸入你的網址就行了。它會給你一份詳細的報告,包括每個指標的數據和具體的改善建議。

最常見的速度問題和解法:

圖片太大——這是拖慢速度的頭號兇手。解法:壓縮圖片、使用 WebP 格式、設定正確的顯示尺寸、啟用 lazy loading(圖片在使用者滾動到它的位置時才載入)。

JavaScript 和 CSS 阻塞渲染——瀏覽器必須先下載和解析完所有的 JS/CSS 才能顯示頁面。解法:把不必要的 JS 延遲載入、壓縮 CSS、移除沒在用的程式碼。

伺服器回應慢——主機本身效能不好。解法:換更好的主機、啟用快取(caching)、使用 CDN。

沒有啟用瀏覽器快取——使用者每次來都要重新下載所有檔案。解法:設定適當的快取標頭,讓瀏覽器記住已經下載過的檔案。

不是每個問題都要處理。先從 PageSpeed Insights 報告裡影響最大的項目開始修,通常處理前三項就能讓分數大幅改善。

爬取與索引:讓 Google 順利閱讀你的網站

Google 要把你的頁面顯示在搜尋結果裡,前提是它必須先爬到你的頁面、然後索引你的頁面。這個過程看起來是自動的,但其實有很多東西會出差錯。

Robots.txt

這是放在你網站根目錄的一個文字檔(yourdomain.com/robots.txt),它告訴搜尋引擎哪些頁面可以爬、哪些不要爬。

一個常見的災難是:開發人員在測試環境裡把 robots.txt 設成「Disallow: /」(禁止爬所有頁面),然後網站上線的時候忘了改回來。結果整個網站從 Google 搜尋結果裡消失了。

XML Sitemap

Sitemap 是一份列出你網站所有重要頁面的清單,格式是 XML。把它提交給 Google Search Console,等於是主動告訴 Google:「這些頁面請你來看。」

大部分 CMS(WordPress、Shopify 等)都會自動產生 Sitemap。你要做的是確認它存在、內容正確、而且已經提交給 Google Search Console。

Crawl Budget

Google 不會無限制地爬你的網站。它分配給每個網站的爬取額度是有限的,這叫做 crawl budget。對大型網站(上萬個頁面)來說,這是一個需要注意的問題。

怎麼節省 crawl budget:

  • 刪除或 noindex 沒有價值的頁面(像標籤頁、篩選結果頁)
  • 修好壞掉的連結(404 頁面)
  • 避免無限迴圈的 URL 結構
  • 確保 Sitemap 只包含你真正想被索引的頁面

Canonical 標籤

如果你的網站上有內容相同或非常相似的多個頁面(比如同一個產品在不同分類下有不同的 URL),canonical 標籤可以告訴 Google:「這幾個頁面的內容是一樣的,請把排名權重集中到這一個。」

<link rel="canonical" href="https://yourdomain.com/the-main-page" />

這個標籤非常重要但很容易搞錯。常見的錯誤包括:自我參照的 canonical 忘了加、canonical 指向的頁面本身是 404、不同語系版本的頁面 canonical 設錯。

爬取與索引的運作流程:從 Googlebot 發現頁面到出現在搜尋結果的完整路徑

行動裝置適配:Google 看的是手機版

從 2019 年開始,Google 就全面採用 Mobile-First Indexing,意思是 Google 主要看的是你網站的手機版本。如果你的手機版缺少某些內容、或是排版體驗很差,排名就會受影響——就算你的桌面版做得再好。

行動裝置適配要注意的事:

響應式設計(Responsive Design):這是目前 Google 推薦的做法。同一個 URL、同一份 HTML,用 CSS 根據螢幕寬度來調整排版。不要用獨立的手機版子網域(像 m.yourdomain.com),那會造成各種 SEO 問題。

文字大小:手機上的字體不要小於 16px。太小的字使用者看不清楚,Google 也會扣分。

可點擊元素的間距:按鈕和連結之間要有足夠的距離,不然手指很容易點錯。Google 建議可點擊元素之間至少有 8px 的間距。

不要用 Flash 或其他手機不支援的技術:這在 2026 年應該已經不是問題了,但還是偶爾會碰到。

檢測方式:用 Google Search Console 的「行動裝置可用性」報表可以看到手機版的問題。另外,Chrome 的開發者工具可以模擬各種手機螢幕尺寸,讓你直接看到實際的顯示效果。

結構化資料:讓搜尋結果更吸睛

結構化資料(Structured Data)是一種用特定格式標記你頁面內容的方式,讓 Google 更精確地理解你的內容是什麼。

用了結構化資料之後,你的搜尋結果可能會出現「複合式搜尋結果」(Rich Results),比如:

  • FAQ 展開:直接在搜尋結果裡顯示常見問答
  • 星等評分:產品或服務的評分星星
  • 麵包屑導航:顯示頁面在網站中的位置
  • 文章資訊:作者、發布日期、縮圖
  • 產品資訊:價格、庫存狀態

這些額外的資訊會讓你的搜尋結果比競爭者的更醒目,點擊率自然會更高。

結構化資料最常用的格式是 JSON-LD,放在頁面的 <head> 裡。一個文章的結構化資料大概長這樣:

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "技術 SEO 完全攻略",
  "author": {
    "@type": "Organization",
    "name": "SEM.tw"
  },
  "datePublished": "2026-02-04"
}

你可以用 Google 的複合式搜尋結果測試工具來驗證你的結構化資料有沒有錯誤。

對中小型網站來說,最值得加的結構化資料類型是:Article(文章)、FAQ(常見問答)、LocalBusiness(本地商家)、Product(產品)。不需要一次全部做完,挑對你最有幫助的先做。

HTTPS 與網站安全

HTTPS 已經是 Google 的排名因素之一(雖然權重不大,但加上去沒壞處)。更重要的是,沒有 HTTPS 的網站在 Chrome 瀏覽器裡會被標示為「不安全」,這會嚴重影響使用者的信任感。

確保 HTTPS 正確的幾個檢查點:

  • SSL 憑證沒有過期
  • 所有頁面都是用 https 而不是 http
  • http 的請求有正確重新導向到 https
  • 沒有「混合內容」問題(頁面是 https 但裡面載入了 http 的圖片或腳本)

另外,網站安全的基本措施也會影響 SEO。如果你的網站被駭客入侵、被植入惡意程式碼或垃圾連結,Google 可能會直接把你的網站從搜尋結果中移除。保持 CMS 和外掛的更新、使用強密碼、定期備份——這些基本的安全措施不能省。

Google Search Console:你的技術 SEO 儀表板

如果你只能用一個工具來做技術 SEO,那就是 Google Search Console(簡稱 GSC)。它是免費的,而且提供的資訊都是來自 Google 本身——比任何第三方工具都準確。

GSC 裡面你應該定期檢查的報表:

索引狀態報表:告訴你 Google 知道你有多少頁面、成功索引了多少、哪些頁面有問題。如果你發現應該被索引的頁面沒有被索引,這裡會告訴你原因。

成效報表:可以看到你的網站在搜尋結果裡的曝光次數、點擊次數、平均排名和點擊率。用來追蹤 SEO 成效最直接。

行動裝置可用性:列出手機版的問題,像是文字太小、可點擊元素太靠近等。

Core Web Vitals:直接看到你的網站的 LCP、INP、CLS 數據,包括需要改善的頁面。

Sitemap:提交和監控你的 XML Sitemap 狀態。

手動操作:如果 Google 認為你的網站違反了他的品質指南(比如有不自然的連結),會在這裡通知你。這是最嚴重的問題,看到通知要立刻處理。

建議至少每週看一次 GSC,每月做一次完整的技術 SEO 審查。很多問題如果及早發現,修復起來很簡單。但如果放著不管等到排名掉了才處理,可能要花好幾個月才恢復。

技術 SEO 定期檢查清單:每週、每月、每季該檢查的項目與使用工具

技術 SEO 的優先順序

如果你不知道從哪裡開始,以下是我們建議的優先順序:

立即處理(第一週):

  1. 確認 robots.txt 沒有擋住重要頁面
  2. 確認 Sitemap 存在且已提交給 GSC
  3. 確認 HTTPS 正常運作
  4. 檢查 GSC 有沒有嚴重錯誤或手動操作通知

盡快處理(第一個月):

  1. 用 PageSpeed Insights 測速,修復最嚴重的速度問題
  2. 修好 GSC 報告的行動裝置問題
  3. 處理 404 錯誤頁面(設定 301 重新導向或恢復頁面)
  4. 檢查並修正 canonical 標籤

持續優化:

  1. 加入結構化資料
  2. 進一步優化 Core Web Vitals
  3. 監控 crawl budget 的使用效率
  4. 定期清理無價值的索引頁面

技術 SEO 不是一次做完就結束的工作。網站會持續更新內容、改版設計、增加功能——每次改動都可能產生新的技術問題。養成定期檢查的習慣,比出了問題再來救火要有效得多。

如果你的網站需要專業的網站架設與技術支援,確保網站在技術層面符合 SEO 最佳實踐,一個好的技術基礎能讓你的 SEO 成效事半功倍。