Meta Tag Generator
Generate title, description, canonical, Open Graph and X card tags, with a live search preview and length checks. Runs in your browser.
Search preview
example.com
Untitled page
Related tools
All Webmaster tools →This tool runs entirely in your browser. Nothing you enter is sent to our servers, so there is nothing for us to store or see.
About the Meta Tag Generator
Fill in a form and get the head tags for a page: title, description, canonical link, Open Graph for Facebook, LinkedIn, WhatsApp and Slack, and the X card tags. A live preview shows roughly how the page will look in a search result as you type.
Lengths are checked as you go, with the reason rather than just a number. A title is truncated at around 580 pixels — about 60 characters — and a description at about 155. Neither is a penalty, but the part past the cut is not read, so a carefully written ending is wasted there.
There is no keywords field, deliberately. Google stopped using the keywords meta tag in 2009 and said so publicly; Bing has described its presence as a mild spam signal. Generators that still offer the field are teaching people to add markup that ranges from useless to actively unhelpful.
Everything you type is escaped for use in an HTML attribute before it reaches the output box, so a title containing a quotation mark or an ampersand produces valid markup rather than a broken tag. That escaping happens when the tags are built, not when they are displayed, so what you copy is what was checked.
How to use the Meta Tag Generator
-
Enter the title and description
The counters show how much room is left before each is truncated in search results, and why the limit is where it is.
-
Add the page and image URLs
Both must be absolute. A relative canonical is ignored by search engines, and social networks will not resolve a relative image.
-
Check the previews
The search preview shows the truncation. The review panel points out anything missing, such as image alt text or a canonical URL.
-
Copy the tags
Paste them into the head of your page. The output is already escaped, so a quotation mark in your title will not break the markup.
Frequently asked questions
How long should a title tag and meta description be?
A title is cut at roughly 580 pixels on desktop, which is about 60 characters — narrow letters fit more, capitals fewer. A description is cut at about 155 to 160. Going over is not a penalty; it just means the end is not shown. Going well under wastes space that could earn a click.
Why is there no keywords field?
Because the keywords meta tag has done nothing for search rankings since 2009, when Google publicly confirmed it ignores it, and Bing has said its presence can be a weak spam signal. Including the field would suggest it still matters. If you want to signal what a page is about, the title, headings and body text are what get read.
Do I need both Open Graph and X card tags?
Mostly not, but it is cheap insurance. X falls back to Open Graph when the twitter: tags are missing, so og:title and og:image usually suffice. The twitter:card tag is worth setting explicitly, because it chooses between the small square preview and the large image one, and the large one gets substantially more engagement.
What size should the social share image be?
1200×630 pixels, a ratio of 1.91:1. That is what Facebook, LinkedIn and X all crop to for a large card, so an image at that size is shown whole everywhere. Below 600×315 most networks fall back to a small square thumbnail. Keep the file under about 5 MB and put nothing important within 60 pixels of the edge.
Is anything sent to a server?
No. The tags are built in your browser and nothing is transmitted or stored — which matters when you are drafting metadata for a page that has not launched yet.