OG Image Preview

Client-Side New

Enter a URL or manually input Open Graph meta tag values (title, description, image) to preview how your link will appear when shared on Facebook, Twitter/X, LinkedIn, and Discord. Check for missing or misconfigured OG tags before sharing. See exactly what users will see in their social media feeds. Essential for marketers and developers who want links to look professional when shared.

Warnings

  • • Missing og:title — links will show the URL instead of a title.
  • • Missing og:description — no preview text will appear on most platforms.
  • • Missing og:image — shared links will have no preview image.
No image provided

example.com

Page Title

Page description will appear here...

No image provided

Page Title

Description...

example.com

example.com

Page Title

Description will appear here...

How to Use

  1. 1

    Enter OG Data

    Type in your title, description, image URL, and site name.

  2. 2

    Preview Platforms

    See how your link appears on Facebook, Twitter/X, LinkedIn, and Discord.

  3. 3

    Fix Issues

    Check for warnings about missing fields and fix them before sharing.

Examples by Niche

Blog Post

Title: "10 CSS Tips" + description + image → preview on all platforms

Product Launch

Check that product images and descriptions display correctly on social shares

Portfolio

Verify portfolio project links show professional previews when shared

Frequently Asked Questions

What is an OG image?

OG (Open Graph) images are the preview images shown when a URL is shared on social media platforms like Facebook, Twitter, LinkedIn, and messaging apps. They are defined via meta tags in your HTML head.

What OG tags are checked?

The tool checks og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, and twitter:image. It flags any missing or misconfigured tags.

Can I preview without a live URL?

Yes, you can manually enter OG tag values (title, description, image URL) to preview how they will look without needing a live URL.

What are the recommended dimensions for OG images?

The recommended size for Open Graph images is 1200x630 pixels, which works well on Facebook, LinkedIn, and most platforms. Twitter cards also accept this size. Keep important content centered and away from edges, as different platforms may crop the image slightly. Use a 1.91:1 aspect ratio for the best cross-platform compatibility.

Related Tools

Related Articles