About 0px of 580px (estimate).
About 0px of 920px (estimate).
Google has ignored the keywords tag for years. Leave it empty unless another system you use still reads it.
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary">
Want to see how it looks when shared? See how it will look when shared in the OG / Twitter Card Preview.
About Meta Tag Generator
Generates the HTML meta tags a webpage needs for search engines and social sharing — title, description, and Open Graph tags — from the content details you provide.
Enter your page title, description, and other details, and the generated meta tag HTML is ready to copy into your page's head section.
Aim for a title under about 60 characters and a description under about 160. Google truncates by pixel width (roughly 580px for titles and 920px for descriptions on desktop), so the limits here are soft: you can type past them and the meters will warn you.
Watch: Meta Tag Generator in Action
- How long should my meta description be?
- Keep it under roughly 160 characters — search engines truncate longer descriptions in results, so anything past that length is effectively wasted.
- What tags does the generator output?
- Charset and viewport, then whichever of these you filled in: title, description, keywords, author, robots, canonical link, Open Graph type, title, description, url and image, plus Twitter card, title, description and image tags.
- What does the noindex checkbox add?
- Ticking it adds a robots meta tag with the value noindex, nofollow. That asks search engines not to list the page or follow its links. Leave it unticked for pages you want found.
- Why are title and description limited in length?
- The title box stops at 60 characters and the description at 160, which roughly match what search results usually display before cutting text off. The counters let you see how much room remains.
- Do I need to fill in every field?
- No. Any empty field is simply skipped in the output. At minimum a title and description are worth adding, plus a canonical URL if the same content could be reached at several addresses.
- What happens to quotes or ampersands in my text?
- They are converted to safe HTML entities, for example an ampersand becomes & and a double quote inside an attribute becomes ". This keeps the tags valid even when your title contains punctuation.
How to use Meta Tag Generator
Fill in the boxes on the left. Page Title stops at 60 characters and Description at 160, and a live counter beside each label shows how many you have used. Optional fields are Keywords (comma-separated), Author, Page URL (canonical) and Share image URL. Tick the checkbox that asks search engines not to index the page if it should stay out of results.
The panel on the right updates as you type with the finished HTML. Press Copy HTML and paste it between the head tags of your page. Empty fields are left out, so nothing blank is printed. Charset and viewport tags are always included at the top.
When to use it
Use it when you are launching a new landing page, blog post or small site and want correct title, description, canonical, Open Graph and Twitter card tags without hand-typing them. It suits people editing a plain HTML file or a template that lacks an SEO plugin, and anyone who wants link previews to show a title, summary and image.
When not to use it
If your site runs on a CMS or framework with an SEO plugin, that plugin usually fills these tags per page automatically, and pasting a static block can conflict with it. Also do not expect these tags alone to rank a page. Content quality and links matter far more. For structured data such as reviews or products, use a schema tool.
Tips for best results
Write the description as a sentence aimed at a reader, since it often becomes the snippet under your link. Use the full absolute address in Page URL, starting with https. For the share image, a 1200 by 630 picture gives a wide preview, and the Twitter card type switches to summary_large_image once an image address is entered.
Limitations
No page language attribute is generated, and only one set of tags is produced at a time, with no batch for several pages. The tool does not check that your URLs load or that the image exists. The keywords tag is included if you fill it in, although major search engines do not use it for ranking.
Privacy
Every field you fill in is turned into HTML text by code running in your browser, and special characters such as quotes and angle brackets are escaped so they cannot break the markup. Your titles, URLs and descriptions are not sent anywhere. The Copy HTML button just writes to your clipboard.
Next: Schema Markup Generator
Add structured data so Google understands your content
More from SEO Tools: