SEO
SEO 是透過技術與內容策略提升自然搜尋流量與排名的方法：從可索引性、內容相關性到使用者體驗。
定義
SEO（Search Engine Optimization，搜尋引擎優化）是一套提升網站在自然搜尋結果（SERP）可見度的做法，包含技術設定（可索引性、速度、結構化資料）、內容策略（主題與關鍵字）、以及權威性（外部引用與品牌）。
為什麼重要
- 自然流量可長期累積，降低依賴廣告成本
- 技術 SEO 能避免「內容很好但搜不到」的情況
- AEO 時代，結構化與可引用內容會變得更重要
- 良好的 SEO 基礎同時改善使用者體驗（速度、可用性）
- 競爭對手都在做，不做就會被擠出搜尋結果第一頁
- SEO 帶來的流量意圖明確，轉換率通常高於廣告流量
- 開發者主導的技術 SEO 能解決 80% 的可索引性問題
怎麼做（實作重點）
- 先確保可索引：robots / noindex / canonical / HTTP 200
- 補齊 metadata：title / description / OG
- 建立主題群集：教學＋詞彙＋工具頁互相內鏈
- 用 CWV 改善使用者體驗（LCP/INP/CLS）
- 實作 SSR/SSG 或 prerender 確保搜尋引擎能抓到完整 HTML
- 建立結構化資料（JSON-LD）描述實體與關係
- 定期用 Search Console 監控索引狀態與錯誤
範例
html
<!-- 基本 SEO metadata -->
<head>
<title>SEO 入門指南 | Developer SEO Hub</title>
<meta name="description" content="從開發者角度學習 SEO 基礎：技術 SEO、結構化資料、效能優化。" />
<link rel="canonical" href="https://example.com/learn/seo-basics" />
<meta property="og:title" content="SEO 入門指南" />
<meta property="og:description" content="從開發者角度學習 SEO 基礎" />
</head>typescript
// Vite + React prerender 檢查 SEO 必要元素
function validateSEO(html: string, url: string) {
const issues: string[] = [];
if (!html.includes('<title>')) issues.push('Missing title tag');
if (!html.includes('rel="canonical"')) issues.push('Missing canonical');
if (!html.includes('name="description"')) issues.push('Missing meta description');
if (issues.length > 0) console.warn(`SEO issues on ${url}:`, issues);
}相關連結
常見問題
關於這個詞彙的常見問答。