What is the best image size for OpenGraph and Twitter cards in 2026?

The recommended image resolution is 1200 x 630 pixels (1.91:1 aspect ratio). This standard resolution displays crisply across Twitter (X), Facebook, LinkedIn, Discord, and iMessage without clipping. Facing aspect ratio clipping? Read our guide: Why Your Open Graph Image Crops on LinkedIn & Discord (And How to Fix It) .

What is the difference between summary and summary_large_image for Twitter?

The summary_large_image card type displays a prominent full-width 1200x630 image header above the title, capturing significantly more screen real estate. The standard summary card displays only a small 1:1 square thumbnail to the left of the text.

Why does my og:image not appear when I share a link?

The most common causes are using a relative URL instead of an absolute HTTPS URL (e.g., /image.png instead of https://site.com/image.png), image file sizes exceeding 5MB, crawler user-agents being blocked by a firewall, or stale platform cache.

How do I force Facebook and LinkedIn to refresh my preview card?

You can force a cache purge by submitting your URL to the Facebook Sharing Debugger and LinkedIn Post Inspector, which triggers their crawlers to fetch the latest HTML metadata immediately.

Can I use WebP or SVG format for og:image?

While modern browsers support WebP and SVG, some older social crawlers and messaging apps only support JPG and PNG. For maximum universal compatibility, JPG or PNG is strongly recommended for og:image files.

Do OpenGraph tags directly impact Google SEO rankings?

OpenGraph tags are not a direct Google search ranking factor. However, they significantly boost social click-through rates and referral traffic, which generates higher brand awareness, social signals, and backlinks that indirectly enhance SEO performance.

Open Graph & Social Card Validator

Preview, validate, and debug link preview cards across Twitter (X), Facebook, LinkedIn, and Discord

Presets:Shopify WordPress Next.jsUniversal

AdSense Placeholder: Top Leaderboard Ad (728x90 / 320x50)

Displayed below main page header or above the tool container. • Zero CLS Container

CMS & Framework Open Graph Validators

Audit platform-specific social card quirks for Shopify, WordPress, and Next.js App Router.

Shopify OG WordPress OG Next.js OG

Load Sample:

Meta Tag Inputs

Live Sync

Canonical URLog:url

Want to track traffic attribution? Generate tagged links with the Campaign UTM Builder.

Open Graph Title62 / 70 chars

Open Graph Description136 / 200 chars

Social Imageog:image (1200x630)

Analyzing dimensions...

Site Name

Twitter Card

OmniSEOTools@omniseotools· 1m

Check out our latest link preview below 👇

omniseotools.com

OmniSEOTools - Free High-Performance SEO & Marketing Utilities

Simulate SERPs, preview social cards, and generate tracking URLs with zero latency. 100% free, developer-grade, and client-side private.

Export Production Meta Tags

<!-- Primary Meta Tags -->
<title>OmniSEOTools - Free High-Performance SEO &amp; Marketing Utilities</title>
<meta name="description" content="Simulate SERPs, preview social cards, and generate tracking URLs with zero latency. 100% free, developer-grade, and client-side private." />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://omniseotools.com" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://omniseotools.com" />
<meta property="og:title" content="OmniSEOTools - Free High-Performance SEO &amp; Marketing Utilities" />
<meta property="og:description" content="Simulate SERPs, preview social cards, and generate tracking URLs with zero latency. 100% free, developer-grade, and client-side private." />
<meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&amp;h=630&amp;fit=crop&amp;q=80" />
<meta property="og:site_name" content="OmniSEOTools" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://omniseotools.com" />
<meta name="twitter:title" content="OmniSEOTools - Free High-Performance SEO &amp; Marketing Utilities" />
<meta name="twitter:description" content="Simulate SERPs, preview social cards, and generate tracking URLs with zero latency. 100% free, developer-grade, and client-side private." />
<meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&amp;h=630&amp;fit=crop&amp;q=80" />

AdSense Placeholder: Native In-Feed Ad (Responsive)

Separates the interactive tool output from the deep technical guide. • Zero CLS Container

Platform-Specific Open Graph Validators

Target specific CMS Liquid snippets, WordPress SEO plugin graph collisions, or Next.js Edge ImageResponse routes:

Shopify (Liquid Social Meta Tags)

Inspect and debug Shopify Open Graph tags. Resolve product image crop issues, collection share cards, and duplicate og:title tags generated across conflicting theme Liquid files.

WordPress (Yoast, RankMath & Social Sharing)

Audit WordPress social meta cards. Debug conflicts between Yoast SEO, RankMath, and Jetpack outputting duplicate og:image tags, and inspect CDN image protocols.

Next.js App Router (opengraph-image.tsx)

Validate dynamic social cards in Next.js App Router. Debug opengraph-image.tsx rendering, edge runtime dimension mismatches, and layout metadata inheritance.

Related Tools & Next Workflow Steps

Complementary utilities to streamline your SEO audit, indexing, and content strategy.

Browse All 35 Utilities

New

OG & Twitter Card Image Safe-Zone Previewer

Upload social images to preview cropping on Facebook and Twitter, ensuring important content remains visible with safe-zone guides.

socialOpen

Popular

Twitter Card Previewer

Simulate Twitter / X timeline card previews, validate image aspect ratios (1.91:1 & 1:1), and generate exact twitter:card meta tags.

socialOpen

Updated

Facebook Open Graph Debugger

Simulate Facebook desktop and mobile feed previews, validate og:image 1.91:1 ratios, and inspect Open Graph tag integrity in real time.

socialOpen

Updated

Open Graph Meta Tag Generator

Generate production-ready Open Graph, Twitter Card, and standard SEO meta tags for HTML5, Next.js App Router, and React Helmet.

technicalOpen

AdSense Placeholder: Top Leaderboard Ad (728x90 / 320x50)

Displayed below main page header or above the tool container. • Zero CLS Container