Open Graph Checker & Social Media Preview Tool | Debug OG Tags
Instantly preview how your link looks on Facebook, Twitter, LinkedIn, and WhatsApp. Debug missing Open Graph tags, validate images, and fix your social media metadata with our professional-grade Open Graph Checker.
Open Graph Checker & Debugger
Fetch a public URL or paste raw HTML markup to inspect metadata health and preview social link cards.
How to Use
Open Graph Checker Overview
The ToolMono Open Graph Checker & Social Media Preview Tool is a professional metadata debugger designed to inspect webpage URLs or raw HTML head snippets, parse Open Graph (og:*) and Twitter Card (twitter:*) tags, evaluate a 0–100 Social Metadata Health Score, audit thumbnail image dimensions, render realistic share card previews across Facebook, LinkedIn, X / Twitter, and WhatsApp, and generate corrected HTML meta tags.
Need to optimize your social share images? Resize the image with ToolMono Image Resizer or convert WebP/PNG formats using ToolMono Image Converter.
Fetches live public URLs safely using server-side DNS resolution, private IP filtering, and 8-second timeout enforcement.
Evaluates title length, description presence, og:image accessibility, og:url consistency, and Twitter Card specifications.
Generates clean, properly escaped HTML <meta> tags ready to copy or export into Next.js, React, or static HTML.
How to Check & Debug Open Graph Tags
- Select Input Mode: Choose URL Mode to check a public webpage URL or Developer / HTML Mode to paste raw
<head>markup from localhost or staging sites. - Inspect Health Score & Diagnostics: Review the 0–100 Social Metadata Health Score and Diagnostic Table for Present, Missing, Warning, or Fallback tags.
- Audit Open Graph Image: Check image URL resolution, HTTP status, content-type, and recommended 1200 × 630 dimensions.
- Preview Social Share Cards: Switch tabs to view approximate social card previews for Facebook, LinkedIn, X / Twitter, and WhatsApp.
- Fix & Copy Tags: Click Fix My Tags, edit title/description/image fields in the live editor, and copy corrected HTML meta code.
Common Open Graph Problems & Solutions
Missing og:image Tag
When og:image is omitted, social platforms fall back to extracting random inline body images or displaying plain text link cards without thumbnails.
Relative Image URLs
Social crawlers require absolute HTTPS image URLs (e.g. https://example.com/og.jpg). Relative paths like /og.jpg fail to resolve on third-party servers.
Why Is My OG Image Not Showing?
Image Troubleshooting Checklist
- HTTP 404 / 403 Error: The image URL fails to load or blocks automated crawler user-agents.
- Sub-optimal Dimensions: Image is smaller than the recommended 1200 × 630 pixels (or 600 × 315 minimum).
- Stale Platform Cache: Facebook, LinkedIn, or Twitter have cached an older version of your metadata. Use official platform debuggers to refresh cache.
How to Add Open Graph Tags in Next.js App Router
In Next.js App Router, export an static or dynamic metadata object from your page or layout file:
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Page Title | ToolMono",
description: "Page description for search engines and social share previews.",
openGraph: {
title: "Page Title | ToolMono",
description: "Page description for search engines and social share previews.",
url: "https://toolmono.com/page",
siteName: "ToolMono",
images: [
{
url: "https://toolmono.com/og-image.jpg",
width: 1200,
height: 630,
alt: "Open Graph Image Alt Text",
},
],
locale: "en_US",
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Page Title | ToolMono",
description: "Page description for search engines and social share previews.",
images: ["https://toolmono.com/og-image.jpg"],
},
};Open Graph vs Twitter / X Cards
Protocol Differences
Open Graph (og:*): An open protocol introduced by Facebook and adopted across LinkedIn, WhatsApp, Discord, Pinterest, and Slack.
Twitter Cards (twitter:*): Specific tags used by X / Twitter (summary, summary_large_image). When missing, Twitter automatically falls back to Open Graph tags.
How Social Platforms Read Open Graph Metadata
Facebook & LinkedIn
Requires absolute HTTPS og:image URLs and 1.91:1 ratio thumbnails.
Twitter / X
Prioritizes twitter:card (summary_large_image) with fallback to og:title.
WhatsApp & Discord
Caches link preview metadata aggressively; displays square or large image embeds.
URL Fetching vs Developer HTML Mode Privacy
Privacy & Data Flow Transparency
URL Mode: ToolMono fetches public webpage URLs on-demand via a secure server-side route equipped with strict SSRF filtering (blocking localhost, private IP ranges, and internal hostnames). Fetched HTML is processed in memory and never persisted.
Developer / HTML Mode: HTML snippets pasted directly into the editor are parsed 100% locally inside your web browser using DOMParser with zero network transmission.
Frequently Asked Questions
References & Standards
Related Tools
Browse all toolsImage Format Converter
Convert images between PNG, JPG, JPEG, WEBP, BMP, ICO and AVIF directly in your browser. Fast, private, secure and completely free.
Image Resizer
Resize JPG, PNG and WebP images online for free. Change image dimensions while preserving quality. Everything happens locally in your browser.
Online URL Parser & Parameter Extractor
Instantly parse any URL online. Extract scheme, hostname, path, query parameters, and fragments directly in your browser with 100% client-side privacy.
JSON Transformer
Free online multi-engine JSON transformer. Filter, reshape, map, and restructure complex JSON payloads using JavaScript, jq, JSONPath, and Jolt specifications with 100% client-side Web Worker execution, live preview, and Monaco editors.
cURL to Code
Convert cURL commands and browser DevTools requests into clean, idiomatic code for JavaScript, Python, Node.js, Go, and PHP. 100% client-side with zero server uploads.