Fill in a title and description, then copy the block into the <head> of your page.
This generator builds the block of HTML that goes inside the head of your page: charset, viewport, title, meta description, keywords, author, language, robots and the canonical link. Fill in the fields and the code updates as you type, so you can copy it straight into a template or a static page. Character counters sit under the title and description and change colour as you approach the limits search engines apply.
The two fields that matter most are the title and the description. Google truncates titles at roughly 580 pixels on desktop, which works out to about 55 to 60 characters for typical text, and meta descriptions are usually cut around 155 to 160 characters. Nothing breaks if you go longer, the tail just gets replaced by an ellipsis. Keep the canonical URL absolute, and remember that noindex genuinely removes the page from search results.
How to use the Meta Tag Generator
- Type your page title and watch the counter; stay under about 60 characters so it is not truncated.
- Write a meta description of roughly 120 to 160 characters that gives someone a reason to click.
- Set the robots value, charset, viewport and language, and paste the full canonical URL for the page.
- Press Copy code and paste the generated tags inside the <head> element of your HTML.
Frequently asked questions
How long should a title tag and meta description be?
Aim for 50 to 60 characters in the title, because Google cuts desktop titles at around 580 pixels. Meta descriptions are typically trimmed near 155 to 160 characters on desktop and closer to 120 on mobile, so put the important part first.
Do meta keywords still matter?
Google confirmed years ago that it ignores the keywords meta tag, and most other major engines do the same. The field is included here because some internal search systems and older CMS platforms still read it. Leaving it empty costs you nothing.
What does the canonical tag do?
It tells search engines which URL is the preferred version of a page when the same content is reachable through several addresses, for example with tracking parameters or a trailing slash difference. Always use the full absolute URL including https and the domain.
What is the difference between noindex and nofollow?
Noindex keeps the page out of search results entirely. Nofollow tells crawlers not to pass ranking signals through the links on that page. They are independent, so index with nofollow, or noindex with follow, are both valid combinations.