Skip to content
Zoyku

Open Graph Generator

Build the full set of og: and twitter: meta tags and watch the share card preview update live before you paste anything.

HTML snippet

Share card preview

image URL (1200 × 630)

example.com

Page title

This tool runs entirely in your browser. Your data never leaves your device — it is not uploaded to any server.

How to use

  1. 1Enter the page title, description and canonical URL.
  2. 2Add the share image URL (1200 × 630 px works everywhere) and set the card type.
  3. 3Copy the tags into your <head> and check the preview card.

Open Graph Generator

When your link is shared on X, Facebook, LinkedIn, Slack or iMessage, the preview card is built almost entirely from Open Graph tags, with Twitter card tags filling the gaps. This generator outputs both namespaces: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description and og:locale, plus twitter:card, twitter:site and twitter:creator.

Most platforms fall back to the og: tags when a twitter: tag is missing, so the extras are only needed where they differ. The live preview approximates how a large-image or summary card renders.

Frequently asked questions

What image size should I use for og:image?

1200 × 630 pixels (1.91:1) is the safe default across Facebook, X and LinkedIn. Keep the file under 8 MB, use an absolute URL, and always add og:image:alt for accessibility.

Do I need both og: and twitter: tags?

twitter:title, twitter:description and twitter:image fall back to their og: equivalents. On top of the og: set you only need twitter:card (summary or summary_large_image), twitter:site and optionally twitter:creator.

Which og:type should I pick?

Use website for homepages and generic pages, article for news and blog posts (add article:published_time if you can), and product for e-commerce detail pages. The type changes how some platforms categorize the link.

Related tools

All SEO tools →

Meta Tag Generator

Generate title, description, keywords, robots and viewport meta tags with live HTML output you can paste straight into your <head>.

All tools →

SERP Preview

Preview your Google snippet on desktop and mobile with pixel-level truncation and length meters for the title and description.

All tools →

Schema Markup Generator

Generate valid JSON-LD structured data for Organization, LocalBusiness, Product, Article, FAQPage and HowTo — escaped and ready to paste.

All tools →

UTM Link Builder

Add utm_source, medium, campaign, term and content to any URL and get a correctly encoded tracking link you can copy or share.

All tools →

Embed this tool

Put this tool on your own site with one line — it runs entirely in the visitor's browser.

<iframe src="https://zoyku.com/en/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>
100% local processing