seo-metadata-generator_skill

Overview

This skill generates production-ready SEO meta tags, Open Graph cards, and JSON-LD structured data tailored to the page type and intent. I produce canonical tags, hreflang alternates, Twitter Cards, and validated schema.org markup to improve search visibility and social sharing. The output is ready to drop into HTML or framework metadata APIs (Next.js, Nuxt).

How this skill works

I inspect the page type (homepage, article, product, event, FAQ, local business, etc.) and required fields to select an appropriate JSON-LD schema. I generate essential meta tags (title, description, canonical, robots), Open Graph and Twitter Card tags, and language alternates when needed. I also include validation guidance and recommended image dimensions and URL formats so the metadata meets search and social platform expectations.

When to use it

• Adding or updating meta tags on a webpage to improve search snippets
• Preparing Open Graph and Twitter Card tags for better social sharing previews
• Creating JSON-LD for articles, products, events, FAQs, local businesses, or breadcrumbs
• Implementing hreflang for multilingual sites and international targeting
• Validating schema, canonical setup, and OG image requirements before deployment

Best practices

• Keep titles 50–60 characters and put the primary keyword near the start
• Write unique 150–160 character descriptions with a clear CTA when relevant
• Use absolute URLs for canonical, og:image, and JSON-LD properties
• Prefer OG images at 1200x630px and include image:alt text for accessibility
• Include x-default in hreflang sets and ensure every language page links to all others
• Validate JSON-LD with the schema.org/Google rich results test before publishing

Example use cases

• Generate meta tags and Article JSON-LD for a blog post with author and publish date
• Create Product meta, Open Graph, and Offer schema for an ecommerce product page
• Add LocalBusiness structured data, opening hours, and telephone for a storefront
• Produce FAQPage JSON-LD and corresponding meta for a support or knowledge base page
• Build hreflang link alternates and site-level WebSite schema for a multilingual homepage