social-metadata-hardening

npx skills add sickn33/agentic-awesome-skills --skill social-metadata-hardening --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Social Metadata Hardening Skill Fix social sharing so every important URL unfurls as a rich card across all platforms. --- ## When to Use - Use when shared links show missing, stale, cropped, or incorrect previews on social and chat platforms. - Use when auditing Open Graph, Twitter/X card, image URL, alt text, or `metadataBase` coverage in a web app. - Use before launch when every public page needs predictable rich previews across LinkedIn, X, Facebook, WhatsApp, Slack, Discord, and Telegram. --- ## Why Previews Break | Problem | Root Cause | |---------|-----------| | No preview at all | Missing og:title, og:description, or og:image | | Broken image | Relative URL (must be absolute) | | Wrong image size | Image not 1200×630px (OG standard) | | Plain text card | Twitter card type missing or set to `summary` | | Stale preview | Platform caching old metadata | | Metadata missing on crawl | Tags added by client-side JS (crawlers don't run JS) | --- ## The Gold Standard Metadata Block Every shareable page needs ALL of these in static HTML: ```js // Next.js App Router — lib/socialMetadata.js export function buildSocialMetadata({ title, description, path, // '/blog/my-post' image, // '

Verify your OG image is reachable and correct size
curl -sI https://www.yourdomain.com/images/og/home.jpg | grep -i "content-type\|content-length\|status"
curl -s https://www.yourdomain.com/blog/my-post | grep -i "og:\|twitter:"