Open Graph Preview
Frequently Asked Questions
What are Open Graph tags and why do they matter?
Open Graph (OG) tags are HTML meta tags that control how a webpage appears when shared on social media platforms like Facebook, LinkedIn, WhatsApp, and Telegram. Defined in the <head> section as <meta property='og:title'>, <meta property='og:description'>, and <meta property='og:image'>, they directly influence click-through rates from social shares. A compelling OG image can increase engagement by up to 3× compared to posts without one.
What is the recommended Open Graph image size?
The universally accepted OG image size is 1200×630 pixels at a 1.91:1 aspect ratio. This renders correctly on Facebook, LinkedIn, and most messaging apps. For Twitter (X) Summary Large Image cards, 1200×628 is ideal. Files should be JPG or PNG under 8 MB. Images smaller than 600×315 will not render as large previews on Facebook.
Why does my link preview look wrong on social media?
Common causes include: (1) missing or incorrect OG meta tags in the page's HTML <head>; (2) a cached outdated preview — Facebook, LinkedIn, and Twitter cache previews for days, requiring you to force a re-scrape via their debugging tools; (3) the og:image URL returning a 404 or being blocked by CORS or robots.txt; (4) the image is too small (under 200×200 px) to trigger a rich preview.
How do I fix my Open Graph image not showing on Facebook?
First, use our tool to confirm your OG tags are present and the og:image URL loads correctly. If the image exists but Facebook shows an old preview, visit Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) and click 'Scrape Again' to force a cache refresh. Make sure your og:image is at least 200×200 px and publicly accessible without login.
What is a Twitter Card and how is it different from Open Graph?
Twitter Cards are Twitter's own set of meta tags (e.g., <meta name='twitter:card'>, <meta name='twitter:image'>) that control how links appear in tweets. Twitter will fall back to OG tags if Twitter Card tags are absent, but adding dedicated twitter:card and twitter:image tags gives you more control. The 'summary_large_image' card type displays a wide, prominent image that outperforms the default small thumbnail format.
How to Use Open Graph Preview
Paste any public URL into the input field (e.g., your blog post, product page, or home page).
Click 'Preview' — the tool fetches the page's meta tags server-side to avoid CORS restrictions.
Review the three preview cards: Facebook / LinkedIn style, Twitter Card style, and WhatsApp / Telegram style.
Identify any missing or misconfigured tags shown in the tag inspector below the previews.
Fix the issues in your HTML <head> and re-run the preview to confirm your social share looks correct.