Open Graph Preview
See how your page looks when shared on Facebook, Twitter/X, and LinkedIn. Optimize your social media cards for maximum engagement.
This tool runs entirely in your browser. Your HTML is parsed locally and never sent to any server.
Frequently Asked Questions
What are Open Graph meta tags?+
Open Graph (OG) meta tags are HTML tags that control how your page appears when shared on social media platforms like Facebook, LinkedIn, Slack, and Discord. They define the title, description, and image shown in the social media card.
What's the difference between OG tags and Twitter Cards?+
Open Graph tags are used by most platforms (Facebook, LinkedIn, Slack). Twitter/X has its own meta tags (twitter:card, twitter:title, etc.) but will fall back to OG tags if Twitter-specific tags aren't present. It's best practice to include both.
What's the recommended OG image size?+
The recommended size is 1200x630 pixels (1.91:1 aspect ratio) for most platforms. This works well for both Facebook and Twitter's summary_large_image card. Keep file size under 5MB and use JPG or PNG format.
Why does my shared link show the wrong image?+
Social platforms cache link previews. After updating your OG tags, you need to clear the cache. Use Facebook's Sharing Debugger, Twitter's Card Validator, or LinkedIn's Post Inspector to force a refresh.
Do Open Graph tags affect SEO?+
OG tags don't directly affect search rankings, but they improve click-through rates from social media. More social traffic and engagement can indirectly boost your SEO through increased visibility and potential backlinks.