🔧 Utility Tools
Meta Tag Generator
Generate SEO, Open Graph, and Twitter Card meta tags with live Google and Facebook preview. Copy the HTML and paste into your site head. Everything runs in your browser.
🔥 Used 8,764 times this month
Basic SEO
Open Graph (Facebook, LinkedIn)
Twitter Card
Live Preview — Google Search
yoursite.com
Page title
Description
Live Preview — Facebook / LinkedIn Share
Preview image will appear here
YOURSITE.COM
OG Title
OG Description
Generated Meta Tags
Click Generate to see the meta tags HTML
💡 Ctrl+D (Cmd+D on Mac) to bookmark for next time
How it works
01
Fill Fields
Add your title, description, and social media details.
02
Check Previews
See how it looks on Google search and Facebook shares.
03
Copy Code
Paste the generated HTML inside your <head> section.
Frequently asked questions
Why do I need meta tags?
Meta tags tell Google what your page is about (SEO) and control how your links look when shared on Facebook, LinkedIn, and Twitter. Without them, your shares often show broken previews or wrong info.
What is the ideal title and description length?
Title: 50-60 characters (Google truncates longer). Description: 150-160 characters. The character counter above turns red when you exceed these limits.
What size should the OG image be?
1200 x 630 pixels is the sweet spot for Facebook, LinkedIn, and Twitter summary_large_image. Under 8 MB in size. PNG or JPG.
Where do I paste the generated code?
Inside the <head></head> section of your HTML, before the closing </head> tag. On WordPress, use an SEO plugin like Yoast or All in One SEO.
All tools are free, browser-based, and process files locally — your data never leaves your device.
Read our Privacy Policy |
Visit our blog for tips and guides.