Open Graph Meta Tag Generator — Free Online
Generate Open Graph and Twitter Card meta tags for your website. Preview how your page will look when shared on social media. Free, no signup required.
Recommended: 1200×630px
Twitter Card Tags
Also generate Twitter/X meta tags
text-[#7c9cde]">property="og:type" text-[#7c9cde]">content="website" />text-[#7c9cde]">property="og:locale" text-[#7c9cde]">content="en_US" />
How it works
Enter your data
Fill in the form fields or paste your content to get started.
Processed in your browser
Everything runs client-side — your data never leaves your machine.
Copy or download results
Get instant results you can copy to clipboard or download.
Features
All OG Properties
Generate og:title, og:description, og:image, og:url, og:type, and og:site_name tags.
Twitter Card Support
Also generates Twitter Card meta tags for optimal Twitter/X previews.
Live Preview
See the generated HTML tags in real-time as you type.
One-Click Copy
Copy all generated meta tags to your clipboard with a single click.
Character Counters
Stay within recommended character limits for title and description.
100% Free
No signup, no login, no watermarks. Unlimited usage.
Frequently asked questions
What are Open Graph meta tags?
Open Graph meta tags are HTML tags that control how your page appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and Discord. They define the title, description, image, and URL that appear in the preview card.
Do I need both Open Graph and Twitter Card tags?
Yes, it's recommended to include both. Twitter will fall back to Open Graph tags if Twitter Card tags aren't present, but having both ensures optimal display across all platforms.
What is the recommended OG image size?
The recommended Open Graph image size is 1200×630 pixels with a 1.91:1 aspect ratio. This works well across Facebook, Twitter, LinkedIn, and other platforms.
Where do I put Open Graph meta tags?
Open Graph meta tags go inside the <head> section of your HTML page. They should be placed before the closing </head> tag.
How can I verify my Open Graph tags are working?
Use our free OG Checker tool to verify your tags. It shows how your page will look on 8+ social platforms and identifies any missing tags.
Related tools
Meta Tag Generator — Free Online SEO Tool
Generate HTML meta tags for SEO including title, description, keywords, robots, canonical URL, viewport, and Open Graph tags. Free online, no signup required.
Google SERP Preview — Free Online Simulator
Preview exactly how your page will appear in Google search results. Check title and description length, pixel width, and optimize for maximum click-through rate. Free, no signup.
Use cases
Social Media Marketing
Create compelling social media previews that drive clicks when your content is shared on Facebook, Twitter, and LinkedIn.
SEO Optimization
Ensure your pages have proper meta tags for maximum visibility in search results and social shares.
Content Publishing
Generate consistent meta tags for blog posts and articles before publishing to maximize engagement.