Back to Tools
SEO

Open Graph Generator

Generate Open Graph meta tags for beautiful social media sharing. Preview how your content will appear on Facebook, Twitter, and LinkedIn.

Basic Information

15/60 characters
87/155 characters

Twitter Settings

Social Media Preview

https://example.com/og-image.jpg

example.com

Your Page Title

A compelling description of your page content that encourages users to click and share.

Facebook: Image should be at least 1200x630px. Title displays up to 60 characters, description up to 155.

Generated Meta Tags

HTML <head>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A compelling description of your page content that encourages users to click and share." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="Your Site Name" />
<meta property="og:locale" content="en_US" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com/page" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A compelling description of your page content that encourages users to click and share." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />
<meta name="twitter:site" content="@yourusername" />
<meta name="twitter:creator" content="@authorusername" />
Add these meta tags to the <head> section of your HTML page.

Complete Guide to Open Graph Tags

Open Graph (OG) tags control how your content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. Proper implementation can significantly increase engagement with shared content.

Essential Open Graph Tags

  • og:title: The title of your content (keep under 60 characters).
  • og:description: A brief description (keep under 155 characters).
  • og:image: URL to an image (1200x630 pixels recommended).
  • og:url: The canonical URL for your content.
  • og:type: The type of content (website, article, product, video).
  • og:site_name: Your website or brand name.

Twitter Card Tags

  • twitter:card: Either "summary" or "summary_large_image".
  • twitter:site: Your Twitter @username.
  • twitter:creator: The author's Twitter @username.
  • twitter:title/description/image: Fallback to OG tags if not set.

Image Best Practices

  • Size: Minimum 1200x630px (Facebook), 800x418px (Twitter).
  • Aspect ratio: 1.91:1 works best across platforms.
  • File size: Keep under 5MB for faster loading.
  • Format: JPG, PNG, or GIF (static only on Twitter).
  • Text: Keep important text away from edges (may be cropped).

Testing Your Tags

  • Facebook Debugger: developers.facebook.com/tools/debug/
  • Twitter Card Validator: cards-dev.twitter.com/validator
  • LinkedIn Post Inspector: linkedin.com/post-inspector/

Common Mistakes

  • Wrong image size: Images may be cropped or not display at all.
  • Missing https: Always use absolute URLs with https://.
  • Cached content: Platforms cache OG data - use debug tools to clear.
  • Generic images: Custom images get significantly more engagement.

Want More Social Media Engagement?

Our team can optimize your social sharing strategy and help you create content that gets shared and drives traffic.

Book Your Strategy Call