Open Graph Generator
Create Open Graph and Twitter Card meta tags with a live preview
The Open Graph Generator builds the meta tags that control how your page looks when it is shared on Facebook, LinkedIn, X (Twitter), WhatsApp and other social platforms. Enter a title, description, URL and image, and get ready-to-paste Open Graph and Twitter Card tags.
A live preview shows the share card as you type, so you can fix a cut-off title or a missing image before anyone shares your link.
Key Benefits
Why people use this tool every dayMore clicks from social
A clear title, description and large image make shared links stand out in feeds and attract more visitors.
Correct tags every time
The tool uses the right property names and escapes special characters, so you avoid typos that break previews.
See it before you publish
The live preview shows roughly how your link card will look, so there are no surprises after sharing.
Done in under a minute
No need to memorise Open Graph or Twitter Card syntax. Fill in a few fields and copy the result.
How It Works
Get your result in four simple steps
1
Enter page details
Add the page title, description and full URL you want to share.
2
Add image & type
Paste an image URL, choose the content type and optionally add a site name and locale.
3
Pick a Twitter Card
Choose a large image card or a compact summary card for X (Twitter).
4
Copy the tags
Check the live preview, then copy the HTML into the <head> section of your page.
Helpful Tips
Get better results with these suggestionsUse a 1200×630 image
Images around 1200×630 pixels (1.91:1) display sharply on most platforms. Use an absolute https:// URL.
Keep titles short
Aim for about 60 characters in the title and 110–160 in the description so they are not truncated.
Use the canonical URL
Set og:url to the page's canonical address so likes and shares are counted on one URL.
Refresh cached previews
Platforms cache previews. After changing tags, re-scrape the URL with the platform's sharing debugger.
Frequently Asked Questions
Quick answers to common questions
What are Open Graph tags?
Open Graph tags are meta tags in a page's <head> that tell social platforms which title, description, image and URL to show when the page is shared. The protocol was created by Facebook and is now used by most social networks and messaging apps.
What is the difference between Open Graph and Twitter Cards?
Twitter Cards are X's own meta tags for link previews. X can fall back to Open Graph tags, but adding both gives you full control over how the link appears everywhere. This tool generates both sets together.
Where do I put the generated tags?
Paste them inside the <head> section of the page you want to share. In most CMSs you can add them through an SEO plugin or a custom header code field.
Why is my old image still showing after I updated the tags?
Social platforms cache link previews. Use the platform's sharing or post inspector tool to fetch the page again, and the new tags will be picked up.
Is the Open Graph Generator free?
Yes. The tool is completely free and does not require an account.
Make your links look great when shared
Fill in your page details above and get Open Graph and Twitter Card tags with a live preview, free.
Generate Open Graph TagsRaheel Jakhura
CEO / Co-Founder
Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.
Popular Tools
Recent Posts
Sales Tax Calculator
March 27, 2026
Steal Viral YouTube Thumbnail Ideas in Seconds
April 3, 2026
Looking for a Reliable QR Code Generator?
February 27, 2026
How to Find Your IP Address Online instantly?
February 23, 2026
Find Facebook ID Online | Get Profile, Page & Group ID Instantly
February 23, 2026