Do I need Open Graph tags on every page of my site?

Ideally yes, especially on pages likely to be shared — blog posts, product pages, and the homepage. Pages without them will fall back to less predictable, often less attractive default previews.

Why does WhatsApp show a different preview than Facebook?

Most messaging apps also read Open Graph tags, but each has its own caching behavior and image-size handling, so previews can look slightly different across platforms even with the same tags in place.

Can I use the same og:image for every page?

You can, but a unique, relevant image per page generally gets more clicks when shared, since it visually signals what the specific content is about rather than showing a generic site logo everywhere.

Why Your Link Preview Looks Wrong When Shared

You share a link and the preview card shows a random logo, the wrong headline, or no image at all — even though the page itself looks fine. This almost always comes down to a handful of missing or stale meta tags.

What controls a link preview

When you paste a link into Facebook, Twitter/X, LinkedIn, or a messaging app, the platform doesn't guess what to show — it looks for specific Open Graph meta tags in the page's HTML <head>: og:title, og:description, and og:image. If those tags are missing, the platform falls back to guessing from the page's regular title tag and whatever image it can find, which often looks wrong or generic.

The tags that actually matter

og:title — the headline shown in the preview card.
og:description — the short summary text beneath the title.
og:image — the preview image, ideally 1200×630px.
og:url — the canonical URL the card should point to.
twitter:card — tells Twitter/X to render a large image card rather than a small thumbnail.

Generate the tags and preview them

See your Google, Facebook, and Twitter cards before you publish.

Try Meta Tag Generator

Why it sometimes looks wrong even after fixing the tags

Platforms cache preview data the first time a link is shared, and don't always re-check it automatically. If you've corrected the tags but the old preview still shows up, most platforms have a manual cache-refresh tool — Facebook's Sharing Debugger and Twitter's Card Validator are the two most commonly used.

A common mistake: relying on the regular title tag

The standard <title> tag controls what shows in a browser tab and search results, but social platforms specifically look for og:title first. A page can have a perfect title tag and still show a broken preview if the Open Graph tags are missing entirely.

Get the copyable code

Fill in your page details, copy the generated tags into your <head>.

Generate Meta Tags

The bottom line

A broken link preview is almost always a missing-tag problem, not a platform bug. Adding proper Open Graph and Twitter Card tags — and refreshing the platform's cache after fixing them — resolves the vast majority of cases.