Open Graph Generator

Site owners and content creators can use this before publishing a page or preparing it for sharing. Prepare the social sharing of a page.

Prepare the social sharing of a page. The result appears instantly in your browser, ready to copy, with no account, upload or storage involved.

How to use

Gather the title, description, page address and image address you want to appear when the link is shared.
Enter those values in the field, following the order shown by the tool interface.
Run the generation to create the matching Open Graph tags, ready to copy.
Copy the resulting code and place it in the head section of the target page.
Erase the fields to prepare another page or compare alternative versions before publishing.

Example

With the supplied sample, the generator builds tags from a title, a description, a page address and an image address. Check that each value really belongs to the page you are working on before copying the code into your site, especially the image link and the canonical page address.

Input

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

Output

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

Limits and formats

The tool only creates tags to copy; it does not publish anything on your site for you.
Values must be accurate, because a wrong address will produce a broken social preview.
The final appearance depends on each social platform and its caching rules.
Check image size and format directly on the platform where you plan to share the link.
Test the result on several platforms, since each one may apply its own display rules.

Where processing happens

Generation happens in your browser. The information you type stays on your device and is not sent to any external service. You do not need an account to create or copy the result.

Frequently asked questions

Where should I put the generated code?

Place the tags in the head section of the target page, ideally before other scripts. They tell social platforms which title, description and image to show when someone shares the link.

Can I use a local image file?

No, social platforms need to fetch the image from a publicly reachable address. Use an image that is already online on your site or on an allowed hosting service.

Why does the preview not update after my change?

Social platforms often cache old data. After publishing the new tags, use their debugging tool to refresh the cache or wait until it expires naturally.