Meta Tag Generator
Generate SEO meta tags, Open Graph tags, and Twitter Card tags for a web page. Fill in your page details and copy the ready-to-use HTML for your <head>.
0 characters (150-160 is a common target)
Recommended Settings
Pro Tips
- •Keep your meta description between 150-160 characters - longer descriptions are often truncated in search results
- •Open Graph tags (og:*) control how your page looks when shared on Facebook, LinkedIn, and other platforms that support the protocol
- •Twitter Card tags let you control the preview specifically on X/Twitter, falling back to Open Graph tags if omitted on many platforms
- •The keywords meta tag is largely ignored by modern search engines like Google, but some tools and older systems still reference it
Most Popular
Most users fill in title, description, and a preview image to cover both SEO and social sharing
When to Use This Tool
Generate a complete, well-formed set of meta tags to improve how a page appears in search results.
Set up Open Graph and Twitter Card tags so shared links show a proper title, description, and image.
Quickly generate the standard head tags needed before publishing a new page.
Use this as a reference for what a complete, well-formed meta tag set should look like.
How It Works
Take the page details you enter (title, description, URL, image, and more)
Generate standard SEO meta tags, then Open Graph tags for social sharing, then optionally Twitter Card tags
Escape special characters in attribute values to keep the generated HTML valid
100% Private
Files never leave your device. All processing happens locally in your browser.
Lightning Fast
Powered by Client-side HTML generation for optimal performance on modern browsers.
Open Source
Built with verified, open-source libraries. Fully transparent.
Frequently Asked Questions
How long should my meta description be?
Aim for roughly 150-160 characters. Search engines often truncate longer descriptions in results pages, so keeping it within this range helps ensure your full message is visible.
What are Open Graph tags for?
Open Graph is a protocol originally created by Facebook that lets you control how a page's title, description, and image appear when shared on social media platforms that support it, including Facebook, LinkedIn, and many others.
Do I need both Open Graph and Twitter Card tags?
X/Twitter will fall back to Open Graph tags if Twitter Card tags aren't present on many card types, but including dedicated Twitter Card tags gives you more precise control over how your link appears specifically there.
Is my data sent to a server?
No. The HTML is generated entirely locally in your browser using JavaScript. Nothing you enter is transmitted anywhere.
Does the keywords meta tag help my SEO ranking?
Modern search engines like Google have publicly stated they don't use the keywords meta tag for ranking purposes. It's included here for completeness and legacy compatibility, but it has minimal impact on contemporary SEO.