OpenGraph Checker
Recent Submissions
OpenGraph Checker: Control How Your Links Look When Shared
When a link is posted on Facebook, X (Twitter), LinkedIn, or a messaging app, the platform usually generates a preview card with a title, description, image, and domain. Those cards are driven mainly by OpenGraph meta tags. An OpenGraph checker lets you see an approximate preview of that card based on the tags currently present on a page, so you can catch missing or incorrect values before your audience sees them.
The tool focuses on the metadata that shapes a shared link. It does not post to social networks, publish anything, or modify your site.
What OpenGraph Tags Do
OpenGraph is a set of meta tags placed in the <head> of a page. They tell platforms what to display when the page is shared. The most important ones are:
- og:title: the headline shown on the card.
- og:description: a short summary under the title.
- og:image: the image displayed in the card.
- og:url: the canonical address of the page.
- og:type: the type of content, such as article or website.
- og:site_name: the name of the site or brand.
Twitter/X also uses its own card tags, such as twitter:card, twitter:title, twitter:description, and twitter:image. Many platforms fall back to OpenGraph values when specific tags are missing, but not always in the same way.
Why Shared Link Previews Matter
Shared links compete for attention in crowded feeds. A well-formed card with a clear title and a relevant image is more likely to be opened than a bare URL or a broken preview. Common problems that hurt sharing include:
- Missing og:image, resulting in a plain text card.
- Images with the wrong aspect ratio being cropped awkwardly.
- Descriptions that are empty, duplicated, or copied from unrelated pages.
- Titles that are too long or too generic.
- Incorrect og:url causing the wrong page to be attributed.
Previewing the card helps catch these issues early, especially on pages that are frequently shared.
How Platforms Build a Preview
When a link is shared, the platform fetches the page and reads its metadata. The exact behavior varies:
- If OpenGraph tags are present, they usually take priority.
- If not, the platform may fall back to the <title> tag and meta description.
- If no image is specified, the platform may pick an image from the page or show none.
- Some platforms cache the preview, so changes to tags may not appear immediately.
Because caching and fallback rules differ, a preview is an approximation. It reflects the tags the tool can read, not a guaranteed final result on every platform.
Common OpenGraph Mistakes
- Missing og:image: the most frequent cause of weak previews.
- Relative image URLs: og:image should be an absolute URL, otherwise some platforms cannot load it.
- Incorrect image size: very small or very large images may be rejected or cropped.
- Duplicate tags: multiple og:title or og:image tags can confuse parsers.
- Placeholder descriptions: default text such as "Welcome to our site" adds no value.
- Mismatched og:url: pointing to a different page than the one shared.
Best Practices for OpenGraph Tags
- Give every important page its own og:title and og:description.
- Use a high-quality image, typically around 1200×630 pixels, with an absolute URL.
- Keep the title concise and the description informative.
- Set og:url to the canonical address of the page.
- Avoid duplicating tags or leaving them empty.
- Test the preview after major content changes.
OpenGraph and Twitter Cards
X (Twitter) uses its own card tags but also reads OpenGraph values. If twitter:title or twitter:image are missing, X may use og:title and og:image instead. For pages that are shared on both Facebook and X, defining both sets of tags gives more predictable results. The preview in this tool reflects the metadata available on the page; the exact rendering on each platform may still differ slightly.
Limitations
An OpenGraph preview cannot guarantee how a specific platform will render a card, because platforms apply their own layout, cropping, caching, and fallback rules. It also does not verify whether the image is publicly accessible or whether the page is reachable from the platform's servers. Use the preview as a guide, not as a final confirmation.
Practical Use Cases
- Checking a new article before promoting it on social media.
- Reviewing product pages that are shared by customers.
- Auditing a site for missing or duplicated OpenGraph tags.
- Ensuring images meet common size and ratio expectations.
- Comparing how different pages of the same site appear when shared.
Summary
OpenGraph tags determine how links look when shared on social platforms. An OpenGraph checker shows an approximate preview based on the page's current metadata, helping you spot missing images, weak descriptions, and incorrect URLs. It does not publish or modify anything, but it supports better sharing decisions and a more consistent brand presence across social networks.
Similar Tools
Inspect all meta tags on a webpage — title, description, viewport, charset, and social sharing tags.
Check whether images on a page have alt attributes for accessibility and image SEO.
Enter a URL and see an instant preview of how the page could appear in Google search results.
Check whether a site has a favicon and whether it is linked correctly in the HTML.
Popular Tools
Check whether a page is blocked from search engine indexing by meta robots tags, X-Robots-Tag headers, or robots.txt rules.
Measure the total download size of a webpage to identify performance and optimization opportunities.
Compare visible text to underlying code to assess content density.
Check whether images on a page use lazy loading to improve load performance.