Docusaurus 1.x has no config hook for arbitrary <head> tags, and the
verifier reads the served HTML without running JS, so the homepage tag is
injected during the deploy assemble step. The playground ships it in its
own index.html, in case /playground/ is registered as a separate property.
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
The playground had no page copy for search engines to match: the title
said "Diagram as Code in your browser" and the app itself is a tool UI
with almost no prose, so queries like "python diagrams online" had
nothing to rank against.
- Retitle to "Diagrams Playground — Online Python Diagram Editor" and
rewrite the description around what people actually search for
- Add WebApplication structured data (free, browser-based dev tool)
- Add a docs page, Online Playground, with real content about the tool,
linking to it and back to the installation guide
- Use descriptive anchor text ("online playground") in the README and docs
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Search engines and social crawlers previously saw an empty page: the
playground shipped a bare <div id="root"> with no description, canonical,
or Open Graph tags — so shared links (the playground's own core feature)
rendered without a preview card.
- Add meta description, canonical URL, and Open Graph / Twitter cards
with a generated 1200x630 preview image
- Ship static fallback content inside #root, replaced by React on mount,
so crawlers and card bots (which never run JS) read real content
- Promote the app title to a proper <h1>
- Register /playground/ in the sitemap during deploy
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
A browser-based playground for the diagrams library: write Python, see
the rendered diagram instantly. Runs the real diagrams package
client-side via Pyodide (WASM) — fully static, no backend.
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
MinJae Kwon