structured-data_skill

This skill generates and validates JSON-LD structured data for Schema.org types, detects page type, and provides Next.js integration guidance.

HTML

83

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill huifer/claude-code-seo --skill structured-data

SKILL.md8.1 KB

Overview

This skill generates and validates JSON-LD structured data for common Schema.org types and provides ready-to-use Next.js integration examples. It auto-detects page type, checks existing JSON-LD implementations for syntax and required fields, and produces optimized markup with links to Google testing tools. The output focuses on accurate, non-misleading data and practical code snippets for App Router and Pages Router.

How this skill works

The skill inspects page content and metadata to infer the best Schema.org type(s) and extracts key values like title, author, date, images, price, and URLs. It scans project files for existing JSON-LD, validates syntax and required fields, flags missing or incorrect items, and generates corrected JSON-LD. Finally it produces Google Rich Results test links and Next.js script insertion examples that you can paste directly into App Router or Pages Router components.

When to use it

When creating or publishing articles, blog posts, news, or product pages
When you need to fix or validate existing JSON-LD on a site
Before launching pages you want to appear with rich results
When running an SEO audit and structured data score is low
When adding localized or bilingual schema for multi-language sites

Best practices

Always include @context and @type and use valid ISO 8601 dates
Provide all required fields for the chosen type and add recommended fields to boost rich snippets
Keep values truthful and up-to-date; avoid misleading or inflated data
Use high-quality, accessible image URLs (recommended 1200x630px)
Inline JSON-LD in <head> via Next.js script tag; ensure no trailing commas and correct casing

Example use cases

Generate BlogPosting JSON-LD with author, datePublished, image, and publisher for a new blog post
Scan a product page, validate offers and priceCurrency, and add missing offers object for Product pages
Create combined @graph JSON-LD when a page represents both an Article and an Organization
Produce localized Article schema with inLanguage and multi-language name/description
Output App Router and Pages Router TypeScript/React examples to insert JSON-LD safely

FAQ

Common content and commerce types: Article, BlogPosting, NewsArticle, Product, Offer, Organization, LocalBusiness and related subtypes, WebPage, FAQPage, Review, Event, Person.

How do I test generated JSON-LD?

Use the provided Google Rich Results Test and Schema Markup Validator links. The skill also flags syntax errors, missing required fields, and warnings you should fix.