Meta Tag Generator
Fill in a short form and get the tags that belong in your page's <head>: title, description, robots, canonical, viewport, charset and theme colour. A Google-style preview shows how the result might look in search.
Page details
54 characters (aim for 30–60)Good length
150 characters (aim for 120–160)Good length
Google ignores this tag. Leave it empty unless another search tool you use reads it.
The one address you want search engines to index for this page.
Robots
Your <head> tags
<!-- Put the language on the html element: <html lang="en-GB"> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Handmade Oak Tables and Benches | Hollow Tree Workshop</title> <meta name="description" content="Solid oak tables, benches and shelves made by hand in our Yorkshire workshop. Choose the size and finish, see the price at once, delivered in 6 weeks."> <meta name="keywords" content="oak furniture, handmade dining table, solid wood bench"> <meta name="author" content="Hollow Tree Workshop"> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://www.hollowtreeworkshop.co.uk/"> <meta name="theme-color" content="#4f46e5">
Google preview
Handmade Oak Tables and Benches | Hollow Tree Workshop
Solid oak tables, benches and shelves made by hand in our Yorkshire workshop. Choose the size and finish, see the price at once, delivered in 6 weeks.
Cut where Google would roughly cut it, measured in pixels. Check the exact widths in the SERP Snippet Preview.
Made in your browser
The tags are built in this tab. Nothing you type is sent to us.
Safe HTML
Quotes, ampersands and angle brackets are escaped for you.
Preview included
See an approximate Google result for desktop and mobile.
The handful of tags that still matter
Most of what sits in a page's <head> is invisible to visitors, but a few tags decide how the page is found and shown. The <title> becomes the blue headline in search results and the text on the browser tab. The meta description is often used as the two lines of grey text under it. The robots tag tells search engines whether to index the page, and the canonical link says which address is the real one when the same content lives at several URLs.
This generator writes those tags for you, plus the charset, the responsive viewport line, author and theme-color. Every value you type is escaped, so a quote mark or an ampersand in your title won't break the HTML. Leave a field empty and its tag is simply left out, except robots, which is always written with the two options you pick.
As you type, the counters under the title and description tell you whether the length is in a sensible range, and the preview on the right cuts the text roughly where Google would on desktop or mobile.
How to use it
- 1Write a title and a meta description, keeping an eye on the character counters.
- 2Add the canonical URL and pick index or noindex, follow or nofollow.
- 3Set the charset, language, author and theme colour if you need them.
- 4Check the Google preview on desktop and mobile.
- 5Copy the tags or download them as an HTML file and paste them inside <head>.
What each field produces
- Title: a <title> element. The counter suggests 30 to 60 characters.
- Meta description: <meta name="description">. The counter suggests 120 to 160 characters.
- Keywords: <meta name="keywords">, only when you fill it in. Google has ignored it for years, so it's optional.
- Robots: <meta name="robots" content="index, follow"> or any mix of index/noindex and follow/nofollow.
- Canonical URL: <link rel="canonical" href="…">.
- Charset: UTF-8, ISO-8859-1, or no tag at all. Viewport: width=device-width, initial-scale=1, switched on by default.
- Author and theme colour: plain meta tags. The colour field warns you when the value isn't a hex code like #4f46e5.
- Language: written as a comment reminding you to put lang="en-GB" (or your code) on the <html> element, because that's where it belongs rather than in a meta tag.
Getting the title and description right
Put the words people search for near the start of the title, and your brand at the end. "Handmade Oak Tables and Benches | Hollow Tree Workshop" tells a searcher what they'll find before they reach the name.
For the description, think of it as a short advert. Say what's on the page and give a reason to click: a price, a delivery time, a free download. Google rewrites descriptions it doesn't find useful, so a vague one is more likely to be replaced by a random sentence from the page.
Character counts are only a guide. Google actually cuts by pixel width, so a title full of wide letters like W and M gets cut sooner than one with lots of i and l. The preview measures pixels, which is why it can disagree with the counter now and then.
A word on noindex
Switching to noindex keeps a page out of search results once search engines see the tag. It's handy for thank-you pages, internal search results and staging copies. Don't block the same page in robots.txt as well: if crawlers can't fetch the page, they never read the noindex.
What this generator doesn't cover
Social sharing tags live in their own tools: the Open Graph Generator writes the og: tags Facebook and LinkedIn read, and the Twitter Card Generator handles X. Language versions of a page need hreflang links, which the hreflang generator builds. Favicons need their own <link> tags too.
Keeping these separate makes each form shorter. Paste the output of each tool one after another inside <head>; the order of tags there doesn't matter to search engines, as long as charset comes near the top.
Related tools
What Our Users Say
Real feedback from people using WeblixTools, checked by our team before it appears.
5.0 out of 5 · 1 review
very nice
Frequently Asked Questions
Where do I paste the generated tags?
Inside the <head> section of your page, before </head>. In WordPress or Shopify, your SEO plugin or theme settings usually have fields for the title and description, so you may only need the extra tags. If your page already has a <title>, replace it rather than adding a second one.
Do meta keywords help rankings?
Not in Google, which stopped using them long ago. A few smaller search tools may still read them, which is why the field is there, but it's fine to leave it empty.
Why does Google show a different title or description?
Google rewrites them when it thinks other text on the page matches the search better. A clear title that matches your main heading, and a description that sums up the page, are rewritten less often.
Do I need the robots tag if I want the page indexed?
No. index, follow is what search engines assume anyway. The generator writes it so the choice is visible, and you can delete that line if you prefer a shorter <head>.
What is a canonical URL for?
It tells search engines which address to treat as the main one when the same page can be reached in several ways, for example with and without tracking parameters. Use the full address, including https://.
Is what I type stored anywhere?
No. The form, the tags and the preview all run in your browser, and nothing is sent to our server.
What does theme-color change?
Some mobile browsers, mainly Chrome and Safari on phones, tint the address bar or the area around it with this colour. It doesn't affect search.