🏷️ Open Graph & Meta Tag Generator

Generate the perfect OG meta tags so your website looks beautiful when shared on LinkedIn, X (Twitter), Facebook, and iMessage.

No image set — add an Image URL above
yoursite.com
Page Title
Description appears here
💡 What are OG tags? Open Graph meta tags control how your website appears when shared on social media platforms. They provide rich previews with a title, description, and image instead of just a bare URL.

Open Graph and Meta Tag Generator

Operation: This tool generates all necessary Open Graph (og:), Twitter Card, and standard HTML meta tags for your web pages. Input your page's URL, title, description, and image URL — the tool constructs the exact HTML code you need to paste into your section. A live preview card shows exactly how your page will appear when shared on social platforms.

Why Proper OG Tags Matter

  • Higher engagement: Rich link previews receive significantly higher click-through rates than bare URLs on social media.
  • Brand consistency: Control exactly what image, title, and description appears when your content is shared.
  • Cross-platform support: Facebook, LinkedIn, X (Twitter), Slack, Discord, and iMessage all use OG tags for link previews.
  • SEO benefit: While OG tags are primarily for social sharing, they complement your SEO meta description strategy.

Frequently Asked Questions

What size should my OG image be?

The recommended size is 1200×630 pixels (1.91:1 aspect ratio). Minimum is 600×315 pixels. Images smaller than this may not display properly in link previews.

Do I need both OG tags and Twitter Card tags?

Yes. While Twitter now also reads og:title and og:description, using explicit twitter:card tags ensures optimal display across all platforms. This tool generates both.