📣 Social

OG Tag Previewer & Generator

See exactly how your page looks when shared on Facebook, LinkedIn, Twitter/X, and WhatsApp — before you post. Fill in the fields on the left and get a live preview on the right, plus ready-to-copy meta tag code.

Also See: OG Tag Generator UTM Campaign Builder SEO URL Generator

How to Use OG Tag Previewer

Fill in the page title, meta description, image URL, and page URL on the left side. The social media preview card on the right updates in real time. Switch between Facebook, LinkedIn, Twitter/X, and WhatsApp using the platform tabs.

Why Use This Tool

  • Enter page title (60 characters recommended)
  • Add meta description (150–200 characters)
  • Paste your OG image URL (1200×630px recommended)
  • Switch platform tabs to preview on each social network

What You Get

✓Facebook, LinkedIn, Twitter, WhatsApp previews
✓Live image loading with preview
✓Character counters with warnings
✓6-point OG checklist
✓Complete meta tag code output
✓Twitter Card tag generation
Advertisement
Page Information Updates preview live
0 / 60 recommended
0 / 160 recommended
No image URL entered
Generated Meta Tags
Fill in fields to generate meta tags…
Facebook · Link Preview
🖼

Image preview (1200×630)

yourwebsite.com
Your page title will appear here
Your meta description will appear here. Keep it between 150–200 characters for best results on social platforms.
OG Checklist
⬜ og:title (recommended: 60 chars)
⬜ og:description (recommended: 150–200 chars)
⬜ og:image (1200×630 recommended)
⬜ og:url
⬜ og:site_name
⬜ twitter:card tags
Advertisement

Common Use Cases

✓
Preview before sharing a blog post

See exactly how your blog post looks on Facebook and LinkedIn before publishing — ensure the image crops correctly and the title isn't truncated.

✓
Fix broken social previews

Diagnose why your page shows the wrong image or title when shared — the OG checklist identifies which tags are missing or incorrect.

✓
Generate meta tags for new pages

Fill in the form and copy the complete og: and twitter: meta tag code for any new page — ready to paste into your HTML head section.

✓
Optimize for click-through rates

Test different OG titles and descriptions to find the most compelling preview before choosing your final metadata.

Toolzoid OG Previewer vs Facebook Sharing Debugger

✓ 4 platforms in one tool
Facebook's debugger only shows Facebook. Toolzoid previews Facebook, LinkedIn, Twitter/X, and WhatsApp simultaneously.
✓ No URL required
Facebook's tool requires a live public URL. Toolzoid works for pages under development — preview before the page is even published.
✓ Generates meta tag code
The debugger only validates. Toolzoid generates the complete tag code you need to add to your page.
✓ OG checklist
Toolzoid's 6-point checklist shows exactly which tags are missing — no reading through raw HTTP headers.

What size should an Open Graph image be?

1200×630 pixels at a 1.91:1 aspect ratio is the universal standard. This displays correctly on Facebook, LinkedIn, and Twitter/X. Keep the file under 5MB in JPG or PNG format.

Why is my OG image not showing when I share my URL?

Common causes: image URL is HTTP not HTTPS, image is smaller than 200×200px, the image host blocks hotlinking, or the platform cached an old preview. Use Facebook's Sharing Debugger to force a cache refresh.

Do I need separate Twitter Card tags?

Twitter/X uses twitter:card, twitter:title, twitter:description, and twitter:image tags. If missing, Twitter falls back to OG tags. Toolzoid generates both sets automatically.

Frequently Asked Questions

What are Open Graph (OG) tags?+
Open Graph tags are HTML meta tags in your page's <head> that control how your URL appears when shared on social media. Without them, platforms like Facebook and LinkedIn have to guess your title, description, and image — often with poor results.
What is the ideal OG image size?+
1200×630 pixels at a 1.91:1 aspect ratio is the universal standard for Open Graph images. This works correctly on Facebook, LinkedIn, and Twitter. Keep your image under 5MB, and use JPG or PNG format.
How long should OG title and description be?+
OG title: 60–70 characters. OG description: 150–200 characters. Twitter truncates titles at ~70 characters and descriptions at ~200. LinkedIn shows slightly more. This tool shows character counts and warnings for each field.
Do I need separate Twitter Card tags?+
Yes. Twitter/X uses its own twitter:card, twitter:title, twitter:description, and twitter:image tags, though it will fall back to OG tags if Twitter-specific tags are missing. This tool generates both sets of tags automatically.
Where do I add these meta tags?+
Paste them inside the <head> section of your HTML, before the closing </head> tag. For WordPress, use a plugin like RankMath or Yoast SEO. For Shopify, edit your theme.liquid file. For Webflow, use the page settings panel.

More Tools

UTM Link Builder .htaccess Generator URL Slug Generator Word Counter

Why Use Toolzoid?

Toolzoid provides fast, privacy-first online tools that run entirely in your browser. No uploads, no tracking, no login required. Our OG tag previewer is the only free tool that previews all four major social platforms simultaneously and generates both Open Graph and Twitter Card meta tag code in a single workflow — no need for multiple separate debugging tools.

Also useful: OG Tag Generator · UTM Link Builder · All SEO Tools · URL Slug Generator

Related Tools

Browse SEO & Marketing Tools →
🌐 OG Tag Generator 📊 UTM Link Builder / URL Slug Generator Word Counter 🔍 All SEO Tools 📈 UTM Campaign Builder 🔗 SEO URL Generator ✦ AI Prompt Optimizer