Vang HostingOpen Graph checker
Test your Open Graph tags: see how a page looks when someone shares it on Google, Facebook, X, LinkedIn, Slack, Discord or WhatsApp, and what to fix.
https://www.wikipedia.org/ · status 200 · 64 ms · 1 redirect
Previews
Changed your tags? Use Check again. Facebook, LinkedIn and X keep old previews for a while: how to refresh them.
X
From wikipedia.org
Slack
Discord
Checks
7 good 5 to improve 0 missing or broken
- To improve: The image is 250×229; 1200×630 or larger looks sharp everywhere.How to fix: Use an image of 1200×630 pixels or larger, in the same shape.
- To improve: The image is not 1.91:1, so large previews will crop it.How to fix: Use an image of 1200×630, or keep the important part in the middle.
- To improve: The image has no alt text (og:image:alt).How to fix: Add <meta property="og:image:alt" content="…"> that describes the picture.
- To improve: twitter:card is missing; X then shows a small card.How to fix: Add <meta name="twitter:card" content="summary_large_image">.
- To improve: No canonical link.How to fix: Add <link rel="canonical" href="…"> with the main address of the page.
- Good: Title: 9 characters.
- Good: Meta description: 130 characters.
- Good: og:title is set.
- Good: og:description is set.
- Good: og:image is set.
- Good: og:url is set.
- Good: og:type is set.
Try other text
Change the text or image to see the previews and the code update. Nothing is saved.
Code
<!-- Search engines -->
<title>Wikipedia, the free encyclopedia</title>
<meta name="description" content="Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.">
<!-- Open Graph (Facebook, LinkedIn, Slack, Discord, WhatsApp) -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.wikipedia.org/">
<meta property="og:title" content="Wikipedia, the free encyclopedia">
<meta property="og:description" content="Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.">
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png">
<!-- X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Wikipedia, the free encyclopedia">
<meta name="twitter:description" content="Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.">
<meta name="twitter:image" content="https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png">Key tags
title
The page title in search results and browser tabs.
Wikipedia
description
The text under the title in search results.
Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.
og:title
The title in link previews on Facebook, LinkedIn, Slack, Discord and WhatsApp.
Wikipedia, the free encyclopedia
og:description
The text under the title in link previews.
Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation.
og:image
The picture in link previews. 1200×630 looks sharp everywhere.
og:image:alt
A description of the picture for people who use a screen reader.
To improve: Could not find this tag on the page.
og:url
The address that likes and shares are counted for.
To improve: Could not find this tag on the page.
og:type
What the page is, usually website or article.
website
og:site_name
The name of the site, shown above the title on some platforms.
Note: Platforms show the domain name instead.
twitter:card
The card on X: summary_large_image shows a big picture, summary a small one.
To improve: X shows a small card.
twitter:title
The title on X.
Note: Not set, so og:title is used. That is fine.
twitter:description
The text on X.
Note: Not set, so og:description is used. That is fine.
twitter:image
The picture on X.
Note: Not set, so og:image is used. That is fine.
twitter:site
The @username of the site on X.
Note: Optional; only needed if the site has an X account.
canonical
The main address of the page, so search engines don't count copies.
To improve: Could not find this tag on the page.
viewport
Makes the page fit on phones.
initial-scale=1,user-scalable=yes
robots
Tells search engines whether to index the page and follow its links.
Note: Optional; without it search engines index the page.
All 7 meta tags on the page
| Tag | Content |
|---|---|
title | Wikipedia |
description | Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation. |
viewport | initial-scale=1,user-scalable=yes |
og:url | |
og:title | Wikipedia, the free encyclopedia |
og:type | website |
og:description | Wikipedia is a free online encyclopedia, created and edited by volunteers around the world and hosted by the Wikimedia Foundation. |
og:image | https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png |
Questions
What is Open Graph?
Open Graph is a set of <meta> tags in the <head> of a page, such as og:title, og:description and og:image. Facebook, LinkedIn, Slack, Discord, WhatsApp and many other apps read them to build the card you see when someone shares a link. X reads its own twitter: tags first and falls back to Open Graph.
How do I test my Open Graph tags?
Enter the address of the page above and choose Check. The checker loads the page the way social sites do, shows the previews, lists what is missing, says how to fix each problem, and gives you the tags to copy.
Which tags should every page have?
A <title>, a meta description, og:title, og:description, og:image, og:url, og:type and twitter:card. Add og:image:alt for people who use a screen reader, and a canonical link for search engines.
What size should my share image be?
1200×630 pixels (a 1.91:1 shape), as a JPG, PNG or WebP under 5 MB, at a full https:// address. Social sites don't show SVG images. Keep text and faces away from the edges, because some apps crop the image to a square.
Why does my shared link look different from the preview here?
Social sites remember a preview for days, so after you change your tags they may still show the old one. Ask Facebook to read the page again in its Sharing Debugger (Scrape Again), and LinkedIn in its Post Inspector. X, Slack, Discord and WhatsApp have no such button: share the address with something added, such as ?v=2, to get a fresh preview. Each app also changes its design now and then, so the previews here show the content and the shape, not every pixel.
Does it check X (Twitter) cards?
Yes. It reads twitter:card, twitter:title, twitter:description and twitter:image, shows the large or small card that X will use, and tells you when X falls back to your Open Graph tags.
Why can't it check my page?
It checks public pages on http or https at the normal ports, not addresses on a private network. Some sites block unknown visitors or answer slowly. And it reads the HTML as the server sends it, like social sites do: tags that JavaScript adds later are not seen here, and mostly not by social sites either.
Is it free?
Yes, with no account. To keep it fair for everyone, each visitor can check 20 pages every 5 minutes. We don't keep the pages you check.
Need hosting for that page?
We host websites, APIs and products on our own servers since 1996, with free HTTPS and daily backups.
About Vang Hosting