Skip to content
uxTools
Developer

Open Graph & Meta Tag Previewer

Edit the core Open Graph fields, compare live card previews, and copy the final meta tag snippet.

Title chars

47

Long titles get clipped much faster on X and Google.

Description chars

102

Preview surfaces usually crop this more aggressively than you expect.

X card mode

summary_large_image

summary and summary_large_image render very differently.

Meta fields

Fill in the title, description, URL, and image fields and preview the card in something much closer to the real platform surfaces.

These previews are not pixel-perfect screenshots. They aim to mirror Discord unfurls, X cards, and Google snippet behavior more honestly, with Google kept explicitly approximate.

Discord preview

A simpler shared-link unfurl surface instead of a bot or webhook message shell.

uxTools

uxTools launches five new web diagnostics tools

Preview the exact card Discord, X, and Google will show before you publish the page or paste the link.

X / Twitter preview

Compact layout for summary, wide layout for summary_large_image.

uxTools launches five new web diagnostics tools

Preview the exact card Discord, X, and Google will show before you publish the page or paste the link.

tools.uxplima.com

Google snippet

Approximate search snippet behavior; Google can still rewrite the final snippet.

UX

uxTools

https://tools.uxplima.com/en

Approx

uxTools launches five new web diagnostics tools

tools.uxplima.com

Preview the exact card Discord, X, and Google will show before you publish the page or paste the link.

Meta tags

Open Graph and Twitter tags ready for your head section.

<meta property="og:title" content="uxTools launches five new web diagnostics tools">
<meta property="og:description" content="Preview the exact card Discord, X, and Google will show before you publish the page or paste the link.">
<meta property="og:url" content="https://tools.uxplima.com/en">
<meta property="og:site_name" content="uxTools">
<meta property="og:type" content="website">
<meta property="og:image" content="https://dummyimage.com/1200x630/0f172a/ffffff&text=uxTools">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="uxTools launches five new web diagnostics tools">
<meta name="twitter:description" content="Preview the exact card Discord, X, and Google will show before you publish the page or paste the link.">
<meta name="twitter:image" content="https://dummyimage.com/1200x630/0f172a/ffffff&text=uxTools">