Home › Tools › Meta Tag Generator
Meta Tag Generator
Generate clean page title, meta description, canonical, Open Graph and Twitter card tags. Live length warnings, copy-ready HTML, runs entirely in your browser.
Fill in the fields and get a complete, copy-ready block of <head> tags. Every length counter updates as you type, so you can see exactly where Google will truncate your title or description before you publish.
How to use it
- Enter the page title and meta description you plan to publish.
- Watch the counters — amber means close to truncation, red means it will almost certainly be cut.
- Copy the generated block into your page's
<head>.
Why the counters are approximate, and why that is fine
Google does not cut snippets at a fixed character count. It measures rendered pixel width and trims whatever does not fit, which is why a title of 58 narrow characters can survive while a 52-character one full of capital W and M gets cut.
The counters here use the widely used working limits — about 60 characters for titles and about 155 for descriptions — as a planning target rather than a guarantee. Treat amber as 'check this one by eye', not as an error.
The tags most people forget
A canonical tag is the cheapest fix for duplicate-content problems caused by URL parameters, trailing slashes or www variants. If your page is reachable at more than one address, pick one and point canonical at it.
Open Graph and Twitter tags do not affect rankings, but they decide whether your link looks credible when someone pastes it into Slack, LinkedIn or X. A page with no og:image renders as a bare grey box, and bare grey boxes do not get clicked.
What this tool deliberately does not do
It does not fetch your live page. Checking what you actually published means asking a server to request your URL, and browsers block that for pages on other domains. A tool that worked around it would have to send your address through someone else's infrastructure, which is the opposite of the privacy this site is built around.
It also does not validate that your canonical URL returns 200, or that your OG image file actually exists. Both are worth confirming before you ship, and both take one request in any HTTP client — or a quick look at your browser's network panel.
What you get instead is something narrower and, in practice, more useful while you are writing: a correct block of tags and an honest warning when a field is long enough to be cut.
Questions
Does adding meta tags improve rankings directly?
Only indirectly. The title and description influence click-through from the results page, and canonical consolidation helps Google pick the right URL. Neither is a ranking factor in the way content and links are.
Should the OG title differ from the page title?
Usually not. Write a separate OG title when your page title is engineered for search (keyword-first, 60 characters) and you want something more human when it is shared socially.
Is it safe to paste my URLs into this page?
Yes. Every tool here runs as plain JavaScript in your browser. Nothing you type is sent to a server, and there is no analytics call attached to the input fields.