Fast, Private & Client-Side Developer Suite
100% Client-Side • Private
Developer Utilities

Open Graph & Social Previewer

Preview Twitter, Facebook, LinkedIn, Discord, and Google SERP social share cards.

Loading tool...

Related Tools

Continue with Meta Tags Generator, robots.txt Generator & Tester, XML Sitemap Generator.

How to Use Open Graph & Social Previewer

  1. Enter your page title, description, canonical URL, and 1200x630 image URL.
  2. Switch between Twitter, Facebook, LinkedIn, and Google SERP tabs to preview social cards.
  3. Click "Copy Meta Tags" to paste the <meta> tags directly into your website <head>.

Frequently Asked Questions

Which social platforms are simulated in the previewer?

You can toggle between Twitter/X Large Image Card, Facebook Feed Post, LinkedIn Link Share, and Google Search SERP snippet views.

What is the recommended Open Graph image resolution?

The standard recommended image size for Twitter Cards and Facebook Open Graph is 1200 × 630 pixels (1.91:1 aspect ratio).

Sources & References

Primary references: MDN: The metadata element; WHATWG HTML Living Standard.

Review policy: references and behavior notes are checked whenever the tool implementation changes.