Open Graph Preview
See exactly how your links will appear on Facebook, LinkedIn, X/Twitter, and Google before you share them.
Enter a URL above to preview how it looks on social media
What are Open Graph Tags?
Open Graph (OG) tags are HTML meta tags that control how your content appears when shared on social platforms like Facebook, LinkedIn, and X/Twitter. They define the title, description, and image that show up in the link preview card.
Without proper OG tags, social platforms will try to guess what to display — often resulting in missing images, truncated text, or generic previews that nobody clicks. A link that posts as bare blue text competes badly against every other post in the feed, no matter how good the page behind it is.
This matters most in the places local businesses actually get shared: a customer recommending you in a neighbourhood Facebook group, a partner posting your service page on LinkedIn, someone pasting your link into a WhatsApp thread. Each of those renders from your Open Graph tags. Getting them right is a one-time job that keeps paying off.
The four tags that matter
og:title — the headline on the card. It doesn't have to match your SEO title tag, and often shouldn't: this one is read by someone scrolling a feed, not searching.
og:image — the single highest-impact tag. Use 1200 × 630 pixels, an absolute URL, and make sure the file isn't blocked to crawlers. A missing image is the most common reason a shared link underperforms.
og:description — one or two lines of context. Platforms truncate it at different lengths, so front-load the point.
og:url — the canonical URL for the page. This keeps engagement counts consolidated when the same page is reachable through several URLs with tracking parameters attached.
If a preview looks wrong after you've fixed the tags, the platform is almost certainly serving a cached version. Facebook's Sharing Debugger and LinkedIn's Post Inspector will force a re-scrape.
Frequently Asked Questions
- What size should my og:image be?
- 1200 × 630 pixels is the safe standard — it renders correctly on Facebook, LinkedIn, and X without cropping. Keep the file under 5MB and put any text well inside the frame, since different platforms crop the edges by slightly different amounts.
- I updated my og:image but the old one still shows. Why?
- Social platforms cache link previews aggressively, often for weeks. Changing the tag doesn't clear their cache. Use Facebook's Sharing Debugger and LinkedIn's Post Inspector to force a refresh, or add a version query string to the image URL.
- Do I need Twitter Card tags if I already have Open Graph tags?
- Not strictly. X falls back to Open Graph tags when Twitter Card tags are absent, so a page with complete OG tags will still render a preview. Adding twitter:card gives you control over whether the image shows as a large banner or a small thumbnail.
- Does Open Graph markup help my SEO?
- Not as a ranking factor — Google doesn't use Open Graph tags to rank pages. It helps indirectly: links that render with a proper image and headline get shared and clicked far more, and that traffic and those links are things Google does respond to.
- Why does my link preview show no image at all?
- Usually one of three things: there's no og:image tag, the URL is relative instead of absolute, or the image is blocked to crawlers by robots.txt or a login wall. This tool resolves relative URLs for you, so if you see an image here but not on Facebook, suspect the crawler block.
- Can I preview a page that isn't published yet?
- Only if it's reachable at a public URL. The tool fetches the page the same way a social platform would, so pages behind a password, on localhost, or on a private network can't be checked. Staging URLs work as long as they're publicly accessible.
More Free Tools
Explore our other browser-based utilities — 100% free, no sign-up.
Meta Tag Analyzer
Audit title, description, OG & Twitter tags.
OG Preview Tool
Preview how links appear on social platforms.
Heading Analyzer
Check H1–H6 hierarchy & accessibility.
Robots.txt Validator
Validate crawl directives & rules.
Sitemap Validator
Verify sitemap structure & URLs.
pSEO CSV Generator
Generate keyword CSVs for programmatic SEO.
Email Signature Generator
Create professional HTML email signatures.