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.

Advertisement (728x90)Adsterra

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..." />
Advertisement (728x90)Adsterra

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

SEO Audit Report Generator

Full website SEO check. Get an overall health score, meta analysis, on-page optimization, and an actionable PDF report.

SEO AuditOpen Tool
Advertisement (728x90)Adsterra