Open Graph
kostja94/marketing-skillsOpen Graph meta tags control how your web page looks when shared on social media. When someone posts a link to your site on Facebook, LinkedIn, Slack, or Discord, these tags create a rich preview with a title, description, and image. Pages with proper Open Graph tags get 2 to 3 times more clicks than plain URL links.
The four essential tags are og:title, og:description, og:image, and og:url. Each one has simple rules, like keeping the title under 60 characters and using an image that is 1200 by 630 pixels. You can also add extra tags for the site name, content type, and language.
This skill guides you through the best practices, common mistakes to avoid, and code examples for Next.js and plain HTML. It also includes tools to test your previews on Facebook and LinkedIn.
Add Open Graph skill to your workflow
Global
mkdir -p ~/.claude/skills/open-graphProject
mkdir -p .claude/skills/open-graphSource Repository
More Marketing & SEO Claude Code Skills
Twitter Automationhalt-catch-fire/skills
Automate posting, liking, retweeting, and following on Twitter from your command line
Twitter Automationqu-skills/skills
Control your Twitter account with simple commands. Post, like, follow, and more
Twitter Automationskills-shell/skills
Automate your Twitter account with simple commands for posting and engagement
Seo Auditcoreyhaines31/marketingskills
Find and fix SEO issues to boost your Google rankings and traffic
Copywritingcoreyhaines31/marketingskills
Write clear and compelling marketing copy that drives action and converts visitors
Viral Short Formvyralcontent/content-skills
Brainstorm high-retention hooks and scripts for TikTok, Reels, and Shorts
Marketing Psychologycoreyhaines31/marketingskills
Apply proven psychological principles and mental models to ethical marketing campaigns
Content Strategycoreyhaines31/marketingskills
Plan content that drives traffic, builds authority, and generates leads