SEO

About

The plugin brings Yoast-style live SEO analysis into the Payload CMS v3 document editor. It injects a button into the toolbar of each configured collection, and clicking it opens a drawer that runs the Yoast analysis engine entirely in the browser. The drawer surfaces keyphrase optimization, on-page SEO checks, readability, inclusive language, content vitals, and a Google SERP preview, with a colored status dot on the toolbar button reflecting the overall score. It adds no collections, globals, or fields to the database. Instead it reads the live, unsaved form values of the document and derives the title, meta description, and slug from dot-path configuration you supply per collection. Analysis re-runs on a roughly one-second debounce as editor values change, so the drawer is a pure read-only overlay on top of the current document state. Because there is no built-in content walker, you must register a content extractor per collection through the required `extractContentPath` option. The extractor receives the raw form values plus a toolkit with `resolveDocs` and helpers, fetches only the relationship or upload documents it needs through projected API calls, and returns a content node tree the plugin serializes to HTML for Yoast. Multilingual analysis is supported through `supportedLocales`, which dynamically loads the matching Yoast language pack on demand. Setup requires Payload v3 with Next.js, an admin CSS import, and a `transpilePackages` entry in next.config for two Yoast UI packages. The Yoast engine ships as a direct dependency, so you do not install it yourself. Optional peers include Next.js 14 or 15 and React 18 or 19. No analytics accounts or API keys are needed because all work happens client-side against your own Payload API.

Package info

Package name

@focus-reactive/payload-plugin-seo

Latest version

1.10.1

Unpacked size

722 kB

License

MIT

Weekly downloads

127

Last publish

Jul 4, 2026