Pular para o conteúdo

SEO & utilitiesFree

Open Graph Preview

Simulates how your link appears when shared on Facebook, LinkedIn, Twitter/X and WhatsApp. Shows the previews side by side, checks the title, description and image size and flags issues before you publish. Also generates the meta tags in HTML.

  • No sign-up
  • Runs in your browser
No image. Cards without an image get 2 to 3 times lower CTR. Use 1200×630 px.

Previews

Facebook · LinkedIn (large card)

No image
batedor.com.br
Open Graph Preview: see how your link looks
Simulate how your link will look when shared on Facebook, LinkedIn, Twitter and WhatsApp before publishing.

Twitter / X (summary large image)

No image
batedor.com.br
Open Graph Preview: see how your link looks

WhatsApp (link message)

No image
Open Graph Preview: see how your link looks
Simulate how your link will look when shared on Facebook, LinkedIn, Twitter and WhatsApp before publishing.
batedor.com.br
https://batedor.com.br/ferramentas/og-preview
HTML to paste inside the page head
<title>Open Graph Preview: see how your link looks</title>
<meta name="description" content="Simulate how your link will look when shared on Facebook, LinkedIn, Twitter and WhatsApp before publishing." />
<link rel="canonical" href="https://batedor.com.br/ferramentas/og-preview" />

<!-- Open Graph (Facebook, LinkedIn, WhatsApp) -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://batedor.com.br/ferramentas/og-preview" />
<meta property="og:title" content="Open Graph Preview: see how your link looks" />
<meta property="og:description" content="Simulate how your link will look when shared on Facebook, LinkedIn, Twitter and WhatsApp before publishing." />
<meta property="og:site_name" content="Batedor" />
<meta property="og:locale" content="pt_BR" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Open Graph Preview: see how your link looks" />
<meta name="twitter:description" content="Simulate how your link will look when shared on Facebook, LinkedIn, Twitter and WhatsApp before publishing." />

How do your competitors show up online?

Batedor monitors your competitors’ websites and social profiles every day and shows you what they publish. Try it free for 14 days.

Try for free

How it works

How the Open Graph Preview works

The Open Graph Preview reads the meta tags you set (URL, title, description, image and site name) and builds the card exactly as Facebook, LinkedIn, Twitter/X and WhatsApp will render it. Everything runs in your browser: you type the fields and the four previews update side by side in real time, with the domain pulled straight from the URL.

The tool validates each field against every network's limits. Title ideal up to 60 characters (hard cap 90), description up to 160 (limit 200) and image in the recommended 1200x630 ratio. If the image, title or URL is missing, or any text overflows, it flags the problem before you publish. For example, a 95-character title shows up marked in red and the card previews how it gets truncated.

Tip for Brazilian e-commerce: the 1200x630 image is what earns the click in WhatsApp groups and the Facebook feed, where your Black Friday offer will circulate. Without og:image the thumbnail vanishes and the link becomes plain text. Generate the ready-made HTML tags here and paste them into the head of the product or landing page before launching the campaign.

FAQ

Frequently asked questions

What is Open Graph (OG)?

Open Graph is the set of meta tags (og:title, og:description, og:image) that defines how a link looks when shared on social media. Without them, Facebook, LinkedIn and WhatsApp build the card from random page data.

How do I preview a link before publishing?

Paste the URL or the link data into the Open Graph Preview tool and it simulates side by side how the card will appear on Facebook, LinkedIn, Twitter/X and WhatsApp. Runs 100% in the browser, no signup.

What is the ideal Open Graph image size?

The recommended og:image is 1200×630 px (1.91:1 ratio), which works well across Facebook, LinkedIn and Twitter/X. The tool validates the size and warns you when an image is off-spec or likely to be cropped.

Why does my link show up without an image on WhatsApp?

Usually because the og:image/og:title tags are missing or the image is too large to load into WhatsApp's cache. The preview shows all 4 formats side by side and points out exactly which tag is missing or invalid.

Is the Open Graph Preview free?

Yes, it is 100% free and runs right in your browser, no login. You check the card's title, description and image, then fix any issues before publishing the link.

SEO & utilities

Related tools

See category

UTM Builder

Builds links with UTM parameters

Slug Generator

Turns titles into URL slugs

Hex / RGB / HSL Color Converter

Converts Hex, RGB and HSL

UTM Decoder

Splits the UTM parameters of any URL

Blog

Articles on this topic

See the blog

Channels

How to Monitor a Competitor’s Instagram (the Professional Way)

A story screenshot won’t cut it. See how to monitor a competitor’s Instagram the professional way.

9 min read

Channels

How to Monitor a Competitor’s Website (Prices, Launches and Changes)

The website is where a competitor’s strategy materializes first — and it’s the least-watched channel. How to catch every new price, launch and banner without living on F5.

9 min read

Analysis

Analyze Competitors’ Creatives with Vision AI

Reading 5 of a rival’s creatives is easy; 300 a month is impossible by hand. See what a vision AI pulls from each ad (theme, offer, face, on-image text, palette), how the visual playbook turns that into a readable pattern, and what automated analysis still can’t do.

10 min read