📱 Open Graph Preview

Preview how your URL will appear when shared on social media platforms like Facebook, Twitter, and LinkedIn.

💡 Tip: Enter a URL and click "Preview" to see how it appears on social media.
Enter a URL and click "Preview" to view the Open Graph preview.

What the tool reads

Enter a URL and our server fetches that page's HTML and pulls out the Open Graph tags it declares - og:title, og:description, og:image, og:url, og:type and the twitter: variants alongside them - and reports whether any were found at all. It lists the values themselves rather than drawing a mock-up, because the values are the part you control; every platform draws the card its own way.

One consequence of fetching rather than rendering: tags added by JavaScript after the page loads will not appear here. That is not a limitation worth working around, because the social crawlers do not run JavaScript either. If a framework injects your tags client-side, the card is empty everywhere.

Getting a card that looks right

TagWhat to put in it
og:imageAn absolute https:// URL, 1200x630 pixels. Facebook wants at least 200x200 and rejects files over 8 MB.
og:titleAround 60 characters. It is not your page title - write the line that works out of context, in someone's feed.
og:descriptionRoughly 110 to 160 characters survive on most platforms; the rest is cut.
og:urlThe canonical address. Shares of tracking-parameter versions then all count as one URL.
twitter:cardsummary_large_image for the wide format. X falls back to the og: tags for everything else.
Facebook and LinkedIn cache what they scrape, sometimes for weeks, so fixing a tag does not fix an already-shared link. Push the new version through Facebook's Sharing Debugger and LinkedIn's Post Inspector to force a re-scrape.

Frequently asked questions

Why does my image not show up when I share the link?

In order of how often it happens: the URL is relative rather than absolute, the platform has an older scrape cached, the file is behind a login or blocked in robots.txt, or it is below the minimum size. Check the value here first - if og:image reads /images/card.png instead of the full address, that is the whole problem.

What size should an Open Graph image be?

1200 by 630 pixels, a ratio of 1.91:1, is the size every major platform crops cleanly. Keep important content away from the edges, because LinkedIn and Slack trim differently, and keep the file under about a megabyte so the crawler does not give up waiting for it.

Do Open Graph tags affect my search ranking?

Not directly - they are for the platforms that read them, not for Google's ranking systems. The one connection is that Google names og:title among the sources it may draw on when it decides the headline to show for a page. What the tags really change is how many people click a shared link, which no amount of on-page work substitutes for.