TheSeoSoul
Free tools/Social

Free Open Graph Checker

Fetch a live URL and validate core Open Graph tags plus Twitter Cards. Preview how the link may look when shared — free og:image and social meta checker, no signup.

How it works

  1. 01

    Enter the public URL you will share

    We fetch the HTML and extract og:* and twitter:* meta properties.

  2. 02

    Validate the essentials

    Missing title, description, or image are called out so cards do not fall back to random page text.

  3. 03

    Preview the share card

    A simple layout shows how title, description, and image work together before you post.

Tags this Open Graph checker looks for

  • og:title, og:description, og:image, og:url, og:type
  • Twitter Card fields (card, title, description, image)
  • Optimal 1.91:1 aspect ratio (1200x630px) for social cards
  • Missing fallbacks that cause social networks to scrape random page images

Scenarios

Social Sharing Pitfalls & Real-World Fixes

Rich social cards drive referral clicks and brand recognition. Here are the most common Open Graph bugs:

Image Cropping

Tiny Thumbnail vs Large Hero Card

The Problem: Images under 300x200px or missing twitter:card summary_large_image trigger a tiny square thumbnail instead of a prominent full-width card.

The Fix: Supply an og:image of exactly 1200x630px and set twitter:card to summary_large_image.

Cache Invalidation

Stale Social Previews After Updates

The Problem: Facebook, LinkedIn, and Discord cache OG images indefinitely. Editing your HTML doesn't update existing shared previews.

The Fix: Append a version query parameter (e.g. ?v=2) to your og:image URL or use each platform's post-inspector to purge cache.

Dynamic Social Cards

Headless & Dynamic Blog Sharing

The Problem: Sharing blog articles with generic homepage OG banners dilutes click-through rates across social channels.

The Fix: Use dynamic server-side image generation (e.g., Next.js ImageResponse) to generate custom titles and author badges per post.

Complete Open Graph & Twitter Card Boilerplate

Include standard Open Graph tags alongside Twitter Card directives in your document <head>:

HTML Open Graph & Twitter Cards Standardhtml
<head>
  <!-- Open Graph / Facebook / LinkedIn -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://example.com/article" />
  <meta property="og:title" content="How to Audit Technical SEO Like a Pro" />
  <meta property="og:description" content="Step-by-step checklist to find and fix crawl blockers, canonical loops, and index drops." />
  <meta property="og:image" content="https://example.com/images/og-banner.webp" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="How to Audit Technical SEO Like a Pro" />
  <meta name="twitter:description" content="Step-by-step checklist to find and fix crawl blockers, canonical loops, and index drops." />
  <meta name="twitter:image" content="https://example.com/images/og-banner.webp" />
</head>
Next.js App Router (opengraph-image.tsx)typescript

Generate dynamic 1200x630 share banners natively in Next.js:

import { ImageResponse } from 'next/og';

export const runtime = 'edge';
export const size = { width: 1200, height: 630 };
export const contentType = 'image/png';

export default async function Image() {
  return new ImageResponse(
    (
      <div style={{ display: 'flex', width: '100%', height: '100%', background: '#0b1220', color: '#fff', padding: 60 }}>
        <h1 style={{ fontSize: 60, fontWeight: 'bold' }}>TheSeoSoul Technical Audit</h1>
      </div>
    ),
    { ...size }
  );
}

Frequently asked questions

What is an Open Graph checker?
It fetches a live URL and reads og:* meta tags (and Twitter Card tags) so you can verify title, description, and image before sharing on social platforms.
Which Open Graph tags are required?
At minimum set og:title, og:description, and og:image (ideally around 1200×630). og:url and og:type help platforms resolve the preferred share URL and object type.
Why doesn’t my share preview update after I change tags?
Many platforms cache link previews. After fixing tags with this checker, use each network’s debugger or wait for cache refresh. Our preview shows what the HTML declares now — not a platform’s cached card.
Is this Open Graph / Twitter Card checker free?
Yes. Free on TheSeoSoul, no signup. For Google-style search snippets, use the Meta Tag Checker.

Keep going

What to check next

Social cards should echo the search snippet and the preferred URL.

Need the whole picture? Run a full audit · browse every tool.