Meta Tag Social Preview

Preview how your page looks when shared on Google, Twitter, and Facebook free online. Enter your title, description, and image to see real social card previews.

Page Title

Description

URL

Image URL (optional)

Browser only -- manual input avoids CORS fetch restrictions.

How to Use This Tool

Enter your title, description, URL, and imageWhat you plan to publish

Choose a platform tabGoogle, Twitter, or Facebook

See the realistic previewCatch truncation or sizing issues before publishing

Why Manual Input Instead of Auto-Fetching Your URL

Browser-based tools attempting to fetch an arbitrary external URL run into CORS (cross-origin resource sharing) restrictions that most websites enforce for security -- this makes reliable automated fetching from a client-side tool genuinely unworkable for many sites. Manual input sidesteps this entirely and as a bonus lets you preview changes before you've even published them.

Each Platform Renders Differently

Google search results emphasize title and meta description in a specific truncated format, while Twitter and Facebook cards lean on Open Graph metadata with a prominent featured image -- this tool mimics each platform's actual visual layout so you can check your content against the real format it will eventually appear in.

Catching Truncation Before It's Live

Each platform cuts off titles and descriptions at different character limits. Seeing your actual text rendered at realistic length surfaces truncation issues you'd otherwise only discover after publishing and sharing the real link.

Frequently Asked Questions

Many sites block automated cross-origin fetching for security reasons (CORS policy), making live URL fetching unreliable from a browser-based tool. Manual input is more reliable and also lets you preview planned changes before actually publishing them.

Each platform renders shared links with its own specific layout and metadata source -- Google search results show title and meta description, while Twitter and Facebook cards primarily use Open Graph or Twitter Card meta tags, often with a larger featured image. This tool mimics each platform's actual visual format.

Each platform truncates titles and descriptions at different character limits, cutting off text with an ellipsis if you exceed them -- seeing your actual title rendered at realistic length helps you catch truncation before it happens on the real platform.

Most platforms recommend roughly 1200x630px for link preview images, since this ratio displays well across both card-style and feed-style placements without significant cropping.

Yes, comparing what you intended (entered here) against what actually displays when you share your real link helps isolate whether the issue is your actual meta tags, a caching delay on the platform's end, or something else entirely.