Open Graph Generator

Set your og:title, image, URL and description, pick a Twitter card style, and copy the tags. A live social-card preview shows how the link will look when it’s shared.

This open graph generator writes the og: and twitter: meta tags that control how your links look when someone posts them. Enter a title, image, URL and description and the social-card preview redraws in real time — a wide banner for a large-image card, a small thumbnail for a plain summary. The same og tags are read by Facebook, LinkedIn, Slack and X, so this og tags generator covers most of the social meta tags you need in one place. It’s a plain opengraph meta maker: no account, no upload, just copy the block into your <head>.

Twitter card
Social card preview
example.com
The 2026 Remote Work Report
Survey data from 4,000 distributed teams on pay, tooling and burnout — free to read.

A summary_large_image card shows a wide banner; a plain summary shows a small square thumbnail. Facebook, LinkedIn and Slack read the same og: tags.

Open Graph + Twitter tags
<meta property="og:title" content="The 2026 Remote Work Report">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/remote-work-report">
<meta property="og:image" content="https://example.com/og/remote-work.png">
<meta property="og:description" content="Survey data from 4,000 distributed teams on pay, tooling and burnout — free to read.">
<meta property="og:site_name" content="Example">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="The 2026 Remote Work Report">
<meta name="twitter:description" content="Survey data from 4,000 distributed teams on pay, tooling and burnout — free to read.">
<meta name="twitter:image" content="https://example.com/og/remote-work.png">

How it works

  1. 1

    Enter your title, URL and image

    The og:image drives the card banner. Paste a full https URL to an image that’s at least 1200×630 for the large card.

  2. 2

    Pick a Twitter card style

    Choose a large image or a compact summary, and add your @handle for the twitter:site tag.

  3. 3

    Preview and copy

    Watch the social-card preview update as you type, then copy the Open Graph and Twitter tags together.

Instant & 100% private — nothing is uploaded

Everything runs locally in your browser. Your code, text and files are processed on your own device and are never sent to a server — so there are no upload waits, no size limits from us, and nothing is ever stored or logged.

Frequently asked questions

What’s the difference between Open Graph and Twitter Card tags?
Open Graph (og:) tags are the shared standard most platforms read. Twitter added its own twitter: tags on top; when they’re missing, X falls back to the og: values. This tool writes both so your preview is consistent everywhere.
What image size should I use for og:image?
1200×630 pixels is the safe size for a large-image card. Smaller images may show as a cropped square or not at all.
Why doesn’t my link preview update after I change the tags?
Platforms cache previews. After you paste new social meta tags, use the platform’s debugger (like Facebook’s Sharing Debugger) to re-scrape the URL.
Do I need both og:url and a canonical link?
They serve different jobs. og:url is the canonical address for the shared card; a <link rel=canonical> is for search engines. It’s fine to point both at the same URL.
Does this opengraph meta maker store my data?
No. The tags are built in your browser and nothing you enter is sent anywhere.

More tools

JSON Formatter & ValidatorBeautify, minify, validate JSON with a collapsible tree view.Code Formatter & MinifierPretty-print or minify JS, TS, CSS, HTML, JSON, SQL and more.YAML ⇄ JSON ⇄ TOML ConverterConvert config between YAML, JSON and TOML, both ways.JSON Schema Viewer & ValidatorRender a JSON Schema as a tree and validate data against it.Markdown Editor (Live Preview)Write Markdown with a live, side-by-side HTML preview.Mermaid Live EditorTurn Mermaid text into flowcharts and diagrams, live.

More from the Hivly network

Free sister tools on our other sites.

Color Palette GeneratorShuffle palettes with the spacebar, lock favourites, copy hex codes.Length ConverterMetres, feet, miles, inches, km and more, instantly.Word CounterCount words, characters, sentences and reading time live.