Open Graph Meta Tags Generator

Quick Examples

Basic Information

30/100 characters

122/200 characters

Twitter Card Settings

Social Media Preview

Facebook / LinkedIn

Preview

EXAMPLE.COM

Amazing Website | Your Company

Discover amazing products and services that will transform your business. Join thousands of satisfied customers worldwide.

Twitter

Preview

Amazing Website | Your Company

Discover amazing products and services that will transform your business. Join thousands of satisfied customers worldwide.

example.com

Generated Meta Tags

<!-- Essential Open Graph Meta Tags -->
<meta property="og:title" content="Amazing Website | Your Company" />
<meta property="og:description" content="Discover amazing products and services that will transform your business. Join thousands of satisfied customers worldwide." />
<meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Company" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Amazing Website | Your Company" />
<meta name="twitter:description" content="Discover amazing products and services that will transform your business. Join thousands of satisfied customers worldwide." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />
<meta name="twitter:site" content="@yourcompany" />

<!-- Additional Recommended Meta Tags -->
<meta property="og:locale" content="en_US" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Best Practices

Title: 50-60 characters for optimal display
Description: 150-160 characters
Image: 1200x630px (1.91:1 ratio)
Image format: JPG or PNG, under 8MB
Use absolute URLs for images
Test with Facebook Debugger & Twitter Card Validator

About Open Graph Meta Tags

Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and more. Properly configured OG tags significantly improve click-through rates and social engagement.

Why Open Graph Matters:

  • Control how your links appear on social media
  • Increase click-through rates with compelling previews
  • Professional appearance builds trust and credibility
  • Better engagement leads to more traffic
  • Essential for content marketing and social sharing

Testing Your Tags:

Implementation:

Add the generated tags to the <head> section of your HTML:

  1. Copy the generated meta tags
  2. Paste them in your HTML <head> section
  3. Deploy your changes
  4. Test using the validation tools above
  5. Share your URL to verify the preview

Related Tools

Explore more tools that might help you