🎉 新課程《Vibe Coding》早鳥報名中 → 看課程

首頁 / SEO / Technical SEO 全攻略:讓 Google 看懂你的網站

Technical SEO 全攻略:讓 Google 看懂你的網站

SEO 2025.10.08 更新 閱讀時間 17 分鐘
Technical SEO 封面,火柴人結構網絡插圖
// 一句話總結
  • 技術 SEO 管的是機器讀不讀得懂你的網站:速度、架構、索引。

技術 SEO(Technical SEO),是讓搜尋引擎看得懂你網站的「底層優化」。

它不關心你寫了什麼文案、用了什麼關鍵字,也不管你外部連結鋪得多廣,而是問:

說白一點,它處理的是機器怎麼理解網站,而不是人怎麼閱讀內容。

技術 SEO 的關鍵任務:

不是寫得漂亮,而是讓機器「願意看」。

以下這些,就是讓搜尋引擎「順利抓取、正確解析、有效索引、願意排名」的幾個基本功:

以上這些,全部都是 Googlebot 在意的事情。如果你沒做,搜尋引擎會直接當你不存在。

技術 SEO:讓爬蟲抓取 → 索引 → 排名抓取 Crawl索引 Index排名 Rank

怎麼讓 Google 順利抓取你的網站?

先讓爬蟲找得到你,才談得上排名。

技術 SEO 像是在幫 Googlebot 蓋高速公路。你要做的,是掃除每一個會讓它卡住的坑:

每一個小細節,都會決定 Google 要不要「浪費它的資源」來讀你這個網站。

(1) 建立 robots.txt:教 Google 要抓什麼、不抓什麼

你的網站不是全都值得被 Google 看見。

有些頁面只會浪費資源,例如購物車、登入頁、會員中心。

這時你就需要:robots.txt

它是一張給爬蟲的「入場說明」,放在網站根目錄,告訴搜尋引擎該走哪條路、不該進哪個房間。

例如這樣寫:

建立 robots.txt:教 Google 要抓什麼、不抓什麼

你也可以搭配 <meta name="robots" content="noindex"> 來進一步避免這類頁面被收錄,節省你的 Crawl Budget(爬行預算)。

(2) 提交 XML Sitemap:把地圖交給 Google,別讓它亂走

Google 雖然很聰明,但不是超能力。

你要主動把網站地圖(Sitemap)交給它,才會加快新頁面被發現的速度、降低爬錯頁的機率。

怎麼交?

  1. 用 Yoast、Rank Math 或其他工具產生 sitemap.xml
  2. 打開 Google Search Console
  3. 點進「網站地圖」區塊,輸入網址結尾 sitemap.xmlsitemap_index.xml
  4. 點「提交」

優點很多:

就像你要請快遞來收件,還得先給他門牌一樣。

提交 XML Sitemap

(3) 全站強制 HTTPS:網站安全是基本盤

現在的網站,不上 HTTPS 就等於沒穿褲子出門。

Google 早就明講:HTTPS 是排名因素之一 你不開 SSL,加分沒了,信任也沒了,甚至有些瀏覽器會直接跳警告頁面。

三步驟上 SSL:

  1. Let’s Encrypt 或主機供應商申請憑證
  2. 安裝到伺服器(cPanel 通常一鍵安裝)
  3. 設定 301 重定向,把 HTTP 強制導向 HTTPS

還要記得更新以下項目:

網址左邊如果出現一個小鎖頭,代表你成功了。

強制 HTTPS 與安全性

(4) 統一 URL / www 設定:別讓 Google 以為你有四個網站

統一 URL / www 設定

這件事,很多網站都忘了做,但影響超級大。

Google 會把以下四個網址當成不同頁面

如果同一篇內容出現在不同網址上,Google 會以為你在「重複內容」,結果權重分散,排名受損。

