Open Graph Preview

Enter a URL and this reads the page's Open Graph tags, renders the card Facebook, X, LinkedIn, and Slack each build from them, and grades the tags the page actually declares. Every network crops and truncates differently, and two of them drop your text entirely, so a card that reads well on Slack says nothing at all on X.

The boxes hold the value a platform would use. Where the page declares no tag, the box falls back to whatever the platform falls back to, and the checks below report the tag as missing. Edit any box to see the card a change would produce.

twitter:card
Tag checks
Your tags

Paste these into the <head> of the page. Each platform caches the card it scraped, so a change only reaches a reader once that cache is cleared.


        

Four platforms, four crops

The reason to see all four previews at once is that they disagree, and two of them drop the words you wrote. Facebook shows the domain, around 88 characters of headline, and a single line of description. Slack shows the site name, the headline, and the description, and renders the image small. LinkedIn shows the image and the headline and never shows a description at all. X, since it rebuilt its link cards in October 2023, renders a large card as the image with the domain over one corner, so neither the headline nor the description appears.

The practical consequence is that the image carries the message on X, the headline carries it on LinkedIn, and only Facebook and Slack read the description. Write the headline so the first 60 characters stand alone, put those same words into the image, and treat the description as the sentence that earns the click on the two platforms that still show one.

What the checks grade

The checks grade the tags the page declares, not the boxes above them. A page carrying no og:title still previews with its page title, because that is what every platform falls back to, and the check still reports og:title as missing. The distinction is the point of the tool: a fallback is whatever the page happens to hold, so the social headline changes the day someone rewrites the title tag for Google.

Edit a box and its row is graded on what you typed and marked as your edit, which is how you size a new headline before writing it into the page. The tag block at the bottom is then the markup for that draft, ready to paste.

Frequently Asked Questions

What size should an og:image be?

1200 by 630 pixels, which is the 1.91:1 ratio Facebook, LinkedIn, and X all crop to. Keep it under 8 MB, use PNG or JPEG, and keep any text well inside the edges, since each platform crops slightly differently. An image below 600 pixels wide may be shown as a small thumbnail instead of a full card.

Why is my link preview not updating?

Every platform caches the tags it scraped, often for days. Changing the tags does not clear that cache. Facebook's Sharing Debugger and LinkedIn's Post Inspector both let you force a re-scrape; X refreshes on its own schedule. Confirm the tags are correct here first, then clear the cache on each platform.

Do Open Graph tags affect SEO?

Not as a ranking signal. They decide what a shared link looks like, which affects how many people click it, which affects how much traffic and how many links a page earns. The influence is real and entirely indirect.

Do I need Twitter tags as well as Open Graph?

Only for the parts that differ. X falls back to Open Graph tags when the Twitter equivalents are missing, so the one tag worth setting explicitly is twitter:card, which decides between the large card and the small one. The large card is the image with the domain over one corner and no text beside it, while the small summary card keeps the headline and the description as text next to a square thumbnail. If the image already carries your headline, the large card is the one to take; if it does not, the small card is the only one that says anything.

Why is a tag reported as missing when the preview shows text?

Because the two answer different questions. The preview shows the card a reader would see, and a platform that finds no og:title falls back to the page title, so the card still reads. The check grades the page itself, and a fallback is not a tag: it is whatever the page happens to carry, and it changes the day the title tag changes for Google. Set the tag and both agree.

What happens without an og:image?

The platform picks an image from the page, or shows no image at all. A card without an image takes a fraction of the vertical space in a feed and earns a fraction of the clicks, which makes og:image the single highest-value tag on this list.

Get Google and ChatGPT traffic on autopilot.

Start today and generate your first article within 15 minutes.

Content Plan