Open Graph Preview
Preview how link title, description, and image values may appear.
Open Graph Preview
Preview how link title, description, and image values may appear.
Fast calculators, text utilities, developer tools, SEO helpers, and social generators.
About this open graph preview
The Open Graph preview shows how a link is likely to appear when shared — the title, description, and image that social apps and messengers pull from a page's Open Graph tags. Enter the values and see a card-style mock-up, so you can judge the result before publishing.
Because each platform crops and styles cards differently and caches what it fetches, previewing first avoids the frustration of a shared link showing the wrong image or a clipped title. Use it to fine-tune the title length and confirm the image reads well at card size.
Common uses
- Preview a link's social card before sharing it on platforms like Facebook, LinkedIn, or X.
- Check that the Open Graph title and description are not awkwardly truncated.
- Confirm the chosen preview image looks right at card proportions.
Helpful tips
- Use an image around 1200x630 pixels for the sharpest, least-cropped social card.
- Keep the title concise so it is not cut off in the smaller card layouts.
- Platforms cache previews, so re-share or use their debug tool if an update does not appear.
How to use Open Graph Preview
- Enter the page, keyword, snippet, robots rule, or preview content you want to check with Open Graph Preview.
- Make sure the input describes the real page honestly instead of only chasing keywords.
- Run the tool and compare the output with the search result, crawler, social preview, or content workflow you are targeting.
- Edit titles, descriptions, keywords, or rules until they are specific, readable, and aligned with the page content.
- Check the final result on the live page or staging page after publishing because platforms can interpret metadata differently.
Frequently asked questions
Why does my shared link show the wrong image or title?
The platform is usually showing cached Open Graph data, or the tags are missing. Update the tags and refresh the platform's cache to fix it.
Is this preview exactly what every platform shows?
It is a close approximation. Each platform applies its own cropping, fonts, and layout, so treat it as a reliable guide rather than a pixel-perfect copy.
Is Open Graph Preview free, and does it work on mobile?
Yes. Open Graph Preview is free to use on JustBloc with no account or installation, and the page is designed to work on desktop, tablet, and mobile browsers.