Do I have to use Next.js?

No. GitHub works with any blog built from Markdown or MDX files (Astro, Hugo, Jekyll, Gatsby…), and the webhook is a signed POST to any HTTPS URL, so it works with any stack, and with Zapier, Make or n8n. The Next.js route handler on the integrations page is just a ready-made example.

Can I pull articles instead of receiving them?

Yes. Create an API key on the Developers page and read articles (markdown, HTML, sources, FAQ) with the REST API v1.

How do I verify the webhook?

Check the X-Citable-Signature header (t=…,v1=…) with HMAC-SHA256 over “t.body” using the secret shown once when you connect, and reject timestamps older than 5 minutes. Your endpoint must answer within 10 seconds.

Will AI crawlers read my Next.js site?

If the pages are rendered on the server or statically, yes, unless robots or noindex block them. Citable’s weekly audit checks both from outside.

Can Citable promise AI will cite my site?

No, and nobody can. Citable measures every week how often each AI mentions and cites you, with a confidence range, publishes sourced articles for the gaps and shows when a published URL starts being cited.

Plattformen · Next.js

Ihre Next.js- oder benutzerdefinierte Website, von KI-Suche zitiert.

Auf einer benutzerdefinierten Website befindet sich alles, was KI-Crawler benötigen, direkt in Ihrem Code. Die Prüfung von Citable zeigt Ihnen genau, welche Datei geändert werden muss, misst, ob KI-Systeme Sie zitieren, und liefert die quellenbasierten Artikel direkt an Ihren Blog: als Pull Request mit einer Markdown- oder MDX-Datei in Ihrem Repository oder über einen signierten Webhook bzw. die REST-API.

Starten Sie die 14-tägige kostenlose Testphase Preise ansehen

Warum KI Next.js-Seiten zitiert (oder ignoriert)

Die meisten KI-Crawler führen kein JavaScript aus. Eine serverseitig gerenderte (oder statisch generierte) Seite liefert ihnen den vollständigen Text; eine Seite, die sich erst im Browser aufbaut, hinterlässt sie mit einer leeren Hülle. Bei Next.js kannst du dies seitenweise festlegen, daher lohnt sich ein Check.

Wenn das Audit Next.js erkennt, richtet es sich direkt an den Entwickler: Für jedes Problem wird die genaue Stelle genannt, die geändert werden muss (app/robots.ts, die Metadaten der Seite, app/sitemap.ts…). Die wöchentliche Messung zeigt dann, bei welchen Fragen die KI die Seite eines anderen nutzt, und Citable schreibt die Artikel.

Was bei Next.js im Weg stehen kann

Das wöchentliche Audit von Citable erkennt Next.js und liefert Ihnen für jedes Problem die entsprechenden Lösungsschritte direkt für Next.js.

Inhalte, die nur mit JavaScript angezeigt werden

Wenn der Text erst nach einem clientseitigen Fetch geladen wird, meldet die Prüfung lediglich eine leere JavaScript-Shell oder nur sehr wenig Text. Rendere ihn auf dem Server oder generiere ihn statisch.

robots, Sitemap und llms.txt im Code

robots in app/robots.ts (oder public/robots.txt), die Sitemap in app/sitemap.ts und llms.txt in public/llms.txt. Die Prüfung zeigt Ihnen die korrigierten robots-Regeln an, sobald ein KI-Suchcrawler blockiert wird.

noindex zu allgemein gesetzt

Das robots-Feld in den Metadaten einer Seite oder ein X-Robots-Tag-Header in der next.config kann Seiten verbergen, die zitiert werden sollen. Entfernen Sie diese Einstellung nur auf den entsprechenden Seiten, niemals in der app/layout.tsx: Anmelde-, Warenkorb- oder Suchseiten sollten ihre robots-Einstellungen behalten.

Metadaten, Canonical-Tags und Sprache

Titel und Beschreibung in den Metadaten jeder Seite, das Canonical-Tag in alternates.canonical, die Sprache im <html lang>-Tag in app/layout.tsx und eine <h1>-Überschrift pro Seite.

Prüfen Sie jetzt kostenlos Ihre robots.txt auf KI-Crawler

Next.js mit Citable verbinden

Dauert nur wenige Minuten. Jeder Artikel landet danach in Ihrem CMS – entweder als Entwurf oder direkt veröffentlicht, ganz nach Ihren Einstellungen.

