OG / Meta Tag Previewer
Preview approximate Google, X, LinkedIn and Slack link cards. Write metadata, preview a local image and export escaped HTML tags without fetching a page.
Page details
45 characters. Display length depends on platform, font and device, not a fixed character limit.
92 characters. Display length depends on platform, font and device, not a fixed character limit.
Used for display and tags only; this tool does not fetch the page.
Included only in exported tags. Not fetched by this preview.
Optional local image
Stays in this browser. Uploading a local image does not host it or add an image URL to the tags.
HTML metadata
<title>A practical guide to building useful AI tools</title> <meta name="description" content="Explore practical notes on building AI tools, estimating costs and shipping useful software."> <link rel="canonical" href="https://example.com/guide"> <meta property="og:type" content="website"> <meta property="og:url" content="https://example.com/guide"> <meta property="og:title" content="A practical guide to building useful AI tools"> <meta property="og:description" content="Explore practical notes on building AI tools, estimating costs and shipping useful software."> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="A practical guide to building useful AI tools"> <meta name="twitter:description" content="Explore practical notes on building AI tools, estimating costs and shipping useful software.">
Place these tags in your page head. Supply a publicly hosted image URL for image tags.
Illustrations only. Actual platforms can truncate, cache or override metadata. Google may rewrite titles and snippets. No platform validation is performed.
Google preview
example.com
A practical guide to building useful AI tools
Explore practical notes on building AI tools, estimating costs and shipping useful software.
X preview
example.com
A practical guide to building useful AI tools
Explore practical notes on building AI tools, estimating costs and shipping useful software.
LinkedIn preview
example.com
A practical guide to building useful AI tools
Explore practical notes on building AI tools, estimating costs and shipping useful software.
Slack preview
example.com
A practical guide to building useful AI tools
Explore practical notes on building AI tools, estimating costs and shipping useful software.
How it works
Enter your title, description and page URL. The preview uses those fields as plain text. A local image can illustrate social cards without uploading it anywhere. The optional public image URL is included in exported HTML tags only. Copy or download the tags into your page head.
Know the limits
These are independent approximations, not pixel-exact platform renderers. Platforms can crop images, cache older cards, omit fields or rewrite snippets. The tool does not fetch URLs, verify image dimensions, check a deployed page or guarantee rankings. A local file needs public hosting before it can work as an OG image.
Runs in your browser. Inputs are not uploaded or saved. Explore all free tools or read the technical notes.