Why is my image not showing?

Usually a relative URL where an absolute one is required, or an image behind a redirect or a login. Occasionally it is a size limit — very large images are skipped by some platforms and very small ones are ignored as icons.

Do I need Twitter card tags as well as Open Graph?

Mostly not. Most platforms fall back to Open Graph when the specific tags are absent. Add the card type if you want a particular layout, and keep the two sets consistent when you do.

Can I preview Open Graph tags for a localhost or staging page?

Yes, because nothing is fetched from your URL: paste the page HTML, upload the saved file, or type the og: values into the form. Remote images stay as placeholders until you tick Load remote images in the preview. The finished tags can then be copied straight into the page head.

Open Graph Preview & Checker

Check the Open Graph tags on a page and preview the card a social platform will build from them, before you find out by posting the link.

Browser tool

Open Graph

Read the tags from a page's HTML or describe the page in the form. Previews are illustrative: platforms restyle cards and cache what they scraped.

Page HTML

About Open Graph Preview

You find out that a share card is broken by sharing the link, at which point the platform has already cached the wrong thing. Checking the tags first is the difference between a considered preview and a bare URL in a colleague's feed. The preview is free, renders online, and involves no registration. Your URL and copy are handled locally instead of being shipped somewhere.

How to use Open Graph Preview

Provide the page or its markupEach property declared in the document head is listed beside the value it carries.
Check the four that matterTitle, description, image and URL. A missing image is the one people notice, because it is the difference between a card and a line of text.
Preview the resultSee roughly how the card assembles before a platform builds it for real.

Why the image needs an absolute URL

A crawler fetching your page from its own infrastructure cannot resolve /images/card.png — it has no idea what it is relative to. og:image must be a fully qualified URL including the scheme. This is the single most common reason a card renders with everything except the picture.

What it does not do

A preview is an approximation. Each platform crops, truncates and styles differently, and some ignore your tags in favour of their own extraction.
Platforms cache aggressively. Fixing a tag does not refresh a card that has already been scraped; most offer a debugger that forces a re-fetch.

Open Graph Preview: questions people ask

Why is my image not showing?: Usually a relative URL where an absolute one is required, or an image behind a redirect or a login. Occasionally it is a size limit — very large images are skipped by some platforms and very small ones are ignored as icons.
Do I need Twitter card tags as well as Open Graph?: Mostly not. Most platforms fall back to Open Graph when the specific tags are absent. Add the card type if you want a particular layout, and keep the two sets consistent when you do.
Can I preview Open Graph tags for a localhost or staging page?: Yes, because nothing is fetched from your URL: paste the page HTML, upload the saved file, or type the og: values into the form. Remote images stay as placeholders until you tick Load remote images in the preview. The finished tags can then be copied straight into the page head.

Questions about ToolsVerse itself — privacy, cost, what happens to your files — are answered in the frequently asked questions.

The tools people most often need alongside Open Graph Preview.

Can’t find the tool you need?

Tell us what you’re looking for and we’ll consider adding it.

Request a tool →