Loading...
Loading...
Generate and validate JSON-LD structured data, supporting Schema.org types such as Article, BlogPosting, Organization, WebPage, Product, LocalBusiness, etc. Automatically detect page types, validate syntax, check required fields, and provide Google Rich Results testing tool links and Next.js component code examples.
npx skill4agent add huifer/claude-code-seo structured-data- Read page files
- Identify page type (blog post, product page, about page, etc.)
- Extract key information (title, author, date, price, etc.)
- Detect language (Chinese/English)Common mappings:
- Blog post → BlogPosting or Article
- News article → NewsArticle
- Product page → Product
- About page → Organization
- Local business → LocalBusiness or subtype
- General page → WebPage
- FAQ page → FAQPage
- Review → Review or AggregateRatingSearch patterns:
- "@context": "https://schema.org"
- application/ld+json
- itemScope{
"@context": "https://schema.org",
"@type": "[Type]",
"[requiredField1]": "[value1]",
"[requiredField2]": "[value2]",
"[recommendedField1]": "[value1]",
"[recommendedField2]": "[value2]"
}// app/[page]/page.tsx
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'Article',
// ... other fields
}
export default function Page() {
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
{/* Page content */}
</>
)
}// pages/[page].tsx
import Head from 'next/head'
export default function Page() {
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'Article',
// ... other fields
}
return (
<>
<Head>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
</Head>
{/* Page content */}
</>
)
}# Structured Data Analysis Report
## Current Status
✓ Existing JSON-LD implementation detected
✓ Schema type: Article
⚠️ Missing recommended fields: dateModified, publisher
## Issue Diagnosis
❌ Missing image field
❌ Incomplete author information
⚠️ Image dimensions do not meet recommended values
## Optimization Recommendations
1. Add high-quality images (1200x630px recommended)
2. Complete author information (include @type and name)
3. Add publisher information
4. Add dateModified field{
"@context": "https://schema.org",
"@type": "Article",
"inLanguage": "zh-CN",
"name": "Article Title",
"description": "Article Description"
}{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Article",
"headline": "Article Title"
},
{
"@type": "Organization",
"name": "Company Name"
}
]
}// Dynamically generate 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