Meta Tag & Open Graph Generator

Build a minimal Open Graph and Twitter Card tag set, resolve relative share images to absolute URLs, preview the card, and catch common publishing mistakes before sharing.

WEB PUBLISHING UTILITIES · PRIVATE BROWSER WORKSPACE

Preview the link before you publish.

Build a minimal Open Graph and Twitter Card tag set, resolve relative share images to absolute URLs, preview the card, and catch common publishing mistakes before sharing.

SHARE CARD SETUP

Build the tags your preview actually needs.

Social crawlers read Open Graph. Twitter inherits its title, description and image, so this studio only writes the Twitter-specific card choice and optional site handle.

Page URLUsed for canonical, og:url, and resolving relative image paths. Title38 characters · many cards truncate near 60 Description100 characters · keep the key detail first Social image URLRecommended image canvas: 1200 × 630. Relative paths are resolved against Page URL.

Site nameOptional site handle

Open Graph content typeTwitter card shape

PRE-PUBLISH CHECK

Inspect the share card and tag set.

LOCAL PREVIEW

✓ Relative image path resolved to https://ecech.com/og/bmi.png.

PASTE INSIDE <head>

Generated tags

14 lines

The preview is an approximation and does not fetch remote images. Platforms cache previews; refresh them with the platform debugger after publishing changes.

Private by design · Input is processed in this browser. Preview your actual production URL and image before publishing.

Need a feature from the original version? Open the current ECECH tool

How this app works

Build a minimal Open Graph and Twitter Card tag set, resolve relative share images to absolute URLs, preview the card, and catch common publishing mistakes before sharing.