UUtiliTools
home/Web & SEO/og-preview

Open Graph Preview

Preview how your content appears on Facebook, Twitter/X and LinkedIn. Generate Open Graph meta tags.

Open Graph Properties

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">

Facebook Preview

No image set

example.com

Page Title

Page description will appear here.

Open Graph Tags

OG tags control how your URL appears when shared on Facebook, LinkedIn and other platforms that support the Open Graph protocol.

Twitter Cards

Twitter Cards use their own meta tags but fall back to OG tags. Use summary_large_image for posts with prominent images.

Image Size

The recommended OG image size is 1200x630 pixels. Images should be under 8MB for optimal loading on all platforms.

Email

How to Use OG Preview Tool

Preview how your Open Graph meta tags render on social media. See how links appear on Facebook, Twitter, and LinkedIn.

1

Enter URL or Tags

Paste a URL to fetch OG tags or manually enter title, description, and image.

2

Preview Cards

See how your link will appear as a card on Facebook, Twitter, and LinkedIn.

3

Optimize Tags

Adjust your OG tags based on the preview to improve click-through rates.

Common Use Cases

Social Media Marketing

Preview and optimize how shared links appear to maximize engagement and clicks.

SEO Management

Verify OG meta tags are correctly implemented on all important website pages.

Content Publishing

Check link previews before sharing blog posts and articles on social platforms.

Pro Tips

  • -OG images should be at least 1200x630 pixels for optimal display everywhere.
  • -Keep OG titles under 60 characters and descriptions under 155 characters.
  • -Use different images for og:image and twitter:image if needed for best results.