Skip to main content
chambe.dev

Title

Description

URL to Preview

Manual Input

How It Works

  • Enter a URL to fetch existing OG tags or use manual input
  • Preview how your content appears on different platforms
  • Adjust title, description, and image as needed
  • Copy the generated meta tags for your HTML

Preview how your links will appear when shared on social media platforms. See Facebook, Twitter, LinkedIn, Slack, and Discord previews side by side.

Enter your OG data manually or fetch from a URL. Generate the meta tags you need for your website.

How to Use This Tool

  1. 1 Enter a URL or fill in the OG details manually
  2. 2 Click Fetch to extract existing OG tags from a URL
  3. 3 View previews for all major social platforms
  4. 4 Adjust your content based on how it appears
  5. 5 Copy the generated meta tags to add to your website

Use Cases

Social Media Marketing

Ensure your links look perfect before sharing on social platforms.

SEO Optimization

Improve click-through rates with compelling preview content.

Content Marketing

Test different titles and descriptions to find what works best.

Debug OG Tags

Verify your website's OG tags are working correctly.

Frequently Asked Questions

What are Open Graph tags?

Open Graph (OG) meta tags control how your content appears when shared on social media. They define the title, description, image, and other metadata.

Why do my previews look different on each platform?

Each platform has its own display format and character limits. Twitter also uses its own 'twitter:' meta tags. This tool shows you all variations.

What image size should I use?

Use 1200x630 pixels for best results across platforms. Facebook and LinkedIn prefer 1.91:1 ratio, Twitter uses 2:1 for large cards.

Why can't I fetch some URLs?

Some websites block external requests (CORS). If fetching fails, use manual input to enter your OG data directly.

How do I add OG tags to my website?

Add the generated meta tags in the <head> section of your HTML. Place them before the closing </head> tag.