Developer Tools

Open Graph Generator

Generate Open Graph and Twitter Card meta tags for optimal social media sharing. Create compelling previews for Facebook, Twitter, LinkedIn, and more.

Social Media Configuration

Basic Information

Page Title

Recommended: 50-60 characters

Page Description

Recommended: 150-160 characters

Page URL

Site Name

Open Graph Tags

Open Graph Title

Leave empty to use page title

Open Graph Description

Leave empty to use page description

Open Graph Image URL

Recommended: 1200x630 pixels, minimum 600x315

Image Width (px)

Image Height (px)

Open Graph Type

Locale

Twitter Card Tags

Twitter Card Type

Twitter Title

Leave empty to use Open Graph title

Twitter Description

Leave empty to use Open Graph description

Twitter Image URL

Leave empty to use Open Graph image

Twitter Site Handle

Twitter Creator Handle

Additional Options

Include Facebook App ID

Include Article Tags (for articles)

Generated Meta Tags

Open Graph & Twitter Meta Tags

Generate Open Graph tags to see preview here...

Facebook Preview

Facebook

Enter Open Graph data to see Facebook preview...

Twitter Preview

Twitter

Enter Twitter Card data to see preview...

LinkedIn Preview

Enter Open Graph data to see LinkedIn preview...

Quick Templates

About Open Graph & Twitter Cards

Open Graph Protocol

Facebook Integration: Controls how content appears when shared on Facebook

LinkedIn Support: LinkedIn uses Open Graph tags for rich previews

Universal Standard: Supported by most social media platforms

Rich Previews: Displays images, titles, and descriptions in social feeds

Twitter Cards

Twitter-Specific: Optimized display for Twitter sharing

Card Types: Summary, Large Image, App, and Player cards

Enhanced Engagement: Rich cards increase click-through rates

Analytics: Track engagement with Twitter Card analytics

Best Practices

Image Guidelines

• Facebook: 1200x630px
• Twitter: 1200x600px
• LinkedIn: 1200x627px
• Minimum: 600x315px

Content Guidelines

• Title: 50-60 characters
• Description: 150-160 characters
• Use compelling, action-oriented text
• Include relevant keywords

Technical Tips

• Always include og:image
• Use absolute URLs
• Test with social debuggers
• Keep images under 8MB

Apenas para fins educacionais. Consulte um profissional qualificado para aconselhamento financeiro ou médico.