Nuxt SEO / GEO

5W1H 快速總覽

5W1H	說明
What	在 Nuxt 設定 SEO（sitemap / robots / canonical / meta）與 GEO（結構化資料 / llms.txt / Agent-Ready）。
Why	讓網站被搜尋引擎索引與排名（SEO），以及被 AI 引擎理解、引用、操作（GEO/AEO）。
Who	對象是 Googlebot 等搜尋爬蟲 ＋ ChatGPT / Gemini / Claude 等 AI 引擎與代理。
When	SEO 是長年基本功；GEO 是 2025–2026 才成形的新戰場。
Where	幾乎都集中在 nuxt.config.ts + 少數 composable / server API。
How	用 @nuxtjs/seo 生態模組（一次裝齊）＋ Nuxt 內建 useSeoMeta / useSchemaOrg。

1. 先懂觀念與趨勢（為什麼 2026 要同時學 SEO + GEO）

SEO vs GEO / AEO

維度	SEO	GEO / AEO
全名	Search Engine Optimization	Generative Engine / Answer Engine Optimization
對象	搜尋引擎	AI / LLM / AI 代理
目的	搜尋排名	被 AI 理解、引用、操作
核心訊號	關鍵字、內鏈、Core Web Vitals	網站結構、機器可讀性、結構化
代表工具	robots.txt、sitemap.xml	結構化資料（schema.org）、llms.txt

🔑 關鍵趨勢：SEO 與 GEO 正在「脫鉤」

• Lighthouse 13.3（2026-05-07） 新增第五大稽核類別 Agentic Browsing，專測「網站對 AI 代理是否 Agent-Ready」。
• 有趣的立場分歧：
  • Google Search 團隊：「llms.txt 目前不影響搜尋排名，會忽略它。」
  • Google Lighthouse 團隊：卻大力推 llms.txt 並納入稽核。
• 意義：傳統 SEO（排名）與 GEO（被 AI 用）已是兩條不同的軸。同一份網站需兼顧人類體驗與 AI 可用性。

2. Nuxt SEO 生態地圖

Nuxt 的 SEO 幾乎都由 nuxt-seo 生態 提供。推薦直接安裝 @nuxtjs/seo，它一次帶入以下核心：

• nuxt-site-config：🧱 地基（所有模組共用的 url / name）。
• @nuxtjs/sitemap：產生 /sitemap.xml。
• @nuxtjs/robots：產生 /robots.txt + 環境感知索引控管。
• nuxt-schema-org：注入 schema.org 結構化資料。
• nuxt-og-image：自動生成社群分享圖。

# 一次裝齊（推薦）
npx nuxi module add @nuxtjs/seo

GEO 專用的 nuxt-llms 目前不在傘狀模組內，需獨立安裝。

3. 🧱 地基：nuxt-site-config

所有 SEO 模組共用同一份 site 設定，設一次、全體受用。

// nuxt.config.ts
export default defineNuxtConfig({
  site: {
    url: 'https://example.com', // 產 sitemap / canonical 的基準
    name: 'My Site',
    indexable: true,            // 是否允許索引
  },
})

⭐ 核心觀念：環境感知索引

預覽站常常也是公開的，且是 production build，無法靠 NODE_ENV 分辨。解法是使用環境變數 NUXT_SITE_INDEXABLE=false 來控制預覽站自動阻擋爬蟲。

4. Meta 標籤：useSeoMeta（Nuxt 內建）

// 任一 page 的 script setup
useSeoMeta({
  title: '文章標題',
  description: '頁面描述（給搜尋摘要與 AI）',
  ogImage: 'https://example.com/og.jpg',
  twitterCard: 'summary_large_image',
})

5. 🤖 GEO / Agent-Ready 專章

Lighthouse Agentic Browsing 稽核 4 項

1. llms.txt：給 LLM 的網站摘要與導覽。
2. WebMCP：讓 AI 直接操作網站的標準介面。
3. Accessibility Tree：AI 代理靠語意樹理解頁面（高度依賴語意化 HTML + ARIA）。
4. CLS：版面跳動會讓 AI Agent 點錯，保持低 CLS 非常重要。

💡 心法：GEO 的地基其實是無障礙 + 效能——把 Accessibility 和 CLS 顧好就贏了一半，這兩項傳統 SEO 也完全受用。

6. 心法總結

1. 先地基後上層：site.url + site.indexable 設對，其餘模組才會正常運作。
2. SEO 是必修、GEO 是選修但正在變必修：結構化資料同時服務兩者，CP 值最高，務必先做。
3. 環境感知別漏：預覽站一定要加上 NUXT_SITE_INDEXABLE=false。
4. 量測再決策：跑 Lighthouse Agentic Browsing 看真實分數，別憑感覺補東西。