Open Graph Preview
Preview and generate Open Graph and Twitter Card meta tags.
What are Open Graph tags?
Open Graph (OG) is a protocol originally created by Facebook in 2010 that enables any web page to become a rich object in a social graph. By adding Open Graph meta tags to your HTML <head>, you control exactly how your page appears when someone shares a link on Facebook, Twitter/X, LinkedIn, WhatsApp, Discord, Slack, and other platforms that display link previews.
Without OG tags, social platforms guess what to show — often choosing an irrelevant image or cutting off your title awkwardly. With proper OG tags, you get a polished card with your chosen title, description, and image every time someone shares your page. This significantly increases click-through rates on shared content.
The four essential OG tags are: og:title (page title, recommended 60 characters), og:description (page summary, recommended 155 characters), og:image (must be an absolute URL, 1200×630px is ideal), and og:url (canonical URL of the page). Twitter/X has its own variant called Twitter Cards, which uses twitter:card, twitter:title, etc., but most platforms now fall back to OG tags when Twitter Card tags are absent.
Common mistakes
- Relative image URLs — The og:image URL must be absolute (starting with https://). Relative paths are not supported by social crawlers.
- Image size — Minimum image size is 200×200px, but 1200×630px is the optimal size for Twitter and Facebook. Images smaller than 600px wide may not display as large cards.
- Caching — Social platforms cache link previews aggressively. After updating OG tags, use Facebook's Sharing Debugger or Twitter's Card Validator to force a cache refresh.