Open Graph Checker

Open Graph Checker - Check OG Tags Instantly | StoreDropship

Open Graph Checker

Instantly check and preview Open Graph meta tags for any URL — see exactly how your page looks when shared on social media

Enter the full URL including https://

Fetching OG tags — please wait…

How to Use the Open Graph Checker

  1. Enter the URL — Paste the full webpage URL you want to analyse into the input box. Make sure to include https:// at the start.
  2. Click Check OG Tags — Press the button or hit Enter. The tool fetches the page HTML and extracts all Open Graph and Twitter Card meta tags automatically.
  3. Review Detected Tags — Switch between the tabs to see OG tags, Twitter Card tags, all meta tags, and a live social preview of how your page looks when shared.
  4. Check the Summary — The coloured summary bar shows how many OG tags were found and how many are missing at a glance.
  5. Spot Missing Tags — Any missing or empty tag is highlighted in red so you know exactly what needs to be added or fixed on your page.

Key Features

🔍

Full OG Tag Detection

Detects all standard Open Graph tags — title, description, image, type, URL, site name, locale, and article-specific tags.

🐦

Twitter Card Support

Extracts Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site) alongside OG tags.

👁️

Social Preview Cards

Visualise how your page appears when shared on Facebook, WhatsApp, LinkedIn, and Twitter with live preview cards.

🚨

Missing Tag Alerts

Missing or empty tags are clearly flagged in red so you never miss a critical OG tag that could hurt your social sharing.

📊

Summary Dashboard

Instant summary showing total tags found, missing tags, and an overall completeness score for your OG implementation.

🔒

Privacy Safe

No URLs or results are stored or logged. All analysis happens instantly in your browser session with no data retention.

What Are Open Graph Tags and Why They Matter

Open Graph (OG) tags are HTML meta tags placed in the <head> section of a webpage. They were originally created by Facebook in 2010 and are now used by virtually all major social media platforms — including WhatsApp, LinkedIn, Pinterest, Slack, and Twitter — to generate rich link previews when someone shares your URL.

Without OG tags, social platforms either display a blank card or pick random text and images from your page — which often looks unprofessional and reduces click-through rates. With properly configured OG tags, you control exactly how your content appears in every share.

Core Open Graph Tags

<meta property="og:title" content="Your Page Title"> <meta property="og:description" content="A short description of your page."> <meta property="og:image" content="https://example.com/image.jpg"> <meta property="og:url" content="https://example.com/page"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Your Site Name">

The recommended og:image dimensions are 1200×630 pixels (1.91:1 ratio) for Facebook and LinkedIn. Twitter Summary Cards work best at 1200×600 pixels. Always use absolute URLs (starting with https://) for images.

Practical Examples

Example 1: E-commerce Product Page (Flipkart, India)

A product page with og:type = "product", a high-quality 1200×630 product image, and a compelling title like "Buy Wireless Earbuds – 30Hr Battery" gets significantly more clicks when shared in WhatsApp groups than a page with no OG tags showing a generic brand logo.

Use this checker to verify that your Shopify or WooCommerce product pages have correct OG tags before running social media campaigns.

Example 2: News Article (The Hindu, India)

News websites like regional Indian publishers often use article:published_time and article:author OG tags alongside standard ones. This checker detects those article-specific tags so you can verify they are correctly implemented on each published story.

Example 3: SaaS Product Landing Page (International)

A SaaS company in the UK checks their homepage OG tags before a product launch. The checker reveals that og:image:width and og:image:height are missing — a common issue that causes Facebook to request the image dimensions separately, slightly slowing the preview render. Adding these tags speeds up link preview generation.

Example 4: Blog Post Sharing (Bengaluru Startup)

A startup in Bengaluru shares blog posts on LinkedIn. Their developer uses this checker to confirm that each post has a unique og:title and og:description — not just the default site-wide values — ensuring each shared link has a distinct, engaging preview tailored to the article content.

Frequently Asked Questions

Is this Open Graph Checker free to use?
Yes, this Open Graph Checker is completely free. No registration, login, or subscription is required. You can check unlimited URLs without any restrictions.
What are Open Graph tags?
Open Graph tags are HTML meta tags that control how your webpage appears when shared on social media platforms like Facebook, WhatsApp, LinkedIn, and Twitter. They define the title, description, image, and type of content shown in social link previews.
Why can't this tool fetch live OG tags directly from the URL?
Browser security (CORS policy) prevents client-side JavaScript tools from directly fetching HTML from external URLs. This tool uses a CORS proxy to retrieve the page HTML and then extracts OG tags from the response — which works for most publicly accessible URLs.
Which OG tags does this checker detect?
This checker detects og:title, og:description, og:image, og:image:width, og:image:height, og:url, og:type, og:site_name, og:locale, article:author, article:published_time, twitter:card, twitter:title, twitter:description, twitter:image, and twitter:site tags, plus any additional meta tags on the page.
Does this tool support Twitter Card tags?
Yes. In addition to standard Open Graph tags, this tool also detects and displays Twitter Card meta tags including twitter:card, twitter:title, twitter:description, twitter:image, and twitter:site in the dedicated Twitter Card tab.
Why is the og:image not showing in the preview?
The og:image preview may not display if the image URL uses a restrictive Content Security Policy, is behind authentication, or the image server blocks cross-origin requests. The tag value is still shown as text in the results even when the image cannot be previewed.
How do I add Open Graph tags to my website?
Add OG tags inside the <head> section of your HTML. WordPress users can install SEO plugins like Yoast SEO or Rank Math which automatically generate OG tags. Shopify themes often have OG tags built in, though customisation may be needed.
What is the recommended og:image size?
Facebook and LinkedIn recommend a minimum image size of 1200×630 pixels with a 1.91:1 aspect ratio. Twitter Summary Cards work best with 1200×600 pixels. Images should be under 8MB and in JPG, PNG, GIF, or WebP format for best compatibility.
Will this checker work for all websites?
This checker works for most public websites. Some pages may not be accessible due to server-side bot blocking, login walls, or very strict CORS policies. In such cases, you may see partial results or a fetch error message.
Can I use this to check my Shopify or WooCommerce store?
Yes. This Open Graph Checker works with any public URL including Shopify stores, WooCommerce product pages, WordPress blogs, and custom websites. Just paste the product or page URL to check its OG tags.
What happens if a page has no OG tags?
If a page has no OG tags, the checker will clearly show all fields as missing. Social platforms then generate their own fallback previews by picking the page title and a random image, which may not represent your content accurately or attractively.
Is my URL data stored or shared?
No. The URLs you enter are used only for the immediate check and are not stored, logged, or shared with any third party. All processing happens in your browser session only.
What is og:type and what values can it have?
og:type defines the type of your content. Common values include "website" for homepages and standard pages, "article" for blog posts and news, "product" for e-commerce items, "video.movie" for videos, and "book" for books. Platforms use this to apply the correct sharing template.

Recommended Hosting

Hostinger

If you are building a website for your tools, blog, or store, reliable hosting matters for speed and uptime. Hostinger is a popular option used worldwide.

Visit Hostinger →

Disclosure: This is a sponsored link.

Contact Us

Have questions or feedback about the Open Graph Checker? We would love to hear from you.

Share This Tool

Found this tool useful? Share it with friends and colleagues.

💬
Scroll to Top