Open Graph Generator
Create Open Graph and Twitter Card meta tags with a live social preview. Make your links look great when shared.
Social Preview
Your Page Title
Your page description will appear here...
Generated Tags
<meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" />
How to Use This Tool
- 1
Enter your page title, description, URL, and image URL in the form fields.
- 2
Preview how your link will appear when shared on Facebook, Twitter, LinkedIn, and other platforms in the live preview panel.
- 3
Copy the generated Open Graph and Twitter Card meta tags and add them to your page's <head>.
Why This Matters for SEO
When someone shares your link on social media, Open Graph tags control the title, description, and image that appear in the preview card. Without them, platforms pull random text and images from your page — often looking broken or unappealing. Proper OG tags can dramatically increase click-through rates from social sharing.
Frequently Asked Questions
What's the difference between Open Graph and Twitter Cards?+
What image size works best for OG tags?+
Do OG tags affect SEO rankings?+
Related Free Tools
Automate Your Social SEO
Clickcentric automatically generates OG tags, schema markup, and meta tags for every piece of content you publish.
Start Free Trial