解法很簡單:

  1. 選一個版本當作你的「唯一真命天子」(例如 https://domain.com
  2. 把其他三個版本全部用 301 重定向 導過來
  3. .htaccess 或 Nginx 設定,或請主機商幫你設
  4. httpstatus.io 測試一下四種版本是否都正確跳轉

最後一步:到 Google Search Console 裡,把「首選網域」也設成一致版本,並更新 sitemap 裡的網址,讓所有格式統一。

別讓 Google 認錯你是誰,你只有一個網站,不是四胞胎。

網址一致性

(5) 控制站內層級深度(Click Depth):重要內容別埋太深

Googlebot 就像你一樣懶。

點太多層才看到的內容,它可能乾脆就不看了。

所以,如果有某些頁面很重要(像是產品主頁、轉換頁、核心服務),它們必須3 次點擊內可達首頁

也就是說:

點首頁 → 分類 → 目標頁,就該結束。

實施方式:

控制站內層級深度 (Click Depth)

(6) 修正破損連結(Broken Links):每一個 404,都是用戶在生氣

你知道嗎?

當一個使用者點進頁面,結果是 404,他心裡只會想:「這網站不可靠。」

而 Google 也會想:「這網站不值得推薦。」

破損連結不只讓人失望,更會拖垮你的 SEO 表現。

怎麼處理?五步驟來了:

  1. 掃描網站 用工具如 Screaming FrogSitebulbAhrefsGeekflare 把壞連結找出來。
  2. 分類處理
    • 能更新的連結,立刻換成正確網址
    • 找不到內容的,就刪掉它
    • 有替代頁面的,就設 301 轉址過去
  3. 驗證更新 所有修正後,再掃一次,確保沒留下任何漏網之魚。
修正破損連結 (Broken Links)

(7) 移除重定向鏈(Redirect Chains):A→B→C→D,Google 走到暈船

你可能設定過 301 重定向,但有想過它可能正在彼此堆疊嗎?

當一個頁面跳好幾次才到目的地,搜尋引擎和用戶都會覺得慢、煩、亂。

正確做法:

→ 把 A 直接導向 D,中間的 B、C 刪掉。 → 用 SitebulbScreaming Frog 把鏈式重定向找出來,一次清乾淨。

(8) 設定 301 永久重定向:讓權重跟著走,不要中途斷線

什麼是 301?

簡單說,它就是「我搬家了,請幫我把舊的 SEO 分數也帶來新家。」

常見情境:

操作方式:

(9) 管理 Crawl Budget:Google 願意來爬,但你有浪費它的時間嗎?

Google 並不會無限抓你網站的內容。 它有一個「Crawl Budget(抓取預算)」分配給你,簡單說就是:

「我每天願意爬你網站 100 頁,你要不要把握?」

但如果你有幾百個沒人看的標籤頁、搜尋結果頁、空內容頁… 那麼 Google 就會浪費時間在這些「廢頁」,重要頁反而被忽略。

改善策略如下:

簡單講,把網站當成一座飯店,Google 是食神,你該把好菜端上桌,不要讓他吃剩菜。

怎麼確保網頁被正確索引?

你網站頁面再多,Google 要的是「精」不是「全」

不是你寫什麼,它就會收什麼。重複、錯版、語系搞混的話,只會讓權重亂跑、排名下滑。

所以這一段,我們來處理三件事:

(1) Canonical:讓 Google 知道誰是「老大頁」

很多人以為網址不同=內容不同,但實際上…

這時候你就需要用:<link rel="canonical">

簡單講,就是跟 Google 說:

「嘿,雖然這幾頁內容很像,但這一頁才是正宮,其他只是分身。」

Canonical 實戰情境

狀況問題Canonical 解法
追蹤參數頁 (?utm=?color=red…)同內容出現多 URL所有參數頁 → canonical 到主頁
HTTP / HTTPS (HTTP / HTTPS, www / non-www)技術重複搭配 301 + canonical 指向 https
分頁 / 列印版 (/page/2/?print=1)內容分段或轉格式用 canonical 回到主頁
外站轉載內容被鏡像要求對方設 canonical 指回你原文
A/B 測試多版面同內容測試頁 → canonical 指向控制版

就算你標了 canonical,Google 也會綜合評估 301、內容相似度、內部連結等訊號來「判斷信不信你」。

(2) Hreflang:語言版本不要互打!

你有中英文版、繁簡轉換頁嗎?

沒設 hreflang,Google 可能會當成重複內容。

那後果是什麼?

解法就是這段語法:

<link rel="alternate" hreflang="zh-Hant" href="https://example.com/tw/" />
<link rel="alternate" hreflang="zh-CN" href="https://example.com/cn/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

(3) Noindex / Nofollow:Google 不是你什麼都要給

有些頁面不該被收錄,像是:

這時你就該下 noindex

<meta name="robots" content="noindex, nofollow" />

用途拆解如下:

標籤作用
noindex頁面不進搜尋結果
nofollow不傳遞頁內的連結權重

WordPress 使用者可以用 Rank Math 或 Yoast 插件設定這些標籤,搭配 robots.txt 做更細緻的控管。

(4) 補齊 Meta 標籤:你的標題決定你有沒有被點開

Meta Title、Meta Description 是你在 Google 搜尋結果中的第一印象。

沒寫?重複?過長被截斷?你的點擊率會直接受害。

修正流程:

  1. Screaming FrogSitebulb 掃網站
  2. 找出「缺標題」、「重複」、「超過長度」的頁面
  3. 為每頁撰寫獨特、吸睛、跟內容匹配的 Meta 資訊
  4. 儲存後記得重新送出 sitemap、讓 Google 重新讀取

(5) 檢查 Index Coverage:誰上榜、誰被踢出?

登入 Google Search Console

左側選單點「索引 → 涵蓋範圍」

你會看到:

點進錯誤類型,照提示修就對了。

(6) Content Pruning:刪掉爛頁,拉高整體品質

不是所有頁面都該活著。 Google 評估你的網站整體內容品質,有太多「沒價值頁」,主頁也會跟著被拖累。

建議定期執行 Content Pruning(內容修剪)

可以砍掉的頁面:

處理方式:

總結一句話:

索引乾淨,Google 才會專心

要讓搜尋引擎幫你,先讓它知道該看誰、不該理誰。

// 免費檢查表

搜尋排名,是一條一條檢查出來的

SEO 不能憑感覺。我把 80 項確認有效的指標整理成一張表,照著打勾,排名就會在搜尋結果裡往上移。

P.S. 一週寄一封電子報,不喜歡退訂兩秒鐘 ✏️

怎麼優化網站速度與體驗?

網站有多快,訪客就有多留。 根據 Trinity.One 的研究指出:

5 秒沒開完,有 37% 的人直接關掉 每多 1 秒,轉換率平均下降 7%

這不是小數字。這是你花了廣告費才引來的潛在客戶,在 Loading 畫面前全數逃走。

所以,提升網站速度,不只是體感問題,而是直接影響營收與排名的關鍵。

提速六大核心方向:

  1. 圖片壓縮與格式轉換 改用 WebP、壓縮 JPEG/PNG,檔案一小,載入自然快。
  2. 啟用 GZIP / Brotli 壓縮 壓縮 HTML、CSS、JS 等傳輸內容,減少高達 70% 的流量。 通常主機 / CDN 後台可一鍵啟用。
  3. 使用快取(Cache)機制 插件如 WP Rocket、Breeze 讓頁面預先儲存,不用每次都重建。 對伺服器是一大減壓。
  4. 最小化 JS / CSS 移除沒用的空格、註解、換行,檔案精簡=載入更快。
  5. 佈署 CDN(內容傳遞網路) 用戶從最近的節點抓資料,而不是橫跨半個地球找你主機。
  6. 選對虛擬主機 / 雲端主機 Cloudways、Kinsta 這類 SSD 儲存、支援全球節點的主機商,效能不是便宜貨能比的。

工具推薦:使用 Google PageSpeed InsightsGTmetrixWebPageTestPingdom 分析網站速度。

(1) Core Web Vitals:Google 對「體驗」的打分標準

Google 不只看你有沒有內容,也看你的網站體驗好不好

它給了三個核心指標,統稱 Core Web Vitals:

指標全名意思建議標準
LCPLargest Contentful Paint主內容多久才出現≦ 2.5 秒
FIDFirst Input Delay首次點擊反應延遲≦ 100ms
CLSCumulative Layout Shift版面會不會跳≦ 0.1

想排上首頁,這三項不能紅燈。

Core Web Vitals 三指標LCP最大內容載入時間FID/INP互動延遲CLS版面位移

改善建議如下:

🔍 檢查工具:

(2) 選對主機,不怕網站慢半拍

網站跑不快,主機是根本原因之一。

選擇主機時要看以下指標:

面向標準
穩定度上線率 ≥ 99.9%
硬體資源SSD+足夠 RAM/CPU
客服支援7x24 線上回應
安全性SSL、WAF、防駭、每日備份
彈性擴充可因應流量隨時升級

推薦平台:CloudwaysKinsta

(3) 佈署 CDN:縮短距離就是加速

CDN(Content Delivery Network) 就像開分店,讓你離用戶更近。

佈署步驟如下:

  1. 選供應商(如 CloudFlareKeyCDNStackPathBunnyCDN......)
  2. 註冊帳戶,輸入網站網址
  3. 調整快取規則、開啟安全功能
  4. 修改 DNS,讓網站流量經由 CDN 節點傳遞

效果不只是速度,還包含:

檢查網站伺服器位置

(4) 啟用 GZIP / Brotli 壓縮:傳輸資料不要胖胖的

原始 HTML / CSS / JS 不壓縮 = 傳輸一堆廢話 一壓就省 70%↑ 的流量

工具:用 GZIP 檢查工具 測看看你啟用沒

(5) 升級 HTTP/2 或 HTTP/3:現代網路不該用舊版本

🔧 沒支援?直接問主機商:「我想升級 HTTP/2 或 HTTP/3」

測試工具:KeyCDN HTTP/2 測試

(6) 配置快取(Cache):讓頁面秒開不是夢

Cache 就像提前準備好的靜態頁面,不用每次都「重煮一鍋湯」。

WordPress 使用者建議:

效果:伺服器減壓、速度飆升、使用者超有感

(7) 最小化 JS / CSS:清掉沒必要的肥肉

(8) 圖片壓縮 & 格式轉換:最容易拖慢速度的就是圖片

建議規格:

✅ 推薦工具流程:

  1. Befunky:先裁切圖片尺寸
  2. Tinyjpg:壓縮圖片大小
  3. WordPress 用戶:裝 ShortPixel(每月免費壓縮 100 張)

建議圖片格式用 WebP / AVIF,壓縮效果更好、畫質也穩定

(9) Lazy Load vs Preload:只載該載的,快又穩

Lazyload(延遲載入)

原理:只載目前螢幕上看的到的東西 適用:圖片、影片、iframe、地圖…

Preload(預先加載)

原理:提前幫你載入關鍵資源(雖然畫面還沒用到) 適用:CSS、JS、字型、首圖

最佳策略:

不要亂 preload 太多,會拖慢初始載入!

(10) 更新 CMS / 主題 / 外掛:舊軟體 = 慢 + 漏洞 + 錯誤

更新前記得:先備份!

(11) 資料庫優化:清掉那些沒人在乎的垃圾

高階玩法(若熟悉 MySQL): 用 phpMyAdmin 執行 OPTIMIZE TABLE,但務必備份!

(12) JavaScript SEO:你的網站 Google 看得懂嗎?

現在很多網站用 React、Vue 做前端頁面,但如果只靠 JS 呈現內容,Google 可能看不到主內容

三種解法:

  1. SSR(Server-Side Rendering) 用 Next.js 等架構讓內容「在伺服器就生成好 HTML」
  2. Prerendering 預先渲染 HTML 給爬蟲看(可用 Netlify、Scully)
  3. Dynamic Rendering 判斷是爬蟲就回傳 HTML,正常訪客才給 JS 頁(工具如 Rendertron、Prerender.io)

測試方式:

(13) 防範 Negative SEO:你的對手可能偷偷在搞你

黑帽攻擊常見手法:

防護建議:

(14) 行動裝置友好度(Mobile-Friendly):手機版沒搞好,就別談排名

Google 已全面採用「行動優先索引」。 你網站手機版跑不動?排版爆炸?字太小?直接被判出局。

工具檢查:Google Mobile-Friendly Test

提升建議:

行動裝置友好度 (Mobile-Friendly)

附錄:技術 SEO 工具箱 (免費+進階)

「工欲善其事,必先利其器」 想要做好 SEO,工具不只是輔助,而是關鍵戰力!

這裡幫你整理好 關鍵字研究 → 內文優化 → 外鏈建設 → 技術健檢 所需的 SEO 工具清單,一套打通所有環節。

關鍵字研究 Keyword Research

發現用戶在 Google 上 真的在搜什麼

文章規則 On-page SEO 工具

幫你的每篇文章打好基本功、塞好標籤、站穩關鍵字

反向連結建設 Link Building

查看對手的連結策略,建立自己的外部信任網

技術性 SEO 工具 Technical SEO

網站體檢、結構優化、錯誤修補的核心武器

結語:會用工具,是 SEO 的真正門檻

不是你內容寫得好、外鏈多,Google 就會把你放在第一名。

你要:

工具不只加快流程,更讓你知道「問題在哪裡」與「怎麼補強」

// 免費檢查表

搜尋排名,是一條一條檢查出來的

SEO 不能憑感覺。我把 80 項確認有效的指標整理成一張表,照著打勾,排名就會在搜尋結果裡往上移。

P.S. 一週寄一封電子報,不喜歡退訂兩秒鐘 ✏️

技術 SEO 和內容 SEO 差在哪?
技術 SEO 管的是「機器讀不讀得懂你的網站」(架構、速度、索引),不管文案寫得好不好。
技術 SEO 要顧哪幾大塊?
三塊:抓取與基礎架構、索引與內容訊號、速度效能與使用者體驗。
網站載入要多快才及格?
建議控制在 3 秒內,超過使用者就會跳走。
哪些頁面該擋著不讓爬蟲抓?
購物車、登入頁、會員中心這類只會浪費 crawl budget 的頁,用 robots.txt 擋掉。