Free Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags in seconds. Preview exactly how your page will look when shared on Facebook, Twitter, LinkedIn, and Slack.

⚡ Quick presets

Page details

0/60
0/160

Generated tags

<!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" />

Live preview

1200 × 630 image preview
yourdomain.com
Your page title will appear here

How to add to your site

1
Generate tags
Fill in your page details on the left and copy the generated code.
2
Paste in <head>
Add the tags inside the <head> section of your HTML or layout file.
3
Test it
Use Facebook Debugger or Twitter Card Validator to verify the tags.

📐 Image size guide

Facebook / LinkedIn
1200 × 630px
1.91:1 ratio
Twitter large image
1200 × 628px
Appears below title
Twitter summary
200 × 200px
Small square thumbnail
Slack
600 × 315px min
Auto-crops to fit

Great social tags help — but AI search is the next frontier

Citevis tracks when ChatGPT, Gemini, and Perplexity mention your brand, so you know which pages are getting cited and which need work.

Check my AI visibility free →

Frequently asked questions

What are Open Graph tags?
Open Graph (OG) tags are meta tags added to the <head> of your HTML page that control how your content appears when shared on social media. They were created by Facebook and are now supported by most social platforms including Twitter, LinkedIn, Slack, and Discord.
What is the ideal OG image size?
The recommended OG image size is 1200 × 630 pixels with a 1.91:1 aspect ratio. This works across Facebook, LinkedIn, and most other platforms. For Twitter's large card format, 1200 × 628px works best. Always use HTTPS URLs for your image — HTTP images are often blocked.
Do OG tags affect SEO?
OG tags do not directly affect Google search rankings. However, they influence click-through rates on social media, which can indirectly drive more traffic and backlinks — both of which do help SEO. A well-configured OG image and title can significantly increase engagement when your content is shared.
What is the Twitter card tag?
Twitter Card tags control how your links appear when shared on Twitter/X. The most popular type is 'summary_large_image', which shows a full-width preview image above your title and description. Without these tags, Twitter shows only a basic link. Twitter reads OG tags as fallback, but dedicated twitter: tags give better control.
How do I test my OG tags?
Facebook has a Sharing Debugger tool, Twitter has the Card Validator, and LinkedIn has the Post Inspector. All are free and let you paste a URL to see how it will render when shared. Note that platforms cache OG data — use the debugger tools to force a refresh after you update your tags.