viewog

OpenGraph Tool

Open Graph Preview Tool

The fastest way to preview and optimize your Open Graph tags. See how your links unfurl and appear across all social platforms instantly.

Facebook Twitter LinkedIn Slack Discord iMessage
9
Platforms
0s
Setup Time
Free Usage

Get Started

Enter a URL to analyze existing Open Graph tags or start from scratch by using the editor below

Try these examples:

Open Graph Editor

0 / 60 characters

0 / 160 characters

Recommended: 1200x630px (1.91:1 ratio)

Used for embed accent colors in Discord and some other platforms

Generated Code

No OpenGraph tags to generate yet. Add some data in the editor above.

How to use:

  1. Copy the generated code above
  2. Paste it into the <head> section of your HTML
  3. Test with Facebook's Sharing Debugger and Twitter's Card Validator
  4. Deploy your changes and share your URL!

Live Platform Preview

No Preview Yet

Enter a URL above to analyze existing Open Graph tags, or start typing in the editor to create new ones from scratch.

Why Use ViewOG?

The most comprehensive Open Graph preview tool with real-time updates across all major platforms

Real-time preview across 9 platforms
Smart validation and best practices
Production-ready code generation
Platform-specific recommendations
Built for developers who care about social sharing
Made with IBM Plex SvelteKit + Tailwind CSS OpenGraph Spec