Open Graph Generator
Generate Open Graph tags for social sharing
Calculator
Open Graph Tags
0/90 characters (recommended max: 60)
0/200 characters (recommended max: 155)
Recommended: 1200x630 pixels
Twitter Card Tags
Website Twitter account
Content creator account
Facebook / LinkedIn Preview
example.com
Page Title
Page description will appear here...
Twitter Preview (Large Image)
Card Title
Card description...
example.com
How to Use
Learn how to generate Open Graph and Twitter Card meta tags for your website.
Enter Basic Info
Fill in your page title, description, URL, and select the content type (website, article, product, etc.).
Add Image URL
Enter the URL of your featured image. The validator will check if the URL is valid and accessible.
Configure Twitter Card
Choose your Twitter card type and optionally customize the Twitter-specific title, description, and image.
Preview Your Content
View the live preview showing how your content will appear when shared on Facebook and Twitter.
Copy the Tags
Click "Copy All Tags" to copy the generated meta tags and paste them into your HTML head section.
Frequently Asked Questions
Open Graph meta tags are code snippets that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and Pinterest. They define the title, description, image, and other properties of your shared content.
Twitter Cards are Twitter-specific meta tags that give you control over how your content appears on Twitter. While Twitter can fall back to Open Graph tags, using Twitter-specific tags gives you more control and allows for different content on Twitter vs other platforms.
The recommended Open Graph image size is 1200x630 pixels. This size works well for both Facebook and LinkedIn. For Twitter, the recommended size is also 1200x630 for large image cards, or 800x418 for summary cards with large images.
Open Graph and Twitter Card meta tags should be added to the <head> section of your HTML document. They should appear before the closing </head> tag.
While Twitter can use Open Graph tags as a fallback, it is recommended to include Twitter-specific tags for optimal control over your Twitter appearance. Our generator creates both sets of tags for maximum compatibility.