schema

Implements JSON-LD schema.org structured data markup for rich search results.

1|Updated Feb 1, 2025
One-click install
npx skills add https://github.com/TiagoDanin/TiagoDanin.github.io --skill schema-tiagodanin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: schema
Source: https://github.com/TiagoDanin/TiagoDanin.github.io/tree/main/.claude/skills/seo/schema
Command: npx skills add https://github.com/TiagoDanin/TiagoDanin.github.io --skill schema-tiagodanin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Search engines often fail to understand page content well enough to display rich results like star ratings, FAQs, or breadcrumbs. This Skill guides the implementation of schema.org structured data so pages qualify for enhanced Google search appearances. ## Core Features & Use Cases - JSON-LD Implementation: Generates complete, valid JSON-LD markup for common schema types including Organization, Article, Product, FAQPage, HowTo, BreadcrumbList, LocalBusiness, and Event. - Validation Guidance: Provides testing workflows using Google Rich Results Test and Schema.org Validator, plus fixes for common errors like missing required properties and invalid date formats. - Framework Integration: Covers implementation patterns for static sites, Next.js/React server-rendered components, and CMS platforms like WordPress. - Use Case: A developer wants their blog posts to show author, date, and image in Google results. The Skill produces a complete Article schema with all required properties and a Next.js component to render it. ## Quick Start Add Article schema markup with JSON-LD to my blog post pages so they qualify for Google rich results.

Frequently Asked Questions about schema

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add schema markup to my website?

Add schema markup using JSON-LD format placed in a script tag in your page's head or body. Identify the appropriate schema type for your content, include all required properties, then validate with Google Rich Results Test before deploying.

What schema types does Google support for rich results?

Google supports rich results for Article, Product, FAQPage, HowTo, BreadcrumbList, LocalBusiness, Event, Organization, and SoftwareApplication among others. Each type has required properties like headline and image for Articles, or name and offers for Products.

Can I use multiple schema types on one page?

Yes, combine multiple schema types using the @graph array in a single JSON-LD block. This lets you include Organization, WebSite, and BreadcrumbList together, linking entities with @id references for consistency.

How do I add structured data in Next.js?

Create a component that serializes your schema object with JSON.stringify and renders it inside a script tag with type application/ld+json. Server-side rendering ensures search crawlers see the markup in the initial HTML.

Why is my schema markup not showing rich results?

Common causes include missing required properties, invalid date formats not in ISO 8601, relative URLs instead of fully qualified ones, or schema that doesn't match visible page content. Test with Google Rich Results Test and monitor Search Console enhancement reports.