AM The title tag and meta description are the two lines that often make up your result in Google. They decide whether a searcher clicks your page or the one below it. This generator writes several options for both, measures them, and shows a live preview so you can see what a searcher would see before you publish.
It is free and needs no account. Copy the option you like into your store or CMS.
How to use the generator
- Enter the page topic: what the page is about in plain words, such as "handmade leather wallets for men".
- Enter the main keyword the page should rank for, such as
leather wallet men. - Pick the page type: product, collection, blog post, homepage or local service. Each type gets a different structure. Product titles lead with the product and a key attribute, collection titles with the category, local service titles with the service and city.
- Enter your brand name so it can be added to the end of the title where it fits.
- Generate, then compare the options in the preview. Switch between desktop and mobile.
- Edit the one you like in place. The length checks and preview update as you type.
What the length checks mean
Google does not cut results at a fixed number of characters. It truncates titles and descriptions to fit the width of the device, which depends on the actual letters. A "W" is much wider than an "i", so two titles with the same character count can take up very different space. That is why the tool shows both a character count and an approximate pixel width.
| Element | Rule of thumb | What happens if longer |
|---|---|---|
| Title tag | About 50 to 60 characters, roughly 600 pixels on desktop | Google cuts it with an ellipsis or rewrites it |
| Meta description | About 120 to 155 characters | Truncated to fit the screen, more so on mobile |
These are working guidelines, not Google rules. Google's own documentation says there is no limit on how long a meta description can be, but the snippet is truncated as needed to fit the device width. Pixel widths in the tool are estimates based on typical fonts, so treat a result near the edge as borderline and put the important words first.
Why Google rewrites titles and descriptions
Google does not always show what you wrote. For the title link, Google uses your title tag in most cases, but it can also draw on the main heading on the page, anchor text of links pointing to the page, and other text when it decides the title tag does not describe the page well. For the snippet, Google says it uses the meta description only when it might describe the page better than text taken from the page itself. Descriptions are often replaced with a passage that matches the specific query.
Common triggers for rewrites:
- Titles that are very long, stuffed with keywords, or the same across many pages.
- Boilerplate titles like "Home" or "Products".
- A title that does not match the H1 or the content.
- Descriptions that are just a list of keywords or do not describe the page.
Why they still matter
Rewrites do not make these tags pointless. Your title tag is still what Google uses most of the time, and it is a signal of what the page is about. When Google does show your meta description, it is the only part of the result you fully control, and it is also used by many social platforms and chat apps when a link is shared. A clear, specific description gives searchers a reason to click, and a unique one on each page keeps Google from treating pages as duplicates in the results.
Tip: Write the description for the searcher, not the algorithm. Say what the page offers and why it is worth the click: price range, shipping, sizes, the question it answers, or the city you serve.
How the generator works
The tool combines your topic, keyword, page type and brand with proven title and description patterns for that page type (and an AI writer when one is switched on) to produce several options in different styles. Each option is measured for characters and estimated pixel width against desktop and mobile layouts, then rendered in a preview that mimics Google's result format with your brand and URL. Nothing is saved to your site until you copy it there.
Best practices
- Put the keyword near the start of the title, then the qualifier, then the brand.
- Make every page unique. Product variants and filtered collections are where duplicates pile up.
- Match the page type. A product description can mention price, materials and shipping. A blog post description should say what question it answers.
- Keep the H1 and title close. They do not need to be identical, but they should describe the same thing.
In Shopify, you set these at the bottom of each product, collection, page or blog post under Search engine listing. The Shopify title and meta description guide covers the details, and the product title guide explains how the product name itself affects search. For hundreds of products, Bulk Edit Pro updates SEO titles and meta descriptions in bulk with a preview. If you are building a new content site, the AI Site Builder writes titles and descriptions for every page it creates.
Common mistakes
- Same description on every product. Themes often fill in a default. Replace it.
- Keyword lists. "Leather wallet, mens wallet, bifold wallet" tells searchers nothing and is likely to be rewritten.
- Brand first on product pages. Unless your brand is what people search for, it wastes the most visible space.
- Promises the page does not keep. If the description says "free shipping" and the page does not, visitors leave, and Merchant Center reviewers may notice too. Pair this with the schema markup generator to keep structured data consistent with the page.