Open Graph preview
Rendered in your browser · nothing is uploaded
Renders the link card built from your og:title, og:description and og:image: the one Facebook, LinkedIn, WhatsApp, Slack and Discord all show when someone pastes your URL.
How to use the open graph preview
One set of tags feeds a lot of surfaces, and they truncate differently: Facebook shows around 88 characters of title, LinkedIn rather less, and Slack shows more description than either. Writing to the shortest is the safe approach. The failure that costs the most is not truncation though; it is a missing or wrong image, which turns a rich card into a bare link and measurably reduces clicks. Two things to check: og:image must be an absolute URL, and Facebook caches what it fetched, so updating the tag does not update the preview until you re-scrape the URL through their Sharing Debugger.
Questions
og:title, og:description, og:image and og:url. X falls back to these if the twitter: tags are absent.
Facebook caches Open Graph data. Re-scrape the URL in their Sharing Debugger to force a refresh.
Usually a relative og:image URL, which scrapers do not resolve. It must be absolute.
No, and it cannot be. Platforms cut by rendered pixel width, so a title in capitals or wide letters cuts earlier than a character count suggests. Treat the limit as a guide and leave a few characters of margin.
1200 × 630. Keep the important part in a centred square, since some chat apps crop toward square.
No. Facebook shows around 88 characters of title, LinkedIn fewer, Slack more description. Write to the shortest.