schema-markup-generator
Generate and implement JSON-LD structured data for web apps, blogs, FAQs, and SaaS sites. Supports WebSite, SoftwareApplication, BlogPosting, FAQPage, HowTo, and more.
Profile →npx skills add sickn33/agentic-awesome-skills --skill schema-markup-generator --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Schema Markup Generator Skill Add JSON-LD structured data to pages to unlock rich results, improve CTR, and signal context to Google and AI systems. --- ## When to Use - Use when adding or auditing JSON-LD schema for websites, SaaS apps, tools, articles, FAQs, breadcrumbs, or organization pages. - Use when schema must be implemented in Next.js App Router or validated against Google Rich Results and Schema.org tooling. - Use when a page has strong content but lacks structured data for search engines and rich-result eligibility. --- ## How to Add Schema in Next.js App Router The cleanest approach is a reusable `JsonLd` component: ```jsx // components/JsonLd.jsx export function JsonLd({ data }) { const json = JSON.stringify(data).replace(/</g, '\\u003c'); return ( <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: json }} /> ); } ``` Use it in any page: ```jsx import { JsonLd } from '@/components/JsonLd'; export default function MyPage() { return ( <> <JsonLd data={mySchemaObject} /> {/* rest of page */} </> ); } ``` --- ## Schema Types by Page Type ### WebSite + Sitelinks Searchbox (homepage only) ```js { "@context": "https://schema.org", "@type": "WebSite", "nam
- When to Use
- How to Add Schema in Next.js App Router
- Schema Types by Page Type
- WebSite + Sitelinks Searchbox (homepage only)
- SoftwareApplication (tool / SaaS app pages)
- Article / BlogPosting (blog posts)
- FAQPage (FAQ sections, tool help pages)
- HowTo (step-by-step tool guides)
- BreadcrumbList (all non-homepage pages)
- Organization (about, contact pages)
- Combining Multiple Schemas on One Page
- Validation
- Schema Markup Checklist
- Limitations
Quick check: schema appears in HTML curl -s https://www.yourdomain.com/tools/keyword-density | grep -A 5 "application/ld+json"
What does the schema-markup-generator skill do?
Generate and implement JSON-LD structured data for web apps, blogs, FAQs, and SaaS sites. Supports WebSite, SoftwareApplication, BlogPosting, FAQPage, HowTo, and more.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill schema-markup-generator --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.