SEO 是什麼？前端工程師的搜尋引擎最佳化實作入門

SEO（Search Engine Optimization，搜尋引擎最佳化）是透過了解搜尋引擎的運作規則來調整網站，讓網頁在搜尋結果中獲得更好的排名與曝光。它不是某個可以安裝的套件，而是一連串散落在標記、結構、效能與內容裡的決定。

對前端工程師來說，重點是分清楚哪些事情自己動得到。關鍵字要怎麼挑、文章要寫什麼，通常不是工程師說了算；但 <head> 裡放了哪些標籤、網址長什麼樣子、爬蟲能不能讀到內容、圖片載入多久，全部都寫在程式碼裡。

SEO 的三個組成

外界談 SEO 時，經常把三件不同的事混在一起講。先把它們分開，才知道問題該找誰處理。

這個系列聚焦在 技術 SEO，並延伸到站內 SEO 中與標記有關的部分。詳細的責任界線請見技術 SEO 的責任範圍與檢查清單。

搜尋結果頁上同時存在付費廣告與自然搜尋結果，兩者的邏輯完全不同。

工程師要留意的是「生效速度慢」這一點：修正上線之後搜尋引擎不會馬上知道，得等重新爬取，或主動用 Google Search Console 提交網址。

下表是這個系列會逐一展開的十個施力點，每一項都直接對應到程式碼裡的某段標記或某個設定。

範圍	動的是什麼
檔頭 meta 標籤	`<head>` 裡影響搜尋結果與社群預覽的標籤
索引控制	`robots.txt`、`sitemap.xml`、`canonical` 與狀態碼
語意化結構	標題階層、地標元素、內部連結與錨點文字
結構化資料	以 JSON-LD 描述頁面內容，爭取複合式搜尋結果
網站體驗核心指標	LCP、INP、CLS 三項使用者體驗的量化指標
圖片最佳化	格式、響應式尺寸、延遲載入與替代文字
字型與資源載入	中文字型體積、阻塞渲染的樣式與程式碼
渲染模式	用戶端渲染、伺服器端渲染與靜態產生的取捨
多語系標記	語言與地區代碼、繁簡中文的對應關係
檢測工具	Lighthouse、Search Console 與自動化稽核

如果您完全沒接觸過 SEO，建議依這個順序：

如果您要的是一份上線前的檢查表，直接跳到技術 SEO 的責任範圍與檢查清單。

這些說法都不成立

提交網址就會馬上排第一：提交只是讓搜尋引擎知道有這一頁，排名仍由內容品質決定。
meta keywords 很重要：Google 早已不採用這個標籤，細節見關鍵字 meta keywords 。
Lighthouse 拿到 100 分就等於 SEO 做完了：那一項只檢查少數幾個機械式條件，見 Lighthouse 與 PageSpeed Insights 。
結構化資料會直接提升排名：它爭取的是搜尋結果的呈現方式，不是排名本身。