Search tools...

Open Graph Preview Tester

Preview how your OG meta tags appear on Google, Facebook, Twitter, LinkedIn, Discord & WhatsApp.

Updated Mar 2026100% Private — runs in browser
0/40-60
0/80-160
Recommended: 1200x630px

Validation

og:title is required
og:description is required
og:image is recommended. Use 1200x630px for best results.
og:url is recommended for canonical link.

Live Previews

Google Search

example.com

https://example.com

Page Title

Page description will appear here...

Facebook

example.com

Page Title

Description

Twitter / X

example.com

Page Title

Description

LinkedIn

Page Title

example.com

Discord

example.com

Page Title

Description

WhatsApp

example.com

Page Title

Description

Slack

Page Title

Description

Generated Meta Tags

<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
100% client-side. Your data never leaves your browser.

Open Graph Preview Tester कसरी प्रयोग गर्ने

  1. 1

    Enter og:title, og:description, og:image URL, and other fields.

  2. 2

    Or paste your HTML <head> section to auto-extract.

  3. 3

    Preview on Google, Facebook, Twitter, LinkedIn, Discord, WhatsApp, Slack.

  4. 4

    Review validation warnings.

  5. 5

    Click Copy OG Meta Tags to generate HTML.

  6. 6

    Paste into your website's <head> section.

Open Graph Preview Tester बारेमा

Preview exactly how your website appears when shared on social media with our free Open Graph preview tester — pixel-accurate mockups across 7 platforms, instant and client-side.

Key Features

  • 7 Platform Previews: Google Search, Facebook, Twitter/X, LinkedIn, Discord, WhatsApp, and Slack — each rendered as an accurate card mockup.
  • Auto-Extract from HTML: Paste your HTML <head> section and all OG tags are auto-extracted into the fields.
  • Tag Validation: Checks for required tags, warns about suboptimal title/description lengths, and validates image dimensions.
  • One-Click HTML Generator: Copy the complete HTML meta tag block ready to paste into your website's <head>.
  • Instant Results: No URL fetching, no CORS issues — works entirely in your browser.

Who Is This For?

Web developers, SEO specialists, and marketers who need to verify that social sharing previews look correct before publishing — without waiting for platform caches to update.

Privacy & Security

Runs 100% client-side — no URLs are fetched, no data is sent to any server. Instant and completely private.

Open Graph Preview Tester बारेमा बारम्बार सोधिने प्रश्नहरू

सम्बन्धित उपकरणहरू