Meta Tags Generator
Generate Open Graph and Twitter Card meta tags with live social media preview.
📖 About Meta Tags
What are Open Graph Tags?
Open Graph tags are snippets of code that control how URLs are displayed when shared on social media. They're used by Facebook, LinkedIn, Pinterest, and other platforms to create rich previews.
What are Twitter Cards?
Twitter Cards are Twitter's version of Open Graph. They allow you to attach rich photos, videos, and media experiences to Tweets that drive traffic to your website.
Recommended Image Sizes
- Open Graph: 1200×630 pixels (1.91:1 ratio)
- Twitter Large Card: 1200×628 pixels
- Twitter Summary: 144×144 pixels minimum
💡 Pro Tip: Always test your meta tags using Facebook's Sharing Debugger and Twitter's Card Validator after implementing them on your website.
❓ Frequently Asked Questions
Add the meta tags inside the <head> section of your HTML document, before the closing </head> tag. They should be present on every page you want to have proper social media previews.
Facebook caches images and meta tags. Use the Facebook Sharing Debugger (developers.facebook.com/debug) to clear the cache and fetch new information from your page.
While Twitter can fall back to Open Graph tags, it's recommended to include both for the best results across all platforms. Twitter-specific tags give you more control over how your content appears on Twitter.
Keep titles under 60-70 characters and descriptions under 155-200 characters to avoid truncation on social media platforms. The most important information should be at the beginning.