How to use the generator
- Write a title and description. The counters tell you when the length is in the recommended range.
- Add the page's canonical URL and a social image, ideally 1200 × 630 pixels.
- Fill in optional details such as site name, content type, author and X handle.
- Check the search preview, then copy the generated tags into your page's
<head>.
Recommended lengths
| Tag | Recommended | Why |
|---|---|---|
| Title | 30–60 characters | Longer titles are usually truncated on desktop results. |
| Meta description | 70–160 characters | Google trims longer snippets, often around 155–160 characters. |
| Social image | 1200 × 630 px | Displays sharply on every major network. |
Search engines measure titles in pixels, not characters, and may rewrite them, so treat these as guidelines. All values you enter are escaped, so quotes and ampersands are safe in the generated HTML.
Tips for better titles and descriptions
- Put the most important words first, and give every page a unique title.
- Write the description as a short pitch: what the page offers and why someone should click.
- Avoid keyword stuffing; write for people, not algorithms.
- Use the same image dimensions across your site so previews look consistent.
More worked examples
Product page: “Handmade Ceramic Mugs | Clay & Co.” is 34 characters, comfortably inside the 30–60 range, and leaves room for a strong 140–160 character description.
Common mistakes to avoid
- Duplicate titles across pages. Every page needs its own title and description.
- Keyword stuffing. Write for people; stuffed titles can be rewritten by Google.
- Wrong image size. Use a 1200 × 630 image so previews look sharp. Add structured data with the JSON-LD schema generator.
Sources and methodology
The calculations on this page follow these published standards and references. The code is covered by automated tests against known values.