Next.js SEO: Wie wird meine Website von ChatGPT zitiert?

Welchen OpenAI-Crawler muss ich zulassen?

OAI-SearchBot entscheidet, ob die ChatGPT-Suche Ihre Website zeigen kann. Die drei haben unterschiedliche Aufgaben, sperren oder erlauben Sie sie deshalb getrennt.

// app/robots.ts

export default function robots(): MetadataRoute.Robots {
  return {
    rules: [
      { userAgent: "*", allow: "/" },
      // ChatGPT-Suche: muss zugelassen sein, um in Antworten gezeigt zu werden
      { userAgent: "OAI-SearchBot", allow: "/" },
      // Modelltraining: Ihre Entscheidung, sie entscheidet nicht über die Suche
      { userAgent: "GPTBot", allow: "/" },
    ],
    sitemap: "https://www.example.com/sitemap.xml",
  };
}

Warum muss der Text serverseitig gerendert sein?

Weil die Crawler von ChatGPT das HTML lesen, das Ihr Server ausliefert, und kein JavaScript ausführen. Im App Router sind Seiten standardmäßig Server-Komponenten. Text, der nach dem Laden in einer Client-Komponente abgerufen wird, fehlt in diesem HTML. Lassen Sie die Seite eine Server-Komponente sein und verlagern Sie nur die interaktiven Teile in Dateien mit "use client".

Was sollten die Metadaten jeder Seite enthalten?

Einen eindeutigen Titel und eine eindeutige Beschreibung, eine kanonische URL und auf mehrsprachigen Websites die Sprachalternativen. generateMetadata baut sie für jede Seite; Next.js macht aus den Alternativen rel="canonical"- und hreflang-Links. JSON-LD gehört als einfaches script-Tag auf die Seite, mit "<" maskiert, wie es die Next.js-Doku zeigt, und muss dasselbe sagen wie der sichtbare Text.

// app/guides/[slug]/page.tsx (eine Server-Komponente: ohne "use client")

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>
  );
}

Wie teste ich es wie ein Crawler?

Rufen Sie die Live-Seite ohne Browser ab und suchen Sie nach dem Antworttext, dem Titel, der kanonischen URL und dem JSON-LD. Steht der Text nicht im rohen HTML, kann ChatGPT ihn nicht zitieren.

# 1. Der Text steht im rohen HTML (ohne dass JavaScript läuft)
curl -s -A "OAI-SearchBot" https://www.example.com/guides/my-page | grep -i "a sentence from the answer"

# 2. Titel, kanonische URL und JSON-LD sind ebenfalls vorhanden
curl -s https://www.example.com/guides/my-page | grep -iE "<title>|rel=\"canonical\"|ld\+json"

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

Bringt ein perfektes Setup mir eine Zitierung?

Nein. Das Setup macht Ihre Seiten lesbar und zulässig. ChatGPT wählt Quellen danach, wie gut eine Seite die Frage beantwortet. Der Inhalt muss trotzdem die klarste Antwort auf das sein, was Ihre Käufer fragen.