Open Graph Generator
Build and preview Open Graph, Twitter Card, and primary meta tags with live social share previews for Google, Twitter, Facebook, and LinkedIn.
Primary Tags
0/60
0/160
Open Graph (Facebook / LinkedIn)
Recommended: 1200×630 px, max 8 MB
Twitter / X Card
Preview
https://example.com
Your page title
Your page description will appear here.
Best Practices
- Title: 50–60 characters for best SERP display
- Description: 150–160 characters max
- OG Image: 1200×630 px, under 8 MB
- Twitter large card: 800×418 px minimum
- Use absolute URLs for all image paths
- og:type = article for blog posts, website for homepages
Simple workflow
How to create Open Graph tags
Step 1
Fill primary tags
Start with title, description, and canonical URL. These also feed the Google snippet.
Step 2
Add a 1200×630 image
Use an absolute HTTPS image URL. Preview it on X, Facebook, and LinkedIn before you publish.
Step 3
Copy the HTML
Paste the tags into your head. Keep og:title aligned with the visible page title.
Frequently asked questions
What size should an OG image be?
1200×630 pixels is the standard. Keep the file under 8 MB and use a real HTTPS URL, not a relative path.
Is Twitter Card the same as Open Graph?
They overlap. Twitter/X can fall back to OG tags, but twitter:card and twitter:image give you more control.
Why is my old image still showing?
Social platforms cache previews. After you update tags, use each platform’s debugger to refresh the card.
Do OG tags help Google rankings?
Not directly. They improve click-through from social and chat apps, which can send qualified traffic.