Meta tag generator and pixel width checker
Type a title tag and meta description, and this meta tag generator estimates how wide each will render on a Google desktop result, warns when either is likely to be cut off, checks where your keyword and brand sit, shows a search result preview and builds the head tags to paste into your page.
- Runs
- in your browser, nothing sent
- Checks
- up to 5
- Cost
- free, no signup
Up to five checks
Keyword and brand checks run only when you fill those fields
-
Not runTitle width—
Why it mattersGoogle truncates long title links with an ellipsis, and very short titles waste the space that tells a searcher what the page is. Width, not character count, decides where the cut falls.
How to fixKeep the estimate between about 180 and 580 pixels. Cut filler words first, and move the brand to the end so a cut removes the least useful part.
-
Not runDescription width—
Why it mattersA description that runs past the display width is cut mid-sentence, and one under 70 characters rarely gives a searcher enough reason to click.
How to fixWrite at least 70 characters, keep the estimate under about 990 pixels, and put the answer or offer in the first sentence.
-
Not runKeyword in the title—
Why it mattersSearchers scan the start of a result. A keyword in the first 30 characters confirms at a glance that the page matches what they typed.
How to fixMove the primary keyword into the first 30 characters, written as people search for it. A pass means near the start, needs work means present but late, fail means absent.
-
Not runKeyword in the description—
Why it mattersGoogle often bolds words in the snippet that match the query, which helps the result stand out.
How to fixUse the keyword, or a close natural variant, once in the description. Do not repeat it.
-
Not runBrand in the title—
Why it mattersA brand name in the title helps returning visitors recognise you and makes the result easier to trust.
How to fixAdd the brand at the end of the title after a separator, for example " | Brand", unless the title is already near the width limit.
Preview and tags
A search result preview and the head tags to paste into your page
Nothing to show yet. After a check, a search result preview (cut at the estimated limit) and copy-ready <title>, meta description, canonical, Open Graph and Twitter card tags appear here.
How the widths are estimated
Google cuts title links and snippets by display width in pixels, not by character count, so a title full of capital W's runs out of room far sooner than one of narrow letters. The generator adds up an estimated width for every character and compares the total with a desktop limit.
| Characters | Estimated width | Examples |
|---|---|---|
| Narrow characters | 5 px | i, l, j, t, f, I, r, 1, full stops, commas, brackets and spaces |
| Wide characters | 14 px | m, w, M, W, @ and % |
| Other capital letters | 10.5 px | A, B, C and so on |
| Everything else | 8.6 px | Most lower-case letters, digits and symbols |
Needs work below about 180 px or above about 580 px. Fails if empty.
Needs work under 70 characters or above about 990 px. Fails if empty.
Passes when the keyword starts within the first 30 characters of the title.
These are estimates. Google's real rendering depends on the font, the device and the query, and Google may rewrite a title or pick a different snippet altogether. A title of 42 capital W's estimates at about 588 px and is flagged, while a 64-character title of mostly narrow letters estimates at about 356 px and passes. Mobile results wrap differently, so treat the desktop limit as the safer target.
How to use the meta tag generator
About a minute per page. Write for the searcher first, then use the checks to tidy the length.
-
Step 1
Add the primary keyword
Enter the phrase you want the page to be found for. It is optional, but without it the two keyword checks do not run.
-
Step 2
Write the title tag
Say what the page is in plain words, keyword near the start, brand at the end. Watch the live meter under the field and keep it between about 180 and 580 pixels.
-
Step 3
Write the meta description
Answer the searcher's question or state the offer in the first sentence, in at least 70 characters and under about 990 pixels.
-
Step 4
Add the URL and brand
The URL fills the preview, the canonical tag and og:url. The brand name turns on the brand check.
-
Step 5
Read the checks and the preview
Open any row marked needs work or fail for the reason and the fix. The preview shows the title and description cut with an ellipsis where the estimate runs out.
-
Step 6
Copy the tags into your page
Copy or download the title, meta description, canonical, og:title, og:description, og:url and twitter:card tags, then paste them into the page head or the matching fields in Rank Math, Yoast or your CMS.
What a good title and description actually need
The title tag is the main source Google uses for the clickable headline of a result, and the meta description is often, though not always, the text shown under it. Google's documentation on title links explains that it can also draw on other text on the page, such as the main heading, when it decides the title tag does not describe the page well. Keeping the title close to the visible H1 makes a rewrite less likely.
Length matters less than clarity. A title that names the page's subject in the searcher's words, with the keyword near the start, beats one stuffed with modifiers. Before you write, check the page itself is indexable with the On-Page and Indexability Audit, and decide which query the page answers with the Keyword Research Tool. For page types in bulk, our content marketing and landing page teams can help build a template system.
What the generator does
- Estimates title and description width in pixels as you type
- Checks keyword position and brand placement
- Shows a search result preview cut at the estimated limit
- Builds title, meta description, canonical, Open Graph and Twitter card tags
- Runs entirely in your browser
What it does not do
- Write titles for you with AI
- Measure Google's exact rendering on every device
- Predict whether Google will rewrite your title
- Build author or organisation schema (use the entity schema generator)
- Save or share your drafts
Need better titles across your templates?
Review title and description patterns across your templates, not just the pixel width of one snippet.
Questions about meta titles and descriptions
Short, standalone answers. Email editorial@moxseo.com if any of them is wrong.
What does the meta tag generator do?
It checks a title tag and meta description you write. It estimates how many pixels wide each will render on a Google desktop result, flags titles outside about 180 to 580 pixels and descriptions under 70 characters or over about 990 pixels, checks keyword and brand placement, shows a search result preview and builds copy-ready head tags.
How long should a title tag be?
Google cuts titles by pixel width, not characters. This tool treats about 180 to 580 pixels as the safe range for desktop, which is usually around 50 to 60 characters of mixed text. Titles with many capital or wide letters reach the limit sooner, so check the meter rather than counting characters.
How long should a meta description be?
Write at least 70 characters so the snippet says something useful, and keep it under about 990 pixels so it is less likely to be cut on desktop. Put the answer or offer in the first sentence, because the end is the part most likely to be truncated.
Does the keyword need to be at the start of the title?
It helps. Searchers scan the beginning of a result, so a keyword in the first 30 characters confirms the page matches their query. The tool passes the check when the keyword starts within the first 30 characters, marks it as needing work when it appears later, and fails it when it is missing.
Why does Google change my title?
Google can generate a title link from other text on the page, such as the main heading, when it judges the title tag does not describe the page well, for example when it is vague, stuffed with keywords or does not match the content. Keeping the title accurate and close to the visible H1 makes a rewrite less likely.
Which tags does the generator build?
It builds the title element, the meta description, a canonical link and og:url when you give a URL, og:title and og:description, and a twitter:card tag set to summary_large_image. You can copy them or download them as an HTML file and paste them into the page head or your SEO plugin.
Is anything I type sent to a server?
No. The meta tag generator runs entirely in your browser tab. Your titles, descriptions, URLs and brand names are not sent to MoxSEO or stored, and closing the tab clears them.
Does the tool write titles for me?
No. It measures and checks what you write and builds the tags, but it does not generate title or description text with AI. That keeps the wording yours and accurate to the page.
Run the next check
All 23 free tools- Schema Markup GeneratorAdd Article or FAQPage JSON-LD next to your new tags.
- On-Page and Indexability AuditMeasure the live title and description, canonical and headings on a published page.
- Keyword Research ToolPick the query and page type before you write the title.
- Schema Markup ValidatorCheck that structured data supports the same page purpose.
- AI Answer Extractability CheckerTest whether AI answer engines can quote the page itself.
- AI Crawler Access CheckerSee which AI crawlers your robots.txt lets in.
Need titles for every template
not just one page?
A free 30-minute call with Sakshi Kumari or Ashish Khan, the specialists who run MoxSEO. Bring your page types, CMS and the queries you want to win; they will sketch a title and description pattern for each template.
A call is not an engagement. We never guarantee rankings or AI citations.