Supablog logo

Open Graph Preview Tool

Preview how your page looks when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp. Fill in your OG tags and see live social card previews — then copy the ready-to-use meta tags.

OG Tag Fields

Preview image
supablog.app
Supablog - SEO optimized blogs on autopilot
Supablog is an AI-powered content engine that helps businesses dominate search results with SEO-optimized blog posts and custom AI visuals.

Copy Your Meta Tags

The code below updates in real time as you edit. Copy it and paste it into the <head> of your HTML page.

HTML Meta Tags
<!-- Primary Meta Tags -->
<meta name="title" content="Supablog - SEO optimized blogs on autopilot" />
<meta name="description" content="Supablog is an AI-powered content engine that helps businesses dominate search results with SEO-optimized blog posts and custom AI visuals." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://supablog.app" />
<meta property="og:title" content="Supablog - SEO optimized blogs on autopilot" />
<meta property="og:description" content="Supablog is an AI-powered content engine that helps businesses dominate search results with SEO-optimized blog posts and custom AI visuals." />
<meta property="og:image" content="https://supablog.app/opengraph-image.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://supablog.app" />
<meta property="twitter:title" content="Supablog - SEO optimized blogs on autopilot" />
<meta property="twitter:description" content="Supablog is an AI-powered content engine that helps businesses dominate search results with SEO-optimized blog posts and custom AI visuals." />
<meta property="twitter:image" content="https://supablog.app/opengraph-image.png" />

Why use it

See exactly what your audience will see

Live Social Preview

See exactly how your page will look when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp — previews update instantly as you type.

Facebook, Twitter, LinkedIn & WhatsApp

Preview all four major platforms at once. Each platform renders link previews differently — check them all in one place with a single click.

Meta Tag Generator

Generate clean, standards-compliant Open Graph and Twitter Card meta tags ready to paste into your HTML <head>. No setup required.

Free & Instant

Everything runs in your browser — no sign-up, no server requests, no limits. Your data stays on your device and the previews refresh in real time.

Frequently Asked Questions

Open Graph tags are HTML <meta> elements that control how your page appears when shared on social media platforms like Facebook, Twitter/X, and LinkedIn. They define the title, description, image, and URL that show up in the preview card. Without OG tags, platforms auto-generate previews — which often look incomplete or unprofessional.

OG tags directly impact click-through rates from social media. A well-crafted title, compelling description, and eye-catching image can dramatically increase engagement. Studies show posts with properly configured OG tags get up to 40% more clicks compared to those without.

Facebook recommends images at 1200x630 pixels with a 1.91:1 aspect ratio for best results. Twitter supports 1200x675 (large image card) or 800x418. LinkedIn prefers 1200x627 pixels. For maximum compatibility, use a 1200x630 image under 5MB in JPEG or PNG format.

Support varies by platform. Facebook and Twitter support og:video for embedded video previews in the feed. LinkedIn supports video content natively but through its own player. WhatsApp shows video thumbnails. Audio support (og:audio) is more limited — Facebook may show an audio player but most platforms just display the title and description.

Add <meta property="og:..."> tags inside the <head> section of your HTML. The essential ones are og:title, og:description, og:image, og:url, and og:type. For video, add og:video or og:video:secure_url. For Twitter, add twitter:card along with twitter:title, twitter:description, and twitter:image.

Your content deserves better previews. Supablog handles OG tags automatically.

Supablog auto-generates Open Graph images and meta tags for every post — so your content always looks its best when shared on social media. No manual tagging required.

Get started for free
14-day free trial No credit card Cancel anytime