Who it helps
It is useful for publishers, portfolio owners, marketers, and developers who need shared links to identify the correct page without relying on a platform to invent the copy.
Open Graph preview
Shape the title, description and identity of a shared page before adding the metadata to your site.
IMAGE PREVIEW AREAhttps://example.com/social-image.jpg
example.comA clear title for shared links
Explain what people will find when they open this page.
Platforms crop images and may display different text. This preview does not contact or download the supplied image.
<meta property="og:title" content="A clear title for shared links" />
<meta property="og:description" content="Explain what people will find when they open this page." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/social-image.jpg" />
<meta property="og:site_name" content="Your website" />ABOUT THIS TOOL
Use it with context.
The Open Graph Preview helps you compose social-sharing metadata and inspect a representative card before adding the tags to a page.
How it works
The form maps your values to standard Open Graph properties and renders a neutral preview. It shows the relationship between the site, title, description, and image, but does not imitate or promise the exact interface of any particular social network.
Privacy
Draft values are handled in the browser and are not uploaded. The preview does not request or proxy the supplied image URL, so private images are never fetched by this site.
HOW TO USE IT
A practical workflow.
- 01
Enter the canonical page URL and the title people should recognise when it is shared.
- 02
Add a concise description that remains truthful outside the page’s original context.
- 03
Provide a public HTTPS image URL with a stable landscape asset.
- 04
Copy the tags into the document head, publish the page, and use the destination platform’s debugger when one is available.
COMMON PROBLEMS
What the output cannot decide for you.
A relative image URL is supplied
Sharing crawlers need an absolute public URL, including the HTTPS origin and full image path.
Important content sits against the image edge
Platforms crop cards differently. Keep essential subjects and text away from the outer safe area.
The preview is treated as a guarantee
Platforms cache, crop, rewrite, or omit metadata. The preview is an editing aid, not an affiliation or exact reproduction.