Meta Tag Generator

What is a meta tag generator?

A meta tag generator is a free online tool that creates the HTML meta tags your web pages need for search engines. You type in a page title, a description and a few options, and the tool writes clean, ready-to-use code that you can paste into the head section of your page. There is no need to remember the syntax or worry about quotation marks and special characters, because the generator escapes them for you.

Our meta tag generator also shows a live Google search preview and a character counter, so you can see how your title and description may look in the search results before you publish. It runs in your browser, so the text you enter is never uploaded or stored.

Features of this free meta tag generator

• Title and description with live counters: See how many characters you have used and whether your text is too short or too long.
• Google search preview: A snippet preview shows your title, URL and description the way they may appear in the results.
• Robots and canonical tags: Choose index or noindex, follow or nofollow, and add a canonical URL to avoid duplicate content.
• Viewport and charset: Add the mobile viewport tag and the UTF-8 character set with one click.
• Optional tags: Add author, keywords and theme color only when you need them.
• Copy-ready HTML: One button copies the finished code, with all special characters escaped safely.

What are meta tags and why do they matter for SEO?

Meta tags are small pieces of HTML that sit inside the head of a web page. Visitors do not see them on the page, but search engines, browsers and social platforms read them to understand what the page is about and how to display it.

The title tag and the meta description are the two most important ones for SEO. The title tag helps search engines understand your topic and is often used as the clickable headline in search results. The meta description is not a direct ranking factor, but a clear and appealing description can earn more clicks, and more clicks bring more visitors to your site. Other tags, such as robots and canonical, tell search engines which pages to index and which version of a page is the main one.

Meta tags this generator creates

• Title tag: The headline of your page in search results and in the browser tab.
• Meta description: A short summary of the page that search engines may show under the title.
• Meta robots: Tells search engines whether to index the page and whether to follow its links.
• Canonical link: Names the preferred URL when the same content can be reached at more than one address.
• Viewport: Makes the page scale correctly on phones and tablets, which matters because Google mostly uses the mobile version of a page for indexing.
• Charset: Sets UTF-8 so that letters and symbols display correctly.
• Author, keywords and theme color: Optional tags for extra information and for the browser toolbar color on some mobile browsers.

How long should a title tag and meta description be?

Search engines cut off long titles and descriptions, and they measure the limit in pixels rather than characters. As a safe guide, keep your title tag between 30 and 60 characters and your meta description between 70 and 160 characters. The character counters in the generator turn green when you are in a good range and red when your text may be cut off.

Put the most important words first, so nothing important is lost if the text is shortened. Keep in mind that Google sometimes rewrites titles and descriptions when it believes another version fits the search better, so a well-written, relevant tag is more likely to be kept.

How to write a good meta title and description

• Lead with your main keyword: Place the phrase people search for near the start of the title, naturally and without stuffing.
• Write for people first: Describe what the visitor gets, such as a free tool, a guide or a price, in plain language.
• Make every page unique: Duplicate titles and descriptions make pages hard to tell apart in the results.
• Match the search intent: If someone searches for a tool, say that the page is a tool. If they search for a guide, say it is a guide.
• Add a gentle call to action: Words such as try, compare or learn more can encourage a click.
• Avoid keyword stuffing: Repeating the same phrase many times looks spammy and can reduce clicks.

How to add meta tags to your website

• Plain HTML: Paste the generated tags inside the head element of your page, before the closing head tag.
• WordPress: Use an SEO plugin and fill in its title and description fields, or paste the code into your theme header if you are comfortable editing it.
• Next.js and React frameworks: Use the metadata feature of the framework, for example the metadata export in the Next.js App Router, and copy the values from the generator.
• Website builders: Wix, Shopify, Squarespace and similar platforms have SEO settings where you can paste your title and description.

Common meta tag mistakes

• Missing or duplicate titles: Every page needs its own clear title. A missing title leaves the search engine to guess.
• A noindex tag left on by accident: A noindex robots tag asks search engines to keep the page out of the results, so check it before you launch.
• A wrong canonical URL: Pointing the canonical tag to another page can remove your page from the results.
• Titles that are too long: Long titles are cut off, which can hide your brand or your best words.
• Relying on the keywords tag: Google does not use the meta keywords tag for ranking, so it will not help.
• Forgetting the viewport tag: Without it, your page may look tiny and hard to use on a phone.