What is the best size for og:image?
The recommended size is 1200 x 630 pixels for a perfect display on most platforms.
Open Graph Debugger — Optimize Your Social Links
Preview and debug Open Graph meta tags • Social media link preview simulation for Facebook and LinkedIn
Last updated: May 2026
SEO Tools Open Graph Preview
Social Meta Debugger
Facebook / LinkedIn Preview
Image Placeholder
DOMAIN.COM
Your Content Headline
This is where your content description will appear on social media platforms like Facebook and LinkedIn.
OG Meta Tags
<meta property="og:title" content="{title}" /><meta property="og:description" content="{description}" /><meta property="og:image" content="{image}" /><meta property="og:type" content="website" />Preview how your website looks when shared on Facebook, LinkedIn, and Slack. Debug your Open Graph (OG) tags to ensure images and titles display perfectly.
• Fact-Checked & Verified•Compliance: 2026 Standards•Last Updated: May 2026
Enterprise-Grade Security Guarantee
WebToolkit Pro is engineered for zero-trust environments. This utility processes your sensitive data entirely within your browser using Web Workers.
Zero server transmission
End-to-end client-side execution
01
How Open Graph (OG) Debugger Works
The tool parses the metadata in the page header and renders a visual card that mimics the sharing interface of major social platforms.
02
Key Features of Open Graph (OG) Debugger
Real-time card preview simulation
Missing tag identification and alerts
Image aspect ratio validation
Support for custom og:type and og:site_name
03
Practical Application & Code Integration
Use-Case Context
Social media sharing heavily dictates modern traffic flow. The OpenGraph protocol controls the title, description, and preview image rendered on Twitter, iMessage, and LinkedIn. Debugging missing `og:image` tags ensures your links render as massive, clickable cards rather than tiny text hyperlinks.
Next.js Dynamic OpenGraph
export const metadata = {
openGraph: {
title: 'WTK Pro Tools',
images: [{
url: 'https://wtkpro.site/og.png',
width: 1200,
height: 630,
}],
}
}03
Common Questions About Open Graph (OG) Debugger
Why isn't my image showing up?
Common reasons include absolute vs relative paths, file size limits, or the crawler being blocked by robots.txt.
Looking for more professional developer utilities?
Explore All WebToolkit Pro ToolsEditorial Standards & Processing Transparency
This utility is engineered and maintained under strict editorial and technical standards. All source calculations are audited against official formatting standards and RFC specifications to guarantee mathematical and logic accuracy.
Security Guarantee: To guarantee absolute user privacy, this tool executes 100% client-side inside your web browser. None of your input strings, payloads, keys, or files are ever transmitted to a server or stored externally.
Built by Abu Sufyan • Also explore: Severance Calculator & TradeConvert
Further Reading
Expert guides and technical research related to this tool.
Related Developer Tools
Free, client-side utilities related to this topic.
Twitter Card Generator
Generate and preview Twitter Card meta tags for your website. Choose between summary or large image cards to maximize engagement and clicks on X (Twitter).
SEO ToolsTry the tool
SEO Meta Tag Generator
Create SEO-optimized meta tags, Open Graph tags, and Twitter Cards. Preview how your site looks in Google and social media feeds before publishing.
SEO ToolsTry the tool
Google Snippet Previewer
Visualize how your page will appear in Google search results. Optimize your titles and meta descriptions with real-time character and pixel-width limits to maximize CTR.
SEO ToolsTry the tool
You might also need
Recommended
Twitter Card Generator
Generate and preview Twitter Card meta tags
OPEN TOOL
SEO Meta Tag Generator
Create Google-ready meta tags for high search visibility
Google Snippet Previewer
Preview and optimize search engine results (SERP)
FileCode2
Robots.txt Toolkit
Generate, Validate, and browse Robots.txt templates
AI Collaboration
Need help using this tool? Copy a pre-formatted context prompt to use with ChatGPT or Gemini.
Related Utilities
Twitter Card Generator
Generate and preview Twitter Card meta tags for your website. Choose between summary or large image cards to maximize engagement and clicks on X (Twitter).
Launch
SEO Meta Tag Generator
Create SEO-optimized meta tags, Open Graph tags, and Twitter Cards. Preview how your site looks in Google and social media feeds before publishing.
Launch
Google Snippet Previewer
Visualize how your page will appear in Google search results. Optimize your titles and meta descriptions with real-time character and pixel-width limits to maximize CTR.
Launch
Robots.txt Toolkit
The Robots.txt Generator & Validator Toolkit is the ultimate command center for managing search engine crawler access. The robots.txt file is the first protocol that Googlebot, Bingbot, and AI scrapers check before crawling your website. A single syntax error in this file can accidentally de-index your entire domain from Google Search. This offline utility empowers SEO specialists to safely generate standard crawler directives, construct explicit Allow/Disallow path rules, and define XML Sitemap locations. The real-time validator engine locally parses your existing robots.txt files to identify critical syntax errors, missing wildcards, or conflicting directives. Protect your crawl budget and securely block unauthorized AI data scrapers using our library of pre-configured templates.
Launch