Seo Meta
Generate complete per-page title, description, Open Graph, Twitter Card, and JSON-LD blocks while shipping marketing pages.
Overview
seo-meta is an agent skill most often used in Launch (also Build) that generates SEO titles, meta descriptions, Open Graph, Twitter Cards, and JSON-LD structured data for every page.
Install
npx skills add https://github.com/jezweb/claude-skills --skill seo-metaWhat is this skill?
- Title tag patterns and meta descriptions tuned per page role
- Open Graph and Twitter Card tags for social sharing previews
- JSON-LD for LocalBusiness, Service, FAQ, and BreadcrumbList
- Canonical URL guidance alongside structured data
- Auto-trigger on seo, og tags, json-ld, schema.org, and rich snippets keywords
- 4 JSON-LD schema families documented: LocalBusiness, Service, FAQ, BreadcrumbList
Adoption & trust: 546 installs on skills.sh; 841 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You are shipping pages without consistent titles, social previews, or schema—and search and share surfaces look broken or generic.
Who is it for?
Solo founders adding LocalBusiness, Service, or FAQ schema to a marketing site or SaaS landing set in one pass.
Skip if: Full technical SEO crawls, backlink strategy, or content strategy—this skill outputs on-page head metadata only.
When should I use this skill?
Building pages, adding social sharing, implementing structured data, optimizing for search engines; or keywords seo, open graph, json-ld, schema.org, rich snippets.
What do I get? / Deliverables
You get copy-paste-ready meta and JSON-LD blocks per page type so crawlers and social platforms render accurate titles, descriptions, and rich results.
- Per-page title and meta description
- Open Graph and Twitter Card tag sets
- JSON-LD script blocks for selected schema types
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Search and social discoverability is owned at Launch even when tags are implemented during page build. SEO is the canonical shelf because the skill’s core output is crawler and rich-result metadata, not layout or component code.
Where it fits
Drop generated OG and title tags into a new pricing page template before merge.
Add FAQ and Service JSON-LD so rich results qualify on core commercial pages.
Fix Twitter Card previews before sharing the launch post on social.
How it compares
Page-level tag generator—not an MCP server tied to Search Console or a sitewide rank tracker.
Common Questions / FAQ
Who is seo-meta for?
Indie builders and small marketing sites who need OG, Twitter, and JSON-LD wired correctly without hiring an SEO agency for every new route.
When should I use seo-meta?
Use it at Launch when optimizing for search and AI-visible summaries; during Build when creating new page templates; and before distribution pushes that depend on correct share cards.
Is seo-meta safe to install?
It generates markup text only; still review the Security Audits panel on this Prism page and validate JSON-LD with Google’s rich-results test before production.
SKILL.md
READMESKILL.md - Seo Meta
{ "name": "seo-meta", "description": "Generate complete SEO meta tags for every page. Covers title patterns, meta descriptions, Open Graph, Twitter Cards, and JSON-LD structured data (LocalBusiness, Service, FAQ, BreadcrumbList). Use when: building pages, adding social sharing, implementing structured data, optimizing for search engines.", "version": "1.0.0", "author": { "name": "Jeremy Dawes", "email": "jeremy@jezweb.net" }, "license": "MIT", "repository": "https://github.com/jezweb/claude-skills", "keywords": [], "agents": "./agents/" } # seo-meta Generate complete SEO meta tags for every page including title patterns, meta descriptions, Open Graph tags, Twitter Cards, and JSON-LD structured data. ## Auto-Trigger Keywords This skill should be suggested when the user mentions: **Technology Names:** - seo, search engine optimization, meta tags, metadata - open graph, og tags, og:title, og:image, og:description - twitter cards, twitter:card, social sharing, social media - json-ld, structured data, schema.org, rich snippets, rich results - canonical url, canonical tag **Use Cases:** - adding meta tags to pages - implementing social sharing - setting up structured data - optimizing for search engines - generating og:image tags - implementing breadcrumbs schema - adding LocalBusiness schema - creating FAQ rich snippets - implementing Service schema - optimizing page titles - writing meta descriptions **HTML Elements:** - `<title>` tag optimization - `<meta name="description">` tag - `<meta property="og:*">` tags - `<meta name="twitter:*">` tags - `<link rel="canonical">` tag - `<script type="application/ld+json">` tag **Common Tasks:** - "add meta tags to this page" - "implement open graph for social sharing" - "add structured data for local business" - "create SEO-friendly titles" - "set up twitter cards" - "add breadcrumb schema" - "implement FAQ rich snippets" - "optimize meta descriptions" - "add canonical urls" - "generate json-ld schema" **Error Prevention:** - title tag too long - missing og:image - duplicate titles across pages - invalid json-ld syntax - missing canonical tag - wrong schema.org @type - meta description too short/long - relative urls in canonical - multiple canonical tags - missing twitter card type ## What This Skill Covers 1. **Title Tag Patterns** - Character limits, formulas by page type, modifiers 2. **Meta Descriptions** - Formulas, power words, examples by page type 3. **Open Graph Tags** - Required tags, image specifications, type values 4. **Twitter Cards** - Card types, required tags, fallback behavior 5. **JSON-LD Schemas** - LocalBusiness, Service, FAQ, BreadcrumbList 6. **Canonical URLs** - When to use, self-referencing, common mistakes 7. **Validation Tools** - Rich Results Test, Schema Validator, debuggers ## Quick Example ```tsx <head> <title>Emergency Plumber Sydney | Acme Plumbing</title> <meta name="description" content="Fast emergency plumbing in Sydney. Licensed plumbers, 24/7 service, upfront quotes. Call 1300 XXX XXX." /> <link rel="canonical" href="https://acmeplumbing.com.au" /> <meta property="og:title" content="Emergency Plumber Sydney" /> <meta property="og:description" content="Fast emergency plumbing in Sydney. Licensed plumbers, 24/7 service." /> <meta property="og:image" content="https://acmeplumbing.com.au/og-image.jpg" /> <meta property="og:url" content="https://acmeplumbing.com.au" /> <script type="application/ld+json"> {JSON.stringify({ "@context": "https://schema.org", "@type": "Plumber", "name": "Acme Plumbing", "telephone": "+61-XXX-XXX-XXX" })} </script> </head> ``` ## Related Skills - tailwind-v4-shadcn (for UI components) - cloudflare-worker-base (for SSR/meta generation) - nextjs (for Head component and metadata) - react-hook-form-zod (for form validation with structured data) --- name: seo-meta description: | Generate complete SEO meta tags for every page. Covers titl