Yes. You are composing fields rather than scraping your production page here.

What image size works best?

Large landscape images (about 1200×630) are a common OG default—avoid tiny logos.

Do I still need Twitter/X-specific tags?

Some platforms fall back to OG; others prefer their own tags. Check each network’s docs for critical campaigns.

Open Graph Preview

Draft Open Graph tags and preview social share cards.

og:title

og:site_name

og:url

og:image

og:description

Odin

Title

Description preview

Open Graph tags

<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Odin" />

About this tool

Social cards decide whether people click your link. This free Open Graph preview helps you visualize title, description, and image fields before you post. Draft OG values locally, check the layout, and align marketing copy with what platforms tend to show.

How to use

Enter OG title, description, and image URL or sample.
Preview how a social card might look.
Adjust copy length and image framing.
Implement the final tags on your site and retest live.

Frequently asked questions

Each network caches and crops differently. Use this as a design aid, then validate with official debuggers on the live URL.

Open Graph Preview

About this tool

How to use

Frequently asked questions

Related tools

Meta Tag Preview

UTM Builder