Seven real previews
Google's snippet, X's large and summary cards, Facebook and LinkedIn posts, Slack and Discord embeds, and a KakaoTalk chat bubble.
See your link before you ship it.
Type the title, description and image once. Every card — Google, X, Facebook, LinkedIn, Slack, Discord and KakaoTalk — updates as you type, and the meta tags are ready to paste. Nothing leaves your browser.
1Content
Start from
0/60
0/160
1200 × 630 (1.91:1) works everywhere.
More options
The bar beside a Discord embed.
2Live preview
0 of 6 ready
Title
Description
URL
Image
Size
X handle
3Meta tags
Paste into <head>. Duplicate tags are the usual reason a card shows the old text — keep one set only.
One set of tags, every platform
Each network reads the same Open Graph tags and adds its own. The generator writes both so no card is left blank.
01
Write once
Title, description, URL, image. The character counters follow the limits Google, X and Facebook actually apply, not a round number.
02
Check every card
Seven previews in the styles of the real products, including the crop each platform applies to your image.
03
Paste the tags
Plain HTML for any site, or a Metadata object for the Next.js App Router. Both stay in sync with what you see.
Built for the moment before a launch
The details that decide whether a shared link is opened or scrolled past.
Character limits that matter
Counters turn amber then red at the width where the platform truncates — around 60 for a title and 160 for a description.
Image checks
Drop in a file or paste a URL. The generator reads its pixel size, flags a ratio that will be cropped and warns about data URLs.
Copy-ready output
Standard meta tags and a typed Next.js Metadata export, with the fields you left empty left out instead of emitted blank.
Presets for common pages
A SaaS launch, an engineering post and a product page, each with copy that already fits the limits.
No upload, no account
The page is static files and a script. Text and images stay in the tab; only your theme and language are remembered.
Where the tags are read
Same source, different rules. These are the ones worth getting right.
Google Search
Title, URL and description in the result. Uses the page's title and meta description; the site name comes from structured data.
X (Twitter)
summary_large_image for a wide picture, summary for a square thumbnail. twitter:site adds the handle.
Facebook & LinkedIn
og:title, og:description and a 1.91:1 og:image. Both re-scrape on demand through their own debuggers.
Slack & Discord
Unfurls from Open Graph, with the site name as the author and your image below the text.
KakaoTalk & messengers
The white link card in a chat: image, two-line mobile title, description and domain.
What none of them read
Keywords, and any tag that points at localhost or a data URL. Absolute https URLs are the whole game.
Your copy stays in the tab
No upload
There is no server that receives your text or images. The page is static and the previews are drawn by JavaScript on your device.
No account, no cookies
No sign-up, no analytics script, no advertising pixel. Only your theme and language are kept in this browser's local storage.
A link only if you make one
Copy link puts the card into the URL fragment so you can send it to a colleague. Nothing is shared until you do that.