SEO 搜尋引擎最佳化

讓搜尋引擎更容易理解並收錄你的頁面。

先用一句話理解

英文全名：Search Engine Optimization

讓搜尋引擎更容易理解並收錄你的頁面。

打個比方

像幫店面掛清楚招牌與分類，讓路人找得到。

什麼時候會遇到

內容網站、工具頁、Landing Page、需要自然流量的產品。

再往深一點看

SEO 的核心工作是讓 Google 這類搜尋引擎的爬蟲能夠順利讀取、理解你的頁面，並判斷它值得在搜尋結果中排名靠前。這涉及三個層面：技術面（頁面能被爬蟲存取、載入夠快、URL 結構清晰）、內容面（頁面真正解答了搜尋者的問題）、以及連結面（其他網站引用你的頁面，增加信任度）。metadata 是 SEO 的材料之一——title 和 description 告訴搜尋引擎這頁在說什麼——但光有 metadata 不夠，搜尋引擎更看重內容本身有沒有實質幫助。Next.js 的 App Router 提供 generateMetadata 函式，讓每個動態頁面都能輸出個別化的標題與摘要，是做 SEO 友善產品的常見起點。

舉個例子

你做了一個「台北咖啡廳推薦」工具頁，在 Next.js 裡用 generateMetadata 設定 title 為「台北最好喝的咖啡廳 2025｜你的品牌名」、description 為精確描述頁面內容的兩句話，並確認頁面在 3G 網路下 LCP 在 2.5 秒以內。幾週後，Google Search Console 顯示這頁開始出現在相關搜尋結果的第一頁。

常見誤解

- 用 React SPA 做內容頁面，但沒做 SSR 或 SSG——Googlebot 雖然能執行 JavaScript，但索引時機會延遲且不穩定，內容出現在搜尋結果的時間可能比 SSR/SSG 頁面慢上數天甚至更久。內容頁強烈建議用 SSR 或 SSG，確保爬蟲第一次抓到的 HTML 就已經有完整內容。
- 只塞關鍵字在 title 和 description，但頁面內容薄弱、沒有解決搜尋者實際問題，排名短暫出現後因為跳出率高而快速下滑。
- 所有頁面共用同一個 title 和 description，搜尋引擎無法區分各頁面的主題，也讓使用者在搜尋結果看到重複的標題不知道要點哪個。