Meta Tag Generator
Last updated: 23 October 2026
Build SEO, Open Graph and Twitter Card meta tags by filling in a form, then copy the ready HTML for your page head. Free, instant and private.
0 / 60 characters
0 / 160 characters
The tags update as you type. Paste them inside the <head> of your page. Nothing you type is sent anywhere - the HTML is built in this tab, and no field is checked against a live website.
Why this tool is private
Everything happens in your browser — no server receives your input. No sign-up, no uploads, nothing to install.
How to use the Meta Tag Generator
- Type your page title and meta description. The counters under each field show how close you are to the usual 60 and 160 character display limits.
- Fill in the optional fields only if you need them: author, a canonical URL, and a comma-separated keyword list.
- Choose a robots setting, an Open Graph type and a Twitter card style. Add an OG image URL if you have a sharing image, and your Twitter handle if you want it credited on cards.
- Watch the output box as you work: the HTML updates live, and the optional tags appear only when their field is filled in.
- Click Copy HTML and paste the tags inside the <head> section of your page, before the closing </head> tag.
About this Meta Tag Generator
Every page you publish needs the same handful of head tags: a title, a description, Open Graph tags for social previews and Twitter Card tags. Writing them by hand invites typos, missing quotes and forgotten fields. This meta tag generator turns the job into a form. Type your title and description, watch the character counters, choose robots, Open Graph and card options, add an image URL or canonical address if you have them, and copy the finished block into your page head. The output updates as you type, optional tags appear only when you fill their fields, and everything runs in your browser.
How this meta tag generator works
The generator keeps a fixed template for each tag and fills it with whatever you type. The title and description feed three places at once - the standard tags, the Open Graph block and the Twitter block - so the three versions can never drift apart. Fields marked optional are genuinely optional: leave the author, keywords, canonical, image or handle blank and the matching line is simply left out of the output, rather than pasted in empty.
Values are escaped before they are inserted, so a title containing an ampersand or quotation marks comes out as valid HTML entities instead of breaking the tag. The finished block updates on every keystroke, and the whole process happens in this tab. There is no account, no queue and no record of the sites you are working on - you could disconnect from the internet after the page loads and still finish your tags.
Worked example: a coffee shop page
Imagine a product page titled Best Coffee Beans for Espresso - 30 characters, comfortably inside the 60-character guide. Its description reads: Small-batch espresso beans, roasted weekly and shipped within 24 hours. Single-origin and blends for home machines, with tasting notes and brew guides. That is 151 characters, inside the 160 guide, and it says what the page sells, how fresh it is and what else the reader gets.
With the robots setting left on index, follow, the type set to website and a large-image Twitter card chosen, the generator produces the title and description tags, the robots line, a five-line Open Graph block (adding og:image if you supply the photo's URL) and a four-line Twitter block, with a twitter:site line appearing only if you entered your handle. One copy, one paste, and every platform shows the same headline, text and picture.
Choosing the right settings
Leave robots on index, follow for any page you want found - that is the default behaviour of search engines anyway, so the line mostly documents your intent. Reserve noindex for pages with no search value, such as checkout confirmations, login screens and near-duplicate print views, and pair it with follow so links on those pages still pass authority. Reach for nofollow only in unusual cases, such as a page whose outgoing links you cannot vouch for.
For the card type, summary_large_image earns more attention in a feed but only works if you supply a decent wide image - roughly a 2:1 landscape picture. A plain summary card shows a small thumbnail and suits text-led sites without strong imagery. Add a canonical URL when the same content is reachable at several addresses, such as with tracking parameters, and point it at the one clean version you want indexed.
Honest limitations
A generator can assemble tags; it cannot judge them. It will not warn you that your title is vague, your description overpromises, or your canonical URL has a typo, and it never fetches your page to compare against what is already there. The character counters are guides, not guarantees - search engines cut text off by pixel width, so a title under 60 characters can still be truncated if it uses many wide capital letters.
Finally, remember that platforms may not use your text exactly as written. Google regularly rewrites descriptions in results, pulling sentences from the page it prefers, and social networks cache previews, so an updated image may not appear until their caches refresh. Well-written tags tilt the odds strongly in your favour, but the page itself - fast, useful and clearly titled - still does most of the work.
How it works
Fill in a short form - page title, description and social sharing options - and this generator writes the matching HTML meta tags for you: the standard title and description tags, Open Graph tags for Facebook, LinkedIn and messaging-app previews, and Twitter Card tags, plus optional author, keywords, robots and canonical tags. The output updates as you type and is built entirely in your browser; nothing you enter is fetched, checked or stored.
Privacy note: this tool runs locally in your browser. Your input is not uploaded, stored in analytics, or placed in the page URL.
Frequently asked questions
What are meta tags and why do they matter?
Meta tags are lines of HTML in a page's head section that describe the page to search engines and social platforms. The title tag and meta description influence what appears in search results, while Open Graph and Twitter Card tags control the headline, text and image shown when someone shares your link. They are invisible on the page itself but shape almost every first impression of it.
Do meta tags improve my search ranking directly?
Partly. The title tag is a genuine ranking signal and a clear, relevant title can help a page rank for its topic. The meta description is not used for ranking, but a good one earns more clicks from the same position, which is valuable in itself. Open Graph and Twitter tags do not affect search rankings at all - they only control how shared links look.
What is the difference between Open Graph and Twitter Card tags?
Open Graph tags (the ones starting og:) are read by Facebook, LinkedIn, WhatsApp and many other platforms when a link is shared. Twitter Card tags (twitter:) are Twitter's own equivalent and give you separate control over its cards. In practice Twitter falls back to Open Graph values when its own tags are missing, but including both, as this generator does, gives every platform the version you intended.
How long should my title and description be?
As a working guide, keep titles around 50 to 60 characters and descriptions around 150 to 160 characters, which is why the counters under the fields use those figures. Search engines actually truncate by pixel width rather than character count, so shorter, front-loaded text is safest: put the most important words first so nothing essential is cut off on narrow mobile results.
Does the keywords meta tag still matter?
Mostly, no. Google announced in 2009 that it ignores the keywords meta tag for ranking, and other major search engines treat it the same way, so stuffing it with phrases does nothing for your position. This generator still offers the field because a few smaller tools and internal site searches read it, and including a short, honest list does no harm - just do not rely on it.
What does the robots meta tag do?
The robots meta tag gives per-page instructions to search engines: index or noindex controls whether the page may appear in results, and follow or nofollow controls whether links on the page pass authority. Most pages should stay on index, follow. Use noindex for thank-you pages, internal search results and thin duplicates. It is separate from robots.txt, which controls crawling rather than indexing.
Does this tool check the tags on my live website?
No. This generator only assembles HTML from the words you type - it never visits your website, checks tags you already have, or verifies that a URL or image exists. That keeps it instant and private, but it also means you should proofread the output before pasting: check the canonical and image URLs are complete, public web addresses, and test how the page previews afterwards with the platforms' own sharing debuggers.
Related tools
Developer Tools
Robots.txt Generator
Create a robots.txt file with allow and disallow rules, crawl-delay and a sitemap line, then copy or download it ready to upload. Free and instant.
Developer Tools
JSON Formatter & Validator
Beautify, validate and minify JSON locally: 2-space formatting, parser errors with positions, and a type and key-count summary for valid JSON.
Developer Tools
URL Encoder / Decoder
Percent-encode text for use in URL query strings, or decode encoded strings back to readable text, with a clear error when the input is malformed.