Open Graph Preview
Preview how a page will look when shared on Facebook, Twitter/X, LinkedIn and WhatsApp. Fill in the meta tags and see the social cards in real time.
Meta Tags
Meta tags geradas:
Facebook / Open Graph
exemplo.com
Título da Minha Página
Descrição da página...
Twitter / X
Título da Minha Página
Descrição da página...
exemplo.com
Título da Minha Página
Descrição...
exemplo.com
See the social card before you publish
You share a link and the card shows the wrong image or a chopped-off title, and since Facebook and LinkedIn cache previews, the fix takes a while to show up. This page lets you test first: fill in og:title, og:description, og:image, og:url and og:site_name and watch the Facebook, Twitter/X and LinkedIn cards update as you type. The finished block of meta tags, ready to paste into your page head, is assembled right below the form.
Each network truncates text at a different point, and that is what the preview simulates: titles at 60 characters on Facebook and 70 on Twitter/X and LinkedIn; descriptions at 160, 200 and 120 respectively. The same copy can fit on one card and get cut on another. The tool also fills in what most people forget: og:type set to website, plus the twitter:card, twitter:title, twitter:description and twitter:image tags, generated from the same fields.
Use an image of at least 1200 by 630 pixels, the ratio Facebook recommends for the large format. If the image does not show up, check that its URL is public: your own browser fetches it straight from that server. Nothing you type leaves the page. One limit worth knowing: the tool builds the card from what you enter; it does not scrape tags from a page that is already live. To audit a published link, view the page source or run it through Facebook's Sharing Debugger.
Frequently asked questions
Why doesn't my image load in the preview?
Does this read the tags from an existing site?
What about WhatsApp?
Related Tools
Meta Tag Analyzer
Paste a page HTML and see all meta tags (description, keywords, Open Graph, Twitter, viewport, robots) extracted and organized. Everything in your browser.
Open Graph Validator
Check the main og:* tags (title, description, image, url, type, locale) and point out what is missing. Card preview included.
Twitter Card Generator
Generate Twitter Card meta tags (summary, summary_large_image, app, player). Card preview as it will appear on X/Twitter. Everything in your browser.
Meta Tags Generator
Generate SEO meta tags — title, description, canonical and Open Graph — in seconds. Copy the generated HTML directly into your site.
Meta Tag Builder (OG + Twitter)
Builder focused on Open Graph and Twitter Cards. Preview a share card before publishing.
Complete Meta Tags Generator
Complete meta tag set: charset, viewport, description, OG, Twitter, theme-color, canonical and hreflang.