Meta Tag Generator

About this Meta Tag Generator

The Meta Tag Generator builds a ready-to-paste block of common HTML head tags from a few simple fields: page title, meta description, author and a responsive viewport tag. It saves time compared to writing the markup by hand.

Meta tags like title, description and viewport don't appear directly on a rendered page, but they strongly influence how a page appears in search engine results and how it behaves on different device sizes, making them a foundational part of basic on-page SEO.

For related tasks, try Markdown to HTML Converter, Slug Generator or HTML Minifier.

How the calculation works

The tool inserts your entered values into standard HTML head tag templates, escaping special characters so the markup remains valid.

How to use it

1. Enter the page title and meta description.
2. Optionally enter an author name.
3. Select Generate to get the HTML tags, then copy them into your page head.

Practical example

Entering a title and description produces a ready-made <title> tag and a <meta name="description"> tag with your text inserted and properly escaped.

A meta description like Free online tools for calculations, conversions and everyday tasks - fast, accurate and no signup required fits comfortably within the roughly 150-160 character length that search engines typically display in full.

Things to double-check

A well-written meta description doesn't directly boost search rankings the way page content and backlinks do, but it strongly influences whether someone actually clicks your result in search listings, since search engines often display it directly beneath your page's title.

The tags it creates

The generator produces a title tag, a meta description and a viewport tag. The title is the clickable headline in search results and the browser tab. The description is a summary that search engines may show under the title. The viewport tag tells phones to use the device width, so the page is not shown as a shrunken desktop site. Paste the output into the head section of your page.

Writing a good title

Keep titles to about 50 to 60 characters so they are not cut off in results, put the main topic first and make each page's title unique. Use plain language that matches what people search for, and add your site name at the end. Avoid keyword stuffing, which reads badly and does not help. A clear, specific title usually earns more clicks than a vague one.

Writing a good description

Descriptions of about 120 to 160 characters usually display fully. Explain what the page offers, mention the main benefit and use an active tone. Every page needs a different description, because duplicates give search engines no reason to treat pages differently. Google may rewrite the snippet to match a query, so the description is a suggestion, not a guarantee, but a good one still improves click rate.

Other tags to consider

Besides these tags, pages should declare the character set and language, such as UTF-8 and lang equals en, and a canonical link that points to the preferred address when there are duplicates. Open Graph tags control how links look when shared on social networks, and robots tags control indexing. Test your pages with a search console tool and make sure each page has only one title and one description.

Checking your tags

After you add tags, view the page source to confirm that there is one title and one description inside the head section. Use a search console tool to test how the page appears, and check that titles are unique across the site. Compare a weak title such as Free Online Calculators with a specific one such as Loan EMI Calculator - Monthly Payment and Interest, which is about 55 characters and names the tool and benefit. Review titles and descriptions after you see the search queries that bring visitors, and refine the ones with many impressions but few clicks.

Worked example: a tool page

For a loan calculator page, a good title could be Loan EMI Calculator - Monthly Payment and Interest, followed by the site name, which is roughly 55 characters. A description might read: Work out your monthly loan payment, total interest and total cost. Free, fast and no sign-up, which is about 100 characters and can be extended to 150 with one more benefit. The generator wraps these in a title element, a meta description and a viewport tag with width equal to device-width and initial-scale equal to 1. Paste the output inside the head section of the page, once.

Writing titles and descriptions that earn clicks

Titles are cut off by pixel width, not characters, so around 50 to 60 characters is a safe range, though wide letters take more room. Put the main topic first, add a benefit or qualifier, and end with the brand. Descriptions of about 120 to 160 characters should state what the page offers and why it is useful, in natural language. Give every page its own title and description, because duplicates make pages look alike in results. Search engines may rewrite your text to match a query, but a clear original gives them a good starting point.

Social sharing tags

When someone shares a link, social networks read Open Graph tags, which include og:title, og:description and og:image. An image of about 1,200 by 630 pixels works well on most platforms, and a twitter:card value of summary_large_image selects the large layout on X. If you leave them out, the platform will guess from the page, often with poor results. After you add the tags, test the page with each network's sharing debugger, since they cache results, and update the image if the preview looks cropped.

Mistakes and checks

Common mistakes include leaving a noindex robots tag on a live page, having two viewport tags, pointing the canonical link at the wrong address and filling the title with repeated keywords. Check the head section by viewing the page source, and use the URL inspection tool in Google Search Console to see how Google reads the page. Look at the search queries that bring visitors, and revise titles and descriptions for pages with many impressions but few clicks. Review the tags whenever you change the page content, so that they still describe it accurately.

Key terms explained

A meta tag gives information about a page to browsers and search engines. The title tag is the headline in search results and browser tabs. The meta description is a short summary that may appear under it. The viewport tag controls the page width on mobile devices. A canonical link names the preferred address of a page. Open Graph tags control how a link looks when shared. The robots tag tells search engines whether to index a page. A snippet is the text shown in a search result.

Rules of thumb and quick checks

Aim for titles of about 50 to 60 characters and descriptions of about 120 to 160. Put the main topic first and use the brand last. Give every page unique tags. Use an image of about 1,200 by 630 pixels for sharing. Include exactly one viewport tag and one title. After publishing, view the page source and use a search console tool to check how the page is read.

Frequently asked questions