Open Graph Builder
FreeGenerate OG meta tags with live social card preview for Facebook and LinkedIn
open graphogsocialfacebookmeta
All SEO ToolsRelated tools
How it works
1
Configure
Fill in your page title, description, image URL, and site name for Open Graph tags.
2
Preview
See a live preview of how your link will appear when shared on Facebook, LinkedIn, and other platforms.
3
Export
Copy the generated Open Graph meta tags and paste them into the head section of your HTML.
Frequently asked questions
What is Open Graph and why does it matter?+
Open Graph is a protocol that controls how your page appears when shared on social media. Without OG tags, platforms guess the title and image, which often leads to broken or misleading link previews.
Which platforms use Open Graph tags?+
Facebook, LinkedIn, Discord, Slack, Pinterest, and most messaging apps read Open Graph tags. Twitter also falls back to OG tags when Twitter Card tags are not present.
What image size should I use for og:image?+
The recommended size is 1200 by 630 pixels. This ratio works well across Facebook, LinkedIn, and other platforms. Images smaller than 200 by 200 pixels may not be displayed at all.
Is my data sent to any server?+
No. The tag builder runs entirely in your browser. Your content and image URLs stay on your device. No data is transmitted, making it safe to use with staging or pre-launch pages.
Can I test the tags after adding them to my site?+
Yes. After deploying, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to verify. These platform tools fetch your page and confirm the tags are being read correctly.