Next.js SEO：我要如何讓 ChatGPT 引用我的網站？

我需要允許哪一個 OpenAI 爬蟲？

OAI-SearchBot 決定 ChatGPT 搜尋能否顯示您的網站。這三者的工作各不相同，因此請分別封鎖或允許：

// app/robots.ts
import type { MetadataRoute } from "next";

export default function robots(): MetadataRoute.Robots {
  return {
    rules: [
      { userAgent: "*", allow: "/" },
      // ChatGPT 搜尋：必須允許，才能出現在回答中
      { userAgent: "OAI-SearchBot", allow: "/" },
      // 模型訓練：由您決定，它不會影響搜尋
      { userAgent: "GPTBot", allow: "/" },
    ],
    sitemap: "https://www.example.com/sitemap.xml",
  };
}

為什麼文字必須在伺服器算繪？

因為 ChatGPT 的爬蟲讀取您伺服器送出的 HTML，而且不執行 JavaScript。在 App Router 中，頁面預設是 Server Components；載入後才在 Client Component 中取得的文字，不會出現在那份 HTML 裡。請讓頁面保持為 Server Component，只把互動的部分移到標示 "use client" 的檔案中。

每個頁面的 metadata 應該包含什麼？

獨一無二的標題與描述、canonical 網址，以及在多語言網站上的語言替代連結。generateMetadata 會為每個頁面產生它們；Next.js 會把 alternates 轉成 rel="canonical" 與 hreflang 連結。JSON-LD 以一般 script 標籤放在頁面中，並依 Next.js 文件所示跳脫 "<"，而且內容必須與可見文字一致。

// app/guides/[slug]/page.tsx（Server Component：沒有 "use client"）
import type { Metadata } from "next";

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
  const { slug } = await params;
  const page = await getPage(slug);
  return {
    title: page.title,
    description: page.description,
    alternates: {
      canonical: `/guides/${slug}`,
      languages: { "pt-BR": `/pt/guides/${slug}`, es: `/es/guides/${slug}` },
    },
  };
}

export default async function Page({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  const page = await getPage(slug);
  const jsonLd = { "@context": "https://schema.org", "@type": "Article", headline: page.title };
  return (
    <article>
      <script type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd).replace(/</g, "\\u003c") }} />
      <h1>{page.title}</h1>
      <p>{page.answer}</p>
    </article>
  );
}

我要如何像爬蟲一樣測試？

不使用瀏覽器，直接抓取線上頁面，查看答案文字、標題、canonical 與 JSON-LD。如果文字不在原始 HTML 中，ChatGPT 就無法引用它。

# 1. 文字位於原始 HTML 中（不執行 JavaScript）
curl -s -A "OAI-SearchBot" https://www.example.com/guides/my-page | grep -i "答案中的一句話"

# 2. 標題、canonical 與 JSON-LD 也都在
curl -s https://www.example.com/guides/my-page | grep -iE "<title>|rel=\"canonical\"|ld\+json"

# 3. robots.txt 與 Sitemap 的回應
curl -s https://www.example.com/robots.txt
curl -s https://www.example.com/sitemap.xml | grep -c "<loc>"

完美的設定就能被引用嗎？

不能。設定只會讓您的頁面可被閱讀且符合資格；ChatGPT 是依據頁面回答問題的效果來挑選來源。內容仍然必須是對買家所問問題最清楚的回答。