What the title tag and meta description do
The title tag is the blue headline of your page in Google, the text in the browser tab and the default name when someone bookmarks it. The meta description is the gray snippet below it. Neither is shown on the page itself, but together they decide whether people click on your result or the next one.
- Title: put the main topic first, keep it under about 600 pixels, and end with your brand if there is room.
- Description: say what the page offers and why it is worth a click, in one or two sentences. Each page gets its own.
- Social tags: Open Graph and Twitter card tags give shared links a proper title, description and image.
Why the length is measured in pixels
Google’s result layout has a fixed width, so the cut-off depends on how wide the letters are. "Illinois" takes far less space than "WWW MAXIMUM". This generator measures your text in the same font size Google uses for the SERP snippet, so the length check is closer to reality than a character count. Results can still differ slightly, and Google sometimes rewrites titles that do not match the page.
How to use the meta tag generator
- 1Type the page title and the meta description, and watch the Google preview and the length bars as you write.
- 2Add the page URL, the site name and a social image so shared links show a card with a picture.
- 3Copy the HTML and paste it into the head of the page, or into the matching fields of your CMS.
Frequently asked questions
How long should a title tag be?
Google cuts titles by width, not by characters: about 600 pixels on desktop, which is usually 50 to 60 characters. Wide letters like W and M fill the space faster than i or l. The bar under the field measures the real width and turns orange when the title is likely to be cut.
How long should a meta description be?
Aim for roughly 120 to 155 characters, or about 920 pixels. Google often shows less on phones and sometimes writes its own snippet from the page text, but a clear description that matches the search still gets used most of the time and helps people decide to click.
What are Open Graph and Twitter tags for?
They control how your link looks when it is shared on Facebook, LinkedIn, X, WhatsApp, Slack and most other apps: the title, the description and the preview image. Without them the app guesses, often with the wrong image. A good social image is 1200 by 630 pixels.
Where do I put the generated code?
Inside the <head> section of your page, before </head>. In WordPress, most SEO plugins have fields for title, description and social image that produce the same tags. Use one set per page, with a title and description written for that page.
Do meta keywords still matter?
No. Google has ignored the meta keywords tag for many years, so this generator leaves it out. What counts are the title, the description, the content of the page and links to it.