1
Erstellen Sie Ihr Citable-Konto und fügen Sie Ihre Website, Konkurrenten und Kundenfragen hinzu.
2
Öffnen Sie Einstellungen → CMS für die Website und wählen Sie Next.js aus.
3
Installiere die Citable GitHub App in deinem Site-Repository.
4
Überprüfen Sie den Posts-Ordner und die Adresse Ihres Blogs: Wir erkennen diese anhand Ihrer vorhandenen Beiträge.
5
Verbinden. Jeder Artikel wird als Pull Request übermittelt.
6
Wählen Sie auf demselben Tab, wie Artikel veröffentlicht werden sollen: geplant mit einem Genehmigungszeitraum oder nur als Entwürfe.

Das benötigen Sie

Ein Blog, der Markdown- oder MDX-Dateien aus dem Repository liest
Die Citable GitHub App, die in diesem Repository (Integrations) installiert ist

Was Citable über Next.js veröffentlicht

Entwurf oder veröffentlicht

Ein Entwurf entspricht einem offenen Pull Request: Führen Sie einen Merge durch, um ihn zu veröffentlichen. Bei aktivierter automatischer Veröffentlichung übernimmt Citable den Merge nach Ablauf des Freigabefensters (unter Berücksichtigung Ihrer Branch-Schutzregeln). Blog in einer Datenbank? Nutzen Sie den signierten Webhook oder die API v1.

In Next.js nicht veröffentlichen

Wenn dein Blog Markdown- oder MDX-Dateien aus dem Repository liest, verbinde GitHub: Jeder Artikel kommt als Pull Request in deinem Posts-Ordner an, inklusive der Frontmatter-Keys, die du bereits verwendest. Durch das Mergen wird er veröffentlicht (bei automatischer Veröffentlichung mergt Citable den PR nach Ablauf des Zeitfensters für Freigaben, ohne dabei deine Branch-Protection-Regeln zu umgehen). Wenn dein Blog aus einer Datenbank liest, sendet der Webhook title, slug, summary, HTML und Markdown, JSON-LD (Article und FAQPage), Bilder mit Alt-Text, Quellen, Sprache, Tags und Datum, signiert mit X-Citable-Signature. Er sendet „publicar: false“, sofern die automatische Veröffentlichung nicht aktiviert ist (standardmäßig ist sie mit einem Freigabefenster aktiv); dein Empfänger entscheidet, was zu tun ist, und antwortet mit der ID (sowie der URL, falls der Beitrag live geht).

Felder, die wir ausfüllen

Eine Markdown- oder MDX-Datei in deinem Posts-Ordner (content/blog, posts…)
Frontmatter mit den Keys, die deine Beiträge bereits verwenden: title, description, date, tags, image…
Textinhalt in Markdown, mit Bildern, die vom Bildspeicher von Citable verlinkt sind

FAQ

Citable für Next.js: Fragen

Was Leute fragen, bevor sie anfangen. Wenn etwas fehlt, schreib uns.

Schreib uns

Muss ich Next.js verwenden?

Nein. GitHub funktioniert mit jedem Blog, das auf Markdown- oder MDX-Dateien basiert (Astro, Hugo, Jekyll, Gatsby…), und der Webhook ist ein signierter POST-Request an eine beliebige HTTPS-URL. Er funktioniert also mit jedem Stack sowie mit Zapier, Make oder n8n. Der Next.js-Route-Handler auf der Integrationsseite ist lediglich ein fertiges Beispiel.

Kann ich Artikel abrufen, anstatt sie empfangen zu müssen?

Ja. Erstellen Sie einen API-Schlüssel auf der Entwicklerseite und lesen Sie Artikel (Markdown, HTML, Quellen, FAQ) über die REST-API v1.

Wie verifiziere ich den Webhook?

Prüfe den X-Citable-Signature-Header (t=…,v1=…) mittels HMAC-SHA256 über „t.body“ unter Verwendung des Secrets, das dir beim Verbinden einmalig angezeigt wird, und lehne Zeitstempel ab, die älter als 5 Minuten sind. Dein Endpunkt muss innerhalb von 10 Sekunden antworten.

Können KI-Crawler meine Next.js-Website lesen?

Wenn die Seiten auf dem Server oder statisch gerendert werden, ja, sofern sie nicht durch Robots oder noindex blockiert werden. Die wöchentliche Prüfung von Citable überprüft beides von außen.

Kann Citable garantieren, dass KI meine Website zitiert?

Nein, das kann niemand. Citable misst jede Woche, wie oft Sie von den einzelnen KIs erwähnt und zitiert werden – inklusive eines Konfidenzbereichs. Zudem werden quellbasierte Artikel für die Lücken veröffentlicht und angezeigt, ab wann eine publizierte URL zitiert wird.

Weitere Fragen?Wir antworten selbst, normalerweise am selben Tag.

Sehen Sie, was die KI über Sie sagt, bevor Sie etwas verbinden.

Starten Sie die 14-tägige kostenlose Testphase Kostenlosen Bericht erhalten