Open Graph Preview

About Open Graph Preview

When you share a link, platforms show a card with an image, title and description taken from the page's Open Graph tags. This tool previews how that card looks from the values you enter, so you can tune the title and description before publishing. It is helpful for bloggers, marketers and developers building shareable pages.

Example

Input: a title, a two-line description, a URL and an image link. Output: a card preview with the domain, title and description under a 1.91:1 image.

Tips for better results

• Use a 1200 by 630 pixel image for best results.
• Keep titles under about 60 characters and descriptions short.
• Clear caches with the platform's debugger tools after changing tags.

When to use Open Graph Preview

Use this tool before you publish or promote a page, when you want to see how the link card will look in a feed. Bloggers, marketers, designers and developers can test different titles, descriptions and image choices without posting anything. It is useful when a shared link looks plain or cut off, because you can adjust the wording and then update the tags on your site. The preview is an approximation of platform behavior.

Real-world uses

• A marketer compares two headline versions for a launch post and picks the one that fits the card without being cut off.
• A blogger finds a shared link has no card image and uses the preview to plan which picture to set in the SEO plugin.
• A developer checks the text for a new landing page template before adding the Open Graph tags to the site head.
• A nonprofit manager previews a donation page link to make sure the description reads clearly in social feeds.

Common mistakes to avoid

• Updating tags but not refreshing the platform's cache means old cards keep showing, so use each platform's sharing debugger after changes.
• Using an image with key text near the edges can crop badly, so keep the important part of the picture centered.
• Writing a title that differs sharply from the page headline can confuse readers, so keep the card consistent with the page itself.

Preview how your link looks when shared on social media. It works instantly in your browser, so there is nothing to install and nothing to upload. Open Graph Preview is part of our collection of 100 free tools in the SEO & Website category.

How to use it

1. Enter your information or choose a file in the tool above.
2. Your result appears right below the tool.
3. Copy the result, or adjust your input and try again.

Frequently asked questions

Why does my shared link still show the old image?

Platforms store a copy of the card. After updating your tags, run the link through the platform's sharing debugger or tool to force a fresh fetch.

Do I need a different image for each platform?

Not usually. One well-composed image around 1200 by 630 pixels works in most places, though you can add platform-specific tags if you want different cards.

Is Open Graph Preview free to use?

Yes. Open Graph Preview is completely free and you do not need to create an account.

Is my data uploaded anywhere?

No. This tool runs in your browser, so what you type or choose stays on your device.

How accurate are the results?

Calculations use standard formulas, but always double-check important figures, especially for money, health or legal decisions.