See how your link looks before you share.
Preview your Open Graph and Twitter Card tags as they appear on Facebook, Twitter/X, and LinkedIn. Catch issues before your audience does.
Twitter / X
What Is an Open Graph Preview?
An open graph preview is a live mockup of the social card that Facebook, LinkedIn, and X build from a web page's Open Graph meta tags. Those tags, defined by the Open Graph protocol at ogp.me, tell each platform which title, description, image, and URL to show when someone shares the link. Checking the card before publishing catches truncated titles, missing images, and wrong domains while they are still cheap to fix.
The tool above renders all three layouts as you type. Enter your og:title, og:description, og:url, and og:image values and the cards update instantly, clamping long titles to two lines the way the platforms do. If you still need to write the markup itself, our meta tag generator builds the full set of tags for you.
Open Graph tags are a presentation layer for shared links, not a ranking signal, but the clicks they win are real traffic. Treat this preview as part of the same pre-publish checklist as your Google snippet, which you can test with our SERP preview tool, and as one small piece of broader search engine optimization.
Where Link Previews Usually Break
Most broken previews are image problems: a relative path instead of an absolute URL, a file behind authentication, or artwork cropped badly at 1.91:1. Paste your og:image URL into the field above and the tool loads the actual file into each card, telling you outright when it fails to load. That single check, run as a quick og image checker before you publish, catches the failure your audience would otherwise see first.
The second trap is caching. Facebook and LinkedIn store the tags from their first scrape of a URL, so a card that went out broken stays broken until you force a re-scrape with Facebook's Sharing Debugger or LinkedIn's Post Inspector. Get the tags right before the first share and you never need either.
The stakes are wider than social feeds: as of June 2026, links shared in Slack, Discord, and WhatsApp unfurl from the same Open Graph tags, so one broken og:image follows the link everywhere it travels. If you want a full picture of how your pages present across search, social, and AI answers, our live SEO + AEO audit is a paid session that reviews your metadata with you in real time, and the SEO & AEO service keeps it maintained after that.
Open Graph Questions, Answered
What Is an Open Graph Preview?
An open graph preview shows how a link will render as a social card before you share it. Platforms like Facebook, LinkedIn, and X read the Open Graph meta tags in a page's HTML head to build the card's image, title, and description. The tool above draws that card live from the tag values you enter.
What Size Should an Open Graph Image Be?
Use 1200 x 630 pixels, a 1.91:1 aspect ratio. That is the size Facebook recommends for high resolution displays, and it renders cleanly on LinkedIn and X as well. The preview above crops your image to exactly that ratio so you can spot bad framing.
Does Twitter/X Use Open Graph Tags?
Yes. X reads its own twitter:card tags first, then falls back to Open Graph tags for the title, description, and image. In practice you only need a twitter:card tag to set the card type; og:title, og:description, and og:image cover the rest.
Why Is My Link Preview Not Updating?
Platforms cache the tags from their first scrape of a URL, so edits to your page do not show up immediately. Force a fresh scrape with Facebook's Sharing Debugger or LinkedIn's Post Inspector. Posts that were shared before the fix may keep showing the old card until the cache clears.
Where Do Open Graph Tags Go?
Inside the head section of your HTML, as meta elements with a property attribute such as og:title and a content value. The protocol is documented at ogp.me, and the four required properties are og:title, og:type, og:image, and og:url.
Can I Check an OG Image Without Publishing the Page?
Yes, as long as the image itself is hosted at a public URL. Paste that URL into the og:image field above and the tool loads it into each preview card, and tells you if the file fails to load. That makes it a quick og image checker you can run before the page goes live.
Perfect social previews on autopilot
Mavek auto-generates optimized OG tags, images, and social previews for every page you publish.