Private browser utility / SEO & Web

Free Open Graph Generator

Runs entirely in your browser - no upload, no sign-up.

Live workspaceLocal processing

Required properties

Complete the four properties defined by the Open Graph protocol.

1 of 4 ready

Open Graph title0 / 60

Open Graph description0 / 200

Canonical page URL

Open Graph image URL

Use an absolute URL. A 1200 x 630 image is a practical cross-platform starting point.

Optional details and image metadata

Image alt text

Site name

Content type

Locale

Image width

Image height

Social card preview

A representative preview. Each platform can crop or truncate differently.

Needs details

Validation

Add og:title, one of the four required Open Graph properties.

Add og:url so platforms know the permanent page address.

Add og:image so shared links have a visual preview.

Generated Open Graph tags

01 / Overview

What is an Open Graph generator?

An Open Graph generator creates the og: meta tags that control how a page appears when its link is shared. Enter a title, page URL, image, and description to preview the card, catch missing required properties, and copy safe HTML for your page head. Everything is generated locally in your browser.

How to use

01
Enter the required properties
Add the Open Graph title, canonical page URL, and absolute image URL. The type defaults to website.
02
Review the preview and validation
Check the representative social card and resolve any missing or invalid property shown beside it.
03
Add useful optional metadata
Open the optional section for image alt text, site name, locale, content type, and real image dimensions.
04
Copy the tags
Copy the generated markup into the head of your page, publish it, then verify the live URL with each platform you care about.

Who it's for

Developers adding copy-ready Open Graph tags to a static page, template, or component.
Content teams checking a campaign title, description, and image before a link is published.
Site owners fixing bland or incomplete link previews without installing a plugin.
Designers stress-testing how long titles and descriptions fit beside a 1200 x 630 share image.

Open Graph metadata turns a plain URL into a richer share card with a headline, image, and supporting description. This generator focuses on the Open Graph layer instead of producing an entire SEO head. It validates the protocol's four required properties, keeps optional image details tucked away, and escapes quotes and angle brackets before it writes the markup.

The preview is a design check, not a promise of pixel-perfect rendering. Facebook, LinkedIn, Slack, Discord, and messaging apps can apply their own crops, fonts, caches, and text limits. After publishing, use the relevant platform debugger to confirm what its crawler actually sees.

FAQ

Is this Open Graph generator free?

Yes. You can generate, preview, validate, and copy as many Open Graph tag sets as you need without creating an account. The tool has no usage limit and does not watermark or modify the metadata it creates.

Are my page details or image uploaded?

No. The text and URLs you enter are processed locally in your browser. The preview may ask your browser to display the image at the URL you provide, but CanDoYa does not upload or store that image or your metadata.

What are the required Open Graph tags?

The Open Graph protocol defines four required properties: og:title, og:type, og:image, and og:url. A description is optional but useful for richer cards. Site name, locale, image alt text, and image dimensions provide extra context when they are accurate.

What size should an Open Graph image be?

A 1200 x 630 pixel image is a practical starting point for a wide social card, but each platform may crop or resize it differently. Keep important text and logos away from the edges, use an absolute HTTPS image URL, and test the published page on your target platforms.

Where do I paste Open Graph tags?

Paste the generated meta elements inside the head element of your HTML page. If your site uses Astro, Next.js, another framework, or a CMS, place the same properties in its page metadata API or SEO settings so they render in the final server-delivered HTML.

Why does a shared link still show old information?

Social platforms cache link metadata. Confirm that the published page contains the new tags and that its image URL is publicly reachable, then use the platform's sharing debugger or inspection tool to request a fresh scrape. A local preview cannot clear a platform cache.

Does the preview look exactly like Facebook or LinkedIn?

No. It is a representative layout for checking hierarchy, image shape, and text length. Networks and messaging apps choose their own fonts, crops, fallbacks, and truncation rules, so always validate the deployed URL on the services where the link will be shared.