# Structured Data

> JSON-LD Schema markup for Products, Articles, and FAQs.

- Skill: `j4flmao/structured-data` (Agent Skill)
- Install (CLI): `npx skillmds@latest add j4flmao/structured-data`
- Raw SKILL.md: https://api.skillmd.com/api/skills/j4flmao/structured-data/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: j4flmao (https://skillmd.com/u/j4flmao)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/j4flmao/structured-data

---


# Structured Data

Injecting JSON-LD provides explicit clues about the meaning of a page to search engines, enabling rich results in SERP.

## Workflow

```mermaid
%%{init: {"theme": "default", "flowchart": {"useMaxWidth": true}}}%%
graph TD
    A[Extract Page Metadata] --> B[Format as JSON-LD]
    B --> C[Inject into DOM Head]
    C --> D[Google Rich Results Test]
```

## Example Implementation (React Helmet)

```javascript
import { Helmet } from 'react-helmet';

export function ProductSchema({ product }) {
  const schema = {
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": product.title,
    "image": product.images,
    "description": product.description,
    "sku": product.sku,
    "offers": {
      "@type": "Offer",
      "url": product.url,
      "priceCurrency": "USD",
      "price": product.price,
      "itemCondition": "https://schema.org/NewCondition",
      "availability": "https://schema.org/InStock"
    }
  };

  return (
    <Helmet>
      <script type="application/ld+json">
        {JSON.stringify(schema)}
      </script>
    </Helmet>
  );
}
```