Open Graph Generator
Generate Open Graph and Twitter Card meta tags. Preview how your page looks on Facebook, Twitter, and Google. Copy HTML tags instantly.
<meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
About this tool
Open Graph tags control how your page appears when shared on Facebook, Twitter, LinkedIn, and other social platforms. They define the preview card's title, description, and image.
The Open Graph Generator is essential for marketers and content creators who want their shared links to look professional on social media. When you use the Open Graph Generator, you control the exact title, description, and image that appears in social media preview cards. Without proper Open Graph tags, social platforms may display random text and images from your page creating a poor first impression. The Open Graph Generator ensures every shared link presents your content in the most engaging and clickable format possible.
This Open Graph Generator creates both standard Open Graph protocol tags and Twitter Card meta tags in a single output. The live social media preview shows you exactly how your link will appear when shared on platforms like Facebook and LinkedIn. You can select from multiple OG types including website, article, product, and profile to match your content category. Twitter Card options include summary and summary with large image formats for different visual presentation styles on the Twitter platform.
For maximum social media engagement with the Open Graph Generator, use eye-catching images sized at 1200 by 630 pixels for optimal display across all platforms. Write concise, compelling descriptions that create curiosity and encourage users to click through to your content. Keep your OG title under 60 characters to prevent truncation on mobile devices where preview cards have limited space. Test your Open Graph tags using the Facebook Sharing Debugger and Twitter Card Validator tools after deploying them to your website.
This generator creates both Open Graph and Twitter Card meta tags. Copy the output and paste it into your HTML head section.
settingsOptions
Frequently Asked Questions
What are Open Graph tags?
Open Graph tags control how your page appears when shared on social media. They define the title, description, image, and URL shown in the preview card.
What image size works best for OG?
Facebook recommends 1200x630 pixels. Twitter summary_large_image uses the same size. Minimum is 200x200 pixels.
Do I need both OG and Twitter tags?
Twitter falls back to OG tags if Twitter-specific tags are missing. Adding both ensures the best display on all platforms.