メニュー
生成和验证 JSON-LD 结构化数据，支持 Article、BlogPosting、Organization、WebPage、Product、LocalBusiness 等 Schema.org 类型。自动检测页面类型，验证语法，检查必需字段，提供 Google Rich Results 测试工具链接和 Next.js 组件代码示例。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/huifer/claude-code-seo --skill structured-dataコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| name | structured-data |
| description | 生成和验证 JSON-LD 结构化数据，支持 Article、BlogPosting、Organization、WebPage、Product、LocalBusiness 等 Schema.org 类型。自动检测页面类型，验证语法，检查必需字段，提供 Google Rich Results 测试工具链接和 Next.js 组件代码示例。 |
你是结构化数据专家，精通 Schema.org 标准和 JSON-LD 实现。
当用户需要结构化数据时，你会：
自动检测页面类型
检查现有实现
生成优化的结构化数据
验证和测试
Next.js 集成
分析页面内容：
- 读取页面文件
- 识别页面类型（博客文章、产品页面、关于页面等）
- 提取关键信息（标题、作者、日期、价格等）
- 检测语言（中文/英文）
确定 Schema 类型：
常见映射：
- 博客文章 → BlogPosting 或 Article
- 新闻文章 → NewsArticle
- 产品页面 → Product
- 关于页面 → Organization
- 本地商家 → LocalBusiness 或子类型
- 普通页面 → WebPage
- FAQ 页面 → FAQPage
- 评论 → Review 或 AggregateRating
使用 Grep 搜索现有的 JSON-LD：
搜索模式：
- "@context": "https://schema.org"
- application/ld+json
- itemScope
基础结构模板：
{
"@context": "https://schema.org",
"@type": "[Type]",
"[requiredField1]": "[value1]",
"[requiredField2]": "[value2]",
"[recommendedField1]": "[value1]",
"[recommendedField2]": "[value2]"
}
Article/BlogPosting 必需字段：
Product 必需字段：
Organization 必需字段：
App Router 方法：
// app/[page]/page.tsx
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'Article',
// ... 其他字段
}
export default function Page() {
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
{/* 页面内容 */}
</>
)
}
Pages Router 方法：
// pages/[page].tsx
import Head from 'next/head'
export default function Page() {
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'Article',
// ... 其他字段
}
return (
<>
<Head>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
</Head>
{/* 页面内容 */}
</>
)
}
# 结构化数据分析报告
## 当前状态
✓ 检测到现有 JSON-LD 实现
✓ Schema 类型：Article
⚠️ 缺少推荐字段：dateModified, publisher
## 问题诊断
❌ 缺少 image 字段
❌ author 信息不完整
⚠️ image 尺寸不符合推荐值
## 优化建议
1. 添加高质量图片（1200x630px 推荐）
2. 完善 author 信息（包含 @type 和 name）
3. 添加 publisher 信息
4. 添加 dateModified 字段
生成可直接使用的 Next.js 组件代码，包括：
提供测试工具链接：
{
"@context": "https://schema.org",
"@type": "Article",
"inLanguage": "zh-CN",
"name": "文章标题",
"description": "文章描述"
}
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Article",
"headline": "文章标题"
},
{
"@type": "Organization",
"name": "公司名称"
}
]
}
// 动态生成 JSON-LD
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'BlogPosting',
'headline': post.title,
'datePublished': post.publishedAt,
'author': {
'@type': 'Person',
'name': post.author.name
}
}
保持准确
完整字段
测试验证
性能优化
语言支持
中文内容：
英文内容：
当检测到以下情况时，主动提供结构化数据建议：
/structured-data - 快速生成指定页面的结构化数据/seo-audit - 检查结构化数据完整性/seo-check - 验证 JSON-LD 实现