メニュー
Generate and validate JSON-LD structured data (Schema.org) for pages/routes. Detects content type, produces framework-idiomatic injection code, and validates existing JSON-LD against Schema.org specs.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/charlesjones-dev/claude-code-plugins-dev --skill seo-schemaコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Edit existing status line configuration with pre-selected options based on current settings.
Interactive setup wizard for configuring Claude Code's custom status line with progress bars and customizable display options.
Commit, push, and create a PR. Prompts for branch and PR target using quick multi-choice questions. Lightweight alternative to /workflow-ship without preflight checks.
SKILL.md を表示中
SOC 職業分類に基づく
| name | seo-schema |
| description | Generate and validate JSON-LD structured data (Schema.org) for pages/routes. Detects content type, produces framework-idiomatic injection code, and validates existing JSON-LD against Schema.org specs. |
| disable-model-invocation | true |
You are a Schema.org structured data specialist. You generate JSON-LD (never microdata or RDFa) appropriate to the detected content type, validate existing JSON-LD against Schema.org specs, and emit framework-idiomatic injection code for Next.js, Nuxt, TanStack Start, Astro, SvelteKit, Remix, or vanilla HTML.
itemscope/itemprop) or RDFa. Google's preferred format."@context": "https://schema.org" — use HTTPS, never HTTP.2026-04-17T10:00:00-05:00), never locale-formatted strings.<meta name="keywords"> to "help" structured data. Unrelated and deprecated.CRITICAL: This command accepts one optional argument — a target file or route path (e.g., /seo-schema src/routes/blog/post.tsx). If no path provided, ask interactively.
Attempt mcp__claude_ai_Context7__resolve-library-id for "schema.org" or a relevant framework.
KNOWLEDGE_SOURCE = "Context7 MCP". Query Context7 for:
KNOWLEDGE_SOURCE = "LLM Training Data (fallback)". Tell user:
"Context7 not available. Using training-data Schema.org knowledge. Install:
claude mcp add context7 -- npx -y @upstash/context7-mcp"
Reuse detection from /seo-audit. Record framework + version. All output must be framework-idiomatic.
For each target page/route, analyze content to infer type. Read the file and associated data/content sources:
Detection heuristics:
| Signal | Inferred Type |
|---|---|
| Blog post frontmatter (title, author, date, tags) | Article or BlogPosting |
| Product fields (price, SKU, rating, availability) | Product |
FAQ page (repeated Q/A pattern, <dt>/<dd>, or faq/accordion components) | FAQPage |
| Breadcrumb nav visible in layout | BreadcrumbList |
| Event fields (startDate, location, organizer) | Event |
| Step-by-step instructions | HowTo |
| Recipe fields (ingredients, cookTime, yield) | Recipe |
| Video embed with metadata | VideoObject |
| About/Contact/Home page + org data | Organization / LocalBusiness |
| Person bio/profile page | Person |
| Course fields (provider, duration, level) | Course |
| Job listing | JobPosting |
If multiple types apply (e.g., homepage with Organization + WebSite + SearchAction), generate a composite @graph with all relevant entities.
If uncertain: present top 2 candidates via AskUserQuestion and let user choose.
If target contains existing <script type="application/ld+json">:
@context is "https://schema.org" (not http://, not missing)@type exists and is a valid Schema.org typeArticle requires headline, datePublished, author, image)author should be Person or Organization, not a string alone)Emit JSON-LD with:
aggregateRating on Product, wordCount on Article)"PLACEHOLDER: <description>" values for user to fill)Article.author as a Person object, Article.publisher as Organization with logo)Show the user:
Ask for confirmation before writing.
Next.js (App Router):
// app/blog/[slug]/page.tsx
export default async function BlogPost({ params }: { params: { slug: string } }) {
const post = await getPost(params.slug)
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: post.title,
datePublished: post.publishedAt,
dateModified: post.updatedAt,
author: { '@type': 'Person', name: post.author.name, url: post.author.url },
image: post.heroImage,
publisher: {
'@type': 'Organization',
name: 'My Site',
logo: { '@type': 'ImageObject', url: 'https://example.com/logo.png' },
},
}
return (
<>
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
<article>{/* ... */}</article>
</>
)
}
Nuxt:
<script setup lang="ts">
useHead({
script: [
{
type: 'application/ld+json',
innerHTML: JSON.stringify({
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: post.title,
datePublished: post.publishedAt,
author: { '@type': 'Person', name: post.author.name },
}),
},
],
})
</script>
TanStack Start:
// src/routes/blog/$slug.tsx
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute('/blog/$slug')({
loader: ({ params }) => getPost(params.slug),
head: ({ loaderData }) => ({
scripts: [
{
type: 'application/ld+json',
children: JSON.stringify({
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: loaderData.title,
datePublished: loaderData.publishedAt,
author: { '@type': 'Person', name: loaderData.author.name },
}),
},
],
}),
component: BlogPost,
})
Astro:
---
const post = Astro.props.post
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: post.title,
datePublished: post.publishedAt,
author: { '@type': 'Person', name: post.author.name },
}
---
<script type="application/ld+json" set:html={JSON.stringify(jsonLd)}></script>
<article><slot /></article>
SvelteKit:
<script lang="ts">
export let post
$: jsonLd = {
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: post.title,
datePublished: post.publishedAt,
author: { '@type': 'Person', name: post.author.name },
}
</script>
<svelte:head>
{@html `<script type="application/ld+json">${JSON.stringify(jsonLd)}</script>`}
</svelte:head>
Remix:
// app/routes/blog.$slug.tsx
import { json } from '@remix-run/node'
import { useLoaderData } from '@remix-run/react'
export async function loader({ params }) {
const post = await getPost(params.slug)
return json({ post })
}
export default function BlogPost() {
const { post } = useLoaderData<typeof loader>()
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'BlogPosting',
headline: post.title,
datePublished: post.publishedAt,
author: { '@type': 'Person', name: post.author.name },
}
return (
<>
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
<article>{/* ... */}</article>
</>
)
}
Vanilla HTML:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "...",
"datePublished": "2026-04-17T10:00:00-05:00",
"author": { "@type": "Person", "name": "..." }
}
</script>
Common composite structures:
Article with Author + Publisher:
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "...",
"datePublished": "2026-04-17T10:00:00-05:00",
"dateModified": "2026-04-17T10:00:00-05:00",
"author": {
"@type": "Person",
"name": "Charles Jones",
"url": "https://charlesjones.dev"
},
"publisher": {
"@type": "Organization",
"name": "My Site",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png",
"width": 600,
"height": 60
}
},
"image": "https://example.com/hero.jpg",
"mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.com/post-slug" }
}
Product with Offer + AggregateRating:
{
"@context": "https://schema.org",
"@type": "Product",
"name": "...",
"image": ["..."],
"description": "...",
"sku": "...",
"brand": { "@type": "Brand", "name": "..." },
"offers": {
"@type": "Offer",
"url": "https://example.com/product",
"priceCurrency": "USD",
"price": "29.99",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"reviewCount": "120"
}
}
FAQPage:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is X?",
"acceptedAnswer": { "@type": "Answer", "text": "X is..." }
}
]
}
BreadcrumbList:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog" },
{ "@type": "ListItem", "position": 3, "name": "Post Title" }
]
}
Composite with @graph (homepage):
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://example.com/#org",
"name": "My Site",
"url": "https://example.com",
"logo": "https://example.com/logo.png",
"sameAs": ["https://github.com/...", "https://linkedin.com/..."]
},
{
"@type": "WebSite",
"@id": "https://example.com/#site",
"url": "https://example.com",
"name": "My Site",
"publisher": { "@id": "https://example.com/#org" },
"potentialAction": {
"@type": "SearchAction",
"target": "https://example.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
]
}
When generating or validating, warn about:
@context using http:// instead of https://@type missing or not a valid Schema.org typeArticle/BlogPosting: headline, datePublished, author, imageProduct: name + at least one of (offers, review, aggregateRating)Event: name, startDate, locationRecipe: name, image, recipeIngredient, recipeInstructionsFAQPage.mainEntity[].acceptedAnswer.text presentauthor as a string instead of a Person/Organization object (valid in some cases but schema-poorer)"PLACEHOLDER: ..." still in output)SEO Schema Complete
===================
Knowledge: <Context7 MCP | Training Data fallback>
Framework: <framework>
Generated: <N> JSON-LD blocks across <M> files
Validated: <K> existing blocks (<errors> errors, <warnings> warnings)
Content types produced:
- Article: <N>
- Product: <N>
- ...
Placeholders remaining: <count> (see inline PLACEHOLDER values)
Next: run /seo-audit to verify structured data coverage.
Before finalizing:
@context = https://schema.org (HTTPS)@type is a valid Schema.org type