Component

JSON-LD

schema.org helpers for Organization/WebSite, articles, FAQ, breadcrumbs, offers, and tool pages. Headless — emits JSON-LD scripts only.

Headless

JSON-LD helpers — emit schema.org in the document

Helpers like SiteGraphJsonLd, ArticleJsonLd, FaqJsonLd, and more inject <script type="application/ld+json">. No visible UI — check View Source or Rich Results Test.

import { SiteGraphJsonLd, ArticleJsonLd } from "atroui"

// Homepage
<SiteGraphJsonLd />

// Journal post
<ArticleJsonLd
  title="…"
  description="…"
  slug="shipping-mvps"
  date="2026-01-01"
/>

This preview mounts SiteGraphJsonLd once — inspect the page source for the graph.

Installation

import { SiteGraphJsonLd, ArticleJsonLd } from "atroui"

Usage

Render in the page (often the root layout or a template). Verify with View Source or Google’s Rich Results Test. Defaults brand to Makershot — override name where needed.

API Reference

Prop	Type	Default	Description
SiteGraphJsonLd.name	string	"Makershot"	Organization / WebSite name.
ArticleJsonLd	title, description, slug, date…	—	Blog/journal article graph.