Meta tags live in the <head> of a page and tell search engines and social platforms how to display it. This generator builds the whole set at once: the title and meta description Google shows in results, the canonical and robots directives, and the Open Graph and Twitter Card tags that control the image, title, and text when someone shares your link. It escapes every value you type, so a stray quote or angle bracket in a title can never break the markup, and it skips any field you leave blank instead of emitting an empty tag.
Free Meta Tag Generator
Runs entirely in your browser - no upload, no sign-up.
Page details
Generated meta tags
Live preview
example.com
Your page title appears here
Your meta description appears here in the search snippet and social card.
og:image preview
example.com
Your page title appears here
Your meta description appears here in the search snippet and social card.
What is a meta tag generator?
A meta tag generator turns your page title, description, and social details into the exact HTML meta tags a page needs - the SEO title and description plus Open Graph (og:) and Twitter Card tags. Fill in the fields and it writes escaped, copy-ready markup live. Everything runs in your browser, so nothing is uploaded.
How to use
- 1Enter your page details. Type the page title and meta description, then add the canonical URL and, if you want, an og:image and site name.
- 2Set the social options. Pick the og:type, choose a Twitter card size, and add your Twitter handle. The og:url defaults to the canonical URL.
- 3Watch the live preview. A Google-style result and a social card update as you type so you can see how the page will look when it is found or shared.
- 4Copy the meta tags. The HTML regenerates live. Copy it and paste it into the head of your page.
Who it's for
- SEO specialists writing a clean title and meta description and checking them against Google's length limits.
- Web developers who need ready-to-paste Open Graph and Twitter Card tags for a page template.
- Marketers setting the image, title, and description that appear when a link is shared on social media.
- Bloggers and store owners adding proper meta tags without a plugin or CMS setting.
FAQ
Is the meta tag generator free?
Yes - it is completely free, with no sign-up and no limits. It runs entirely in your browser.
Is my data uploaded anywhere?
No. The title, description, and URLs you enter are turned into HTML meta tags locally in your browser and are never sent to a server.
What meta tags does it generate?
It builds the title tag, meta description, canonical link, robots directive, the Open Graph set (og:type, og:title, og:description, og:url, og:image, og:site_name), and the Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
How long should the title and description be?
Aim for a title under about 60 characters and a meta description of roughly 50 to 160 characters. The tool flags anything longer, since Google truncates titles and descriptions that overflow those limits in search results.
What is the difference between og:image and twitter:image?
og:image is the picture shown when your link is shared on Facebook, LinkedIn, and most platforms; twitter:image is the equivalent for X/Twitter cards. This tool uses the same image URL for both, which is the usual setup - a single 1200x630 image works everywhere.
Where do I paste the generated meta tags?
Put them inside the <head> element of your page's HTML, alongside any existing meta tags. Then you can validate the social tags with Facebook's Sharing Debugger or the Twitter Card Validator.