SEO
Integriert die Yoast-SEO-Analyse in den Payload-CMS-v3-Editor mit SERP-Vorschau, Keyphrase-Checks und Lesbarkeitsbewertung.
Installation
pnpm add @focus-reactive/payload-plugin-seo Über
Das Plugin bindet die Live-SEO-Analyse von Yoast direkt in den Document-Editor von Payload CMS v3 ein. Für jede konfigurierte Collection wird ein Button in die Toolbar injiziert, der über einen farbigen Statuspunkt den aktuellen SEO-Score anzeigt. Ein Klick öffnet einen Client-seitigen Drawer mit den Tabs Keyphrase, On-page SEO, Readability, Inclusive language, Content vitals und SERP preview. Die Yoast-Engine läuft vollständig im Browser. Das Plugin fügt der Datenbank keine Collections, Globals oder Felder hinzu. Es liest stattdessen die unveränderten Formularwerte des Dokuments und ermittelt Titel, Meta-Description und Slug anhand per Dot-Path konfigurierter Feldpfade. Bei Änderungen im Editor wird die Analyse mit etwa einer Sekunde Debounce erneut ausgeführt. Der Drawer ist ein reines Overlay über dem aktuellen Dokumentzustand. Da kein automatischer Content-Walker existiert, muss für jede Collection ein eigener Content-Extractor über die Option `extractContentPath` registriert werden. Der Extractor erhält die Rohwerte sowie ein Toolkit mit `resolveDocs` und weiteren Helpers, lädt nur die benötigten Relationship- oder Upload-Dokumente über projected API-Calls nach und gibt einen ContentNode-Baum zurück. Das Plugin serialisiert diesen zu HTML, das als Grundlage für die Yoast-Analyse dient. Mehrsprachige Analysen werden über `supportedLocales` unterstützt, wobei der passende Yoast-Sprachpaket bei Bedarf dynamisch importiert wird. Setup: Payload v3 mit Next.js, ein admin.css-Import sowie ein `transpilePackages`-Eintrag in der next.config für `@yoast/search-metadata-previews` und `@yoast/components`. Die Yoast-Engine wird als direkte Abhängigkeit mitgeliefert. Optional sind Next.js 14 oder 15 und React 18 oder 19. Da die gesamte Analyse client-seitig gegen die eigene Payload-API läuft, sind keine Analytics-Accounts oder API-Schlüssel erforderlich.
Paketinformationen
- Paketname
@focus-reactive/payload-plugin-seo- Neueste Version
1.10.1- Entpackte Größe
- 722 kB
- Lizenz
- MIT
- Wöchentliche Downloads
- 205
- Zuletzt veröffentlicht
- 4. Juli 2026
Mehr von focusreactive
Profil ansehenTranslator
Uebersetzt lokalisierte Payload CMS Inhalte ueber steckbare Provider, mit Steuerelementen auf Dokument-, Sammlungs- und Feldebene im Admin-Panel.
Collaborative Comments
Ergänzt Payload v3 um Kommentare auf Dokument- und FeldEbene mit @mentions, E-Mail-Benachrichtigungen, Resolving, Multi-Tenancy und Locale-Filterung.
JSON Form Builder
Bearbeitet json-Felder in Payload als typisierte Admin-Felder und speichert die Werte als einfaches Objekt in derselben Spalte.
A/B Testing
A/B-Testing-Plugin für Payload CMS v3 und Next.js, das Seitenvarianten in bestehenden Collections anlegt und Traffic über Edge-Middleware verteilt.
Visual Editing
Blendet im Frontend Click-to-Edit-Overlays für Draft-Seiten ein, die das passende Feld im Payload-Admin öffnen.
Create Ideal CMS
Interaktive CLI, die ein Payload-CMS-Monorepo mit vorkonfigurierten FocusReactive-Plugins aufsetzt.
Ähnliche Plugins
Mehr in SEOSitemap
Erzeugt sitemap.xml aus Payload-Collections und statischen URLs und legt die Dateien im Storage-Adapter des Projekts ab.
SEO JSON-LD Structured Data
Erzeugt Schema.org-JSON-LD für Produkte, Breadcrumbs, Produktlisten, Website-Suche und Organisationsdaten in Payload-Shops.
Product Reviews
Ergänzt Payload v3 um eine Reviews-Collection mit Sternebewertung, Moderationsstatus und JSON-LD aggregateRating.
SEO Analyzer
Payload-Plugin fuer SEO-Analyse im Editor mit 50+ Checks, Dashboard, Score-Historie, Redirects und IndexNow.
SEO plugin
Ein Plugin zur Verwaltung von SEO-Metadaten im Payload CMS.
SEO Plugin
Fügt Payload-Collections und -Globals SEO-Felder mit Live-Vorschau der Suchergebnisse hinzu.