OffRankSEO
Back to Free Tools
Technical SEO

Open Graph Generator

Generate Open Graph meta tags with live social media previews for Facebook, Twitter, LinkedIn, WhatsApp and Slack.

Page Information

0 / 60
0 / 155

OG Image Guidelines:

• Recommended Size: 1200x630px (1.91:1 standard scale)

• File Limits: Keep below 8MB for FaceBook and 5MB for Twitter

• Fallback: Images less than 600x315px will render as small thumbnails instead of cards

𝕏

Twitter Card

Twitter Card reads content attributes directly from the main Open Graph title, description, and tested image parameters automatically if they aren't explicitly specified.

Additional Settings

Interactive Previews Check⚡ Platform Native Colors

1200 x 630px Recommended Image

yoursite.com

Your Engaging Page Title

Compelling description for social shares...

* Previews are displaying mock placeholders. Input title and description details to begin live-rendering!
Generated Meta Tags
HTML Code Output
<!-- Open Graph Tags / Common Share Cards --><meta  property="og:type"  content="website" /><meta  property="og:title"  content="Your engaging page title" /><meta  property="og:description"  content="Compelling description for social shares..." /><meta  property="og:url"  content="https://yoursite.com/page" /><meta  property="og:locale"  content="en_US" /><!-- Twitter Card Tags --><meta  name="twitter:card"  content="summary_large_image" /><meta  name="twitter:title"  content="Your engaging page title" /><meta  name="twitter:description"  content="Compelling description for social shares..." />

How to Use the Open Graph Generator

1

Fill in Your Page Details

Enter your page URL, title, description, and image URL. These form the core of your Open Graph tags.

2

Choose Your Content Type

Select whether this is a website, article, product, or profile. Each type unlocks specific OG fields.

3

Preview on Every Platform

Switch between Facebook, Twitter, LinkedIn, WhatsApp, and Slack tabs to see exactly how your link will appear.

4

Copy the Generated Tags

Click Copy All Tags to get the complete meta tag block. Paste it inside the <head> section of your HTML page.

Frequently Asked Questions

Need Professional SEO Help?

Tools are great for checkups, but real results require custom, persistent strategy. Get a comprehensive SEO audit directly from a world-class expert.

Get Free Audit Contact Me

Related Free Tools

Meta Tag Generator

Generate perfect title tags and meta descriptions with character counters.

On-Page SEOOpen Tool

SERP Preview Tool

See exactly how your page looks in Google search results before publishing.

On-Page SEOOpen Tool