Open Graph Preview
See how your page will look when shared on social media
Open Graph Data
Live Previews
Generated OG Meta Tags
About Open Graph
Open Graph meta tags control how your URLs are displayed when shared on social media platforms. Facebook, Twitter, LinkedIn, and other platforms use these tags to create rich link previews. Use images at least 1200×630 pixels for best results across all platforms.
Frequently Asked Questions
What is Open Graph and how does it work?
Open Graph (OG) is a metadata protocol created by Facebook that enables any webpage to become a rich object in social media. When a user shares your URL, the platform’s crawler reads your OG meta tags — og:title, og:description, og:image, og:url — and uses them to construct a visual link card. Without these tags, platforms fall back to guessing your page content, often producing unattractive or inaccurate previews.
What image size should I use for Open Graph tags?
The recommended og:image size is 1200 x 630 pixels, which renders well across Facebook, LinkedIn, and X/Twitter at various display densities. The minimum size to avoid a small thumbnail on Facebook is 600 x 315 pixels. Use JPEG or PNG format, keep file size under 8 MB, and avoid adding critical text or logos in the outer 10% of the image, as some platforms crop edges on certain card sizes.
Why does my Open Graph image not update after I changed it?
Social platforms aggressively cache Open Graph data, sometimes for days or weeks. After updating your OG tags and deploying, you need to manually clear the cache using each platform’s debug tool: Facebook’s Sharing Debugger, LinkedIn’s Post Inspector, or Twitter’s Card Validator. Enter your URL and trigger a fresh scrape. The old preview will persist in previously published posts regardless of cache clearing.
Do Open Graph tags affect SEO rankings?
Open Graph tags do not directly influence Google’s ranking algorithm. However, they indirectly impact SEO by improving click-through rates from social shares — a compelling og:image and og:title drives more clicks, which generates more traffic and potential backlinks. Think of OG optimization as social SEO: it controls your click-through rate on social media the same way title tags and descriptions control CTR in search results.
What is the difference between og:title and the HTML title tag?
The HTML title tag (shown in browser tabs and search results) is for search engines and browsers. The og:title tag is specifically for social media platforms — it controls the headline shown in link card previews on Facebook, LinkedIn, and X/Twitter. Best practice is to have both. You can use the same text or write a more social-friendly og:title that is punchier or more conversational than your SEO-optimized page title.