About and site identity
Project facts, maintainer links, and WebPage relationships
A living showcase for Astro
ASTRO-SEO-COMPLEMENT DEMO
A public demo of metadata and JSON-LD generated with astro-seo-complement.
No extra dependencies
This site is a small, reusable editorial template built around astro-seo-complement. Each route pairs useful semantic HTML with explicit metadata and a schema graph you can inspect in the page source.
Use the examples as a reading path: start with the project context, browse the editorial notes, then compare the page types when you need a Product, FAQ, HowTo, or BreadcrumbList pattern.
Explore the supported use cases
Blog notes
Three real content entries with BlogPosting metadata
Editorial article
A complete NewsArticle with publisher and dates
Product offers
Clearly labeled illustrative Product data
Reviews
Clearly labeled illustrative Review data
Frequently asked questions
FAQPage with visible, complete answers
How-to guide
A five-step HowTo with a twenty-minute estimate
Breadcrumbs
Visible navigation mirrored in structured data
What to inspect
Metadata
Canonical URLs, descriptions, Open Graph, Twitter cards, robots directives, authors, and dates are generated from explicit page facts.
JSON-LD
Open each route's inspection panel, then compare the graph with the page source. Visible copy is intentionally aligned with the machine-readable data.
Source and contact
Learn about the project on the About page, visit the GitHub source, or follow the maintainer link there.
Inspect generated JSON-LD
This is the same schema graph emitted by SEO.astro. Expand each branch to inspect the graph as a tree.
View raw JSON
{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://astro-seo-complement.pages.dev/#website","name":"astro-seo-complement Demo","url":"https://astro-seo-complement.pages.dev/","description":"A public demo of metadata and JSON-LD generated with astro-seo-complement.","publisher":{"@context":"https://schema.org","@type":"Organization","@id":"https://astro-seo-complement.pages.dev#organization","name":"astro-seo-complement maintainers","url":"https://astro-seo-complement.pages.dev"}},{"@type":"Organization","@id":"https://astro-seo-complement.pages.dev/#organization","name":"astro-seo-complement maintainers","url":"https://astro-seo-complement.pages.dev/"},{"@type":"ProfilePage","@id":"https://astro-seo-complement.pages.dev/#profilepage","url":"https://astro-seo-complement.pages.dev/","name":"astro-seo-complement Demo","mainEntity":{"@context":"https://schema.org","@type":"Person","@id":"https://astro-seo-complement.pages.dev/#person","name":"astro-seo-complement maintainers","url":"https://astro-seo-complement.pages.dev/"}},{"@type":"Person","@id":"https://astro-seo-complement.pages.dev/#person","name":"astro-seo-complement maintainers","url":"https://astro-seo-complement.pages.dev/","jobTitle":"Open-source maintainers"}]}