Meta Tag Generator: Free HTML Meta Tags Maker

A meta tag generator builds the HTML meta tags for a web page from a few form fields. With this free tool you enter a title, description, robots rules, canonical URL, Open Graph and Twitter Card details, check a live Google preview, and copy ready-to-paste code for your page's head section.

What Are Meta Tags and Why Do They Matter for SEO?

Meta tags are short HTML elements in the head of a page that describe it to browsers, search engines and social networks. Visitors never see them on the page, but they shape how your link looks in search results and in shared posts.

Most pages need five groups of tags:

• Title and description: the text Google often uses for your search snippet. Google may rewrite it, but a clear one gives it a strong starting point.
• Robots: index or noindex, follow or nofollow. These tell crawlers whether to list the page and whether to follow its links.
• Canonical URL: names the preferred address when the same content loads at several URLs, such as tracking parameters or www and non-www versions.
• Technical tags: character encoding, language and the responsive viewport tag that makes the page scale on phones.
• Open Graph and Twitter Card tags: the title, image and site name shown when someone shares the page on social platforms and on X (formerly Twitter).

How to Use the Meta Tag Generator

You can create a full set of tags in about two minutes by filling in the form from top to bottom. Every field is optional except the ones you want to appear in the output.

1. Type your page title in the title field. The counter shows your length out of 60 characters, and the bar turns amber past 80% and red once you go over.
2. Write the description. Its counter targets 160 characters, and the Google SERP Preview card updates as you type.
3. Add comma-separated keywords if you want a keywords tag, and enter the Canonical URL of the page, for example https://www.example.com/page.
4. Choose index or noindex, follow or nofollow, a character encoding (UTF-8 is the default) and a language, or pick No Language Tag. Leave Add responsive viewport meta tag ticked for mobile-friendly pages.
5. In the Open Graph section, pick an OG Type (Website, Article, Product, Profile, Video or Music) and fill in Site Name, OG URL and OG Image URL. In the Twitter Card section, choose a Card Type, add your Twitter @username and, if you like, a separate image. Untick either section to leave it out.
6. Optionally tick the revisit option (1 to 365 days) or the author option and enter a name such as John Doe.
7. Submit the form, review the Google Preview and the code, then press Copy to Clipboard and paste the result into the head section of your page.

Worked Example: Meta Tags for a Class Page

Here is what the tool produces for a realistic page. Say you run a bakery in Austin and want to rank a page for sourdough classes.

• Title: Sourdough Bread Classes in Austin | Rise Bakery (47 characters, so the counter stays green)
• Description: Learn to bake sourdough in a hands-on 3-hour class. Small groups, all supplies included, and a starter to take home. Book your seat today. (138 characters)
• Canonical URL: https://www.example.com/classes/sourdough
• Robots: index, follow. Encoding: UTF-8. Language: English.
• Open Graph: type Website, site name Rise Bakery, plus the page URL and a photo of a loaf.
• Twitter Card: Summary Large Image with the handle of the bakery.

After you submit, the result page shows a Google Preview with your title and description, followed by a block of tags. It contains a title tag, a description tag, a robots tag reading index, follow, the encoding line and the social tags. Because the title stays under 60 characters and the description under 160, both should display in full on most results pages. Copy the block into the head of the page and you are done.

How Do You Read and Act on the Results?

Treat the counters and the preview as a quick quality check before you copy any code. Widely used guidelines, not Google rules, give you these targets:

Red counter or cut-off preview

A red bar means you passed the character target, and the end of your text may be replaced with an ellipsis in search. Characters are only a proxy, because Google truncates by pixel width. Wide letters such as W and M use more room, so check borderline text with the meta description pixel width checker.

Robots settings

Index, follow is right for pages you want ranked. Choose noindex for thank-you pages, internal search results or staging copies, and nofollow only when you do not want crawlers to follow any link on the page. One wrong dropdown can remove a page from search, so double-check this setting before publishing.

Canonical and social fields

Your canonical URL should be the one clean address you want indexed, with the full https prefix. For social cards, an empty Twitter image falls back to the OG image, so one good picture can serve both.

Who Is This Meta Tag Generator For?

It suits anyone who needs correct head tags without hand-writing HTML or installing a plugin.

• Small business owners adding tags to a hand-built or template-based site.
• Bloggers on platforms that let you edit the theme head, who want proper description and social tags.
• Developers who need a clean starting block for a new landing page.
• SEO freelancers and agencies drafting titles and descriptions for clients and showing the preview before approval.
• Marketers who want shared links to show the right image and headline on launch day.

Best Practices, Common Mistakes and Troubleshooting

Good meta tags are unique, accurate and honest about the page, so start there before touching any option.

• Write unique tags for every page. Reusing one description across a whole site gives search engines no way to tell pages apart.
• Match the title to the page. Google may rewrite titles that do not reflect the content. Keep the same text in your page's visible title element, since search engines mainly read that for the result headline.
• Use full URLs. Relative paths such as /image.jpg often fail in social previews. Enter the complete address, starting with https.
• Check the quotes. Straight double quotes are removed from the title, description and keywords so they cannot break the tag, and line breaks in the description are flattened into one line. If your copy relied on quotation marks, rephrase it.
• Expect a capital first letter. The title in the output starts with an uppercase letter even if you typed lowercase.
• Do not paste duplicates. If your CMS or theme already prints a description or canonical tag, remove one copy so the page has a single version of each.
• Skip optional extras you do not need. Google has said it ignores the keywords tag for ranking, and the revisit option is not something Google uses to schedule crawls. Fill them only if another system you use reads them.

What Are the Limits of This Tool?

The generator creates tags from text you type. It does not read an existing page, and it cannot guess your best title.

If you want to see the tags already on a live site, use the meta tags analyzer. To confirm that your canonical tag works once published, run the canonical tag checker. Site verification codes from Google Search Console or Facebook come from those platforms, so copy them from your account there.

No tool can promise a ranking or a specific snippet, because Google decides what to display. For a deeper look at how your snippet may appear, try the Google SERP snippet preview.

Fill in the form above to generate your meta tags, check the preview and copy the code into your page. When you are done, browse the on-page SEO and meta tags tools to audit headings and other signals that support the tags you just wrote.