OG/Twitter Card Generator
Create meta tags for social sharing and preview how they look.
Generate Tags
Preview
How to Generate Open Graph Tags?
- Enter your page Title and URL.
- Add a Description and Image URL for social sharing.
- Select the content type (website/article) and Twitter card style.
- Click Generate to create meta tags.
- Copy the generated HTML tags and add them to your page's <head> section.
- Preview how your link will appear on social media platforms.
Frequently Asked Questions
What is Open Graph and why does it matter?
Open Graph is a protocol that controls how URLs appear when shared on social media (Facebook, LinkedIn, Twitter/X, Slack, iMessage). Without OG tags, platforms pick random images and text ā with them, you control the title, image, and description shown in link previews.
What Open Graph tags should every page have?
The essential tags are og:title, og:description, og:image (at least 1200Ć630 px), og:url, and og:type. For Twitter/X cards, also add twitter:card, twitter:title, and twitter:image.
Why does my Open Graph image not update after I change it?
Social platforms cache OG data aggressively. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a cache refresh. Twitter previews update after the first new share.
What image dimensions work best for Open Graph?
1200Ć630 pixels is the recommended size for most platforms. The minimum is 200Ć200. Square images (1:1 ratio) work well for Twitter summary cards. Avoid images smaller than 600px wide as they may not display.
