Open Graph & Twitter Card Preview

Paste your og:title, og:description, and og:image URL to see exactly how your link will look when shared on Facebook, X (Twitter), and LinkedIn — before you publish.

Recommended: 1200×630px (roughly 1.91:1 ratio) for best display across platforms.

Image preview will appear here
example.com
Your title will appear here
Your description will appear here

What are Open Graph and Twitter Card tags?

Open Graph tags are meta tags in your page's <head> that control how your page looks when shared as a link on Facebook, LinkedIn, Slack, and most other platforms. Twitter (X) uses its own similar tag set, falling back to Open Graph tags when Twitter-specific ones aren't present. Without them, platforms guess at a title, description, and image — often with unpredictable results.

The core tags you need

  • og:title — the headline shown on the card
  • og:description — a short summary shown below the title (support varies by platform)
  • og:image — the preview image, ideally 1200×630px
  • og:url — the canonical URL for the page being shared
  • og:site_name — your site or brand name
  • twitter:card — set to summary_large_image for a full-width image card on X

Frequently Asked Questions (FAQ)

Q. Why does my image look cropped or stretched when shared?
A. Most platforms crop images to a roughly 1.91:1 ratio. Using a 1200×630px image avoids awkward cropping since it already matches that ratio.
Q. I updated my og:image but the old one still shows when I share the link.
A. Platforms cache Open Graph data. Facebook has a Sharing Debugger and X has a Card Validator that let you force a re-scrape of the page.
Q. Do Open Graph tags affect my Google ranking?
A. Not directly — they're a social-sharing signal, not a Google ranking factor. They do, however, affect click-through rates when your content is shared on social platforms.

This tool runs entirely in your browser. Nothing you type is sent to or stored on any server. The image preview loads directly from the URL you provide, the same way a browser normally loads any image.