---
title: "Open Graph Generator - Preview and Copy OG Tags | CanDoYa"
description: "Open Graph generator with a live social card preview, required-tag checks, and escaped HTML you can copy. Free and private in your browser."
url: https://candoya.com/tools/open-graph-generator/
locale: en
type: browser-tool
---

# Free Open Graph Generator

Category: SEO & Web

## 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.

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.

## How to use it

1. **Enter the required properties** - Add the Open Graph title, canonical page URL, and absolute image URL. The type defaults to website.
2. **Review the preview and validation** - Check the representative social card and resolve any missing or invalid property shown beside it.
3. **Add useful optional metadata** - Open the optional section for image alt text, site name, locale, content type, and real image dimensions.
4. **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.

## Expert note

The Open Graph protocol requires `og:title`, `og:type`, `og:image`, and `og:url`. If you provide an image, add `og:image:alt` too, and enter width and height only when they match the actual file rather than a preferred template size.

## Frequently asked questions

### 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.

## Related tools

- [Meta Tag Generator](https://candoya.com/tools/meta-tag-generator/)
- [SERP Snippet Preview](https://candoya.com/tools/serp-snippet-preview/)
- [UTM Link Builder](https://candoya.com/tools/utm-link-builder/)
- [Breadcrumb Schema Generator](https://candoya.com/tools/breadcrumb-schema-generator/)
- [Topical Map Generator](https://candoya.com/tools/topical-map-generator/)

---

*Markdown edition of <https://candoya.com/tools/open-graph-generator/>, published for AI agents and other automated readers. Index of key pages: <https://candoya.com/llms.txt>.*