Each listing page has valid JSON-LD with correct Schema.org type

Missing or malformed JSON-LD blocks Google's rich results pipeline entirely. When a directory listing omits a valid <script type="application/ld+json"> block with the correct schema-org LocalBusiness or Place @type, Google cannot generate rich snippets — star ratings, addresses, and hours never appear in SERPs. Listings that lack structured data are effectively invisible in the competitive layer where rich results dominate click-through rates. A JSON-LD object stored in an HTML data- attribute rather than the script's text content is the canonical hallucination failure for AI-generated code: it compiles and renders fine, but search engine parsers skip it completely.

Add a reusable JsonLd component that injects the schema as the script element's inner text, not an HTML attribute. The dangerouslySetInnerHTML pattern is correct here — the input is always JSON.stringify() of a controlled object.

// components/json-ld.tsx
export function JsonLd({ schema }: { schema: object }) {
  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

Use it on every listing page template: <JsonLd schema={{ "@context": "https://schema.org", "@type": "LocalBusiness", ...listing }} />. Validate the output with Google's Rich Results Test.