Meta tag generator
Generate SEO and social sharing meta tags: title, description, keywords, canonical, robots, Open Graph, Twitter Card, viewport and theme-color, with URL and length validation.
Runs in your browserEvery computation happens in your browser — your data never leaves this device.
Generated HTML snippet
<title>UniKit 工具站</title> <link rel="canonical" href="https://unikit.cc/"> <meta name="description" content="即开即用的在线工具箱：编解码、格式化、加密、转换与网络工具，处理过程全部在你的浏览器里完成。"> <meta name="keywords" content="在线工具, 开发者工具, 编解码, 格式化"> <meta name="robots" content="index,follow"> <meta property="og:title" content="UniKit 工具站"> <meta property="og:description" content="即开即用的在线工具箱，数据不离开你的浏览器。"> <meta property="og:image" content="https://unikit.cc/og.png"> <meta property="og:url" content="https://unikit.cc/"> <meta property="og:type" content="website"> <meta property="og:site_name" content="UniKit"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="UniKit 工具站"> <meta name="twitter:description" content="即开即用的在线工具箱，数据不离开你的浏览器。"> <meta name="twitter:image" content="https://unikit.cc/og.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#0ea5e9">
Tag list
<title>UniKit 工具站</title><link rel="canonical" href="https://unikit.cc/"><meta name="description" content="即开即用的在线工具箱：编解码、格式化、加密、转换与网络工具，处理过程全部在你的浏览器里完成。"><meta name="keywords" content="在线工具, 开发者工具, 编解码, 格式化"><meta name="robots" content="index,follow"><meta property="og:title" content="UniKit 工具站"><meta property="og:description" content="即开即用的在线工具箱，数据不离开你的浏览器。"><meta property="og:image" content="https://unikit.cc/og.png"><meta property="og:url" content="https://unikit.cc/"><meta property="og:type" content="website"><meta property="og:site_name" content="UniKit"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="UniKit 工具站"><meta name="twitter:description" content="即开即用的在线工具箱，数据不离开你的浏览器。"><meta name="twitter:image" content="https://unikit.cc/og.png"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0ea5e9">What this tool does
- Fill in the SEO and sharing basics before launching a page: title, description, keywords, canonical and robots all in one form, with a tag snippet you can paste straight into <head>.
- Tune social cards: whatever you type for Open Graph and Twitter Card is what Slack, X and messaging apps show when the link is shared, so nothing is guesswork.
- Catch length and format problems early: a title over 60 characters, a description under 30 or over 160, a non-URL canonical or a non-hex theme colour all raise an inline warning.
- Compare canonical and keyword conventions: Chinese commas in keywords are normalised to English ones, and empty fields emit nothing, which makes it easy to see how many meta tags you really intend to ship.
Example
Input
title: Online Base64 converter description: Encode text or file content as Base64 and decode it back, entirely in your browser. keywords: base64，encode, online tool canonical: https://unikit.cc/tools/base64-string-converter/ robots / og:* / twitter:* / viewport / theme-color: empty
Output
<title>Online Base64 converter</title> <link rel="canonical" href="https://unikit.cc/tools/base64-string-converter/"> <meta name="description" content="Encode text or file content as Base64 and decode it back, entirely in your browser."> <meta name="keywords" content="base64, encode, online tool">
Empty fields are skipped entirely (hence no robots, og: or twitter: tags above), and the mixed Chinese/English commas in keywords were normalised to ", ".
Frequently asked questions
Why did some fields I filled in not show up in the output?
Only non-empty fields produce a tag. Leaving a field blank deliberately emits nothing so you never ship content="". Press Example to restore the default values if you want to see the full set.
Does og:image have to be an absolute URL?
It should be. Validation accepts absolute http(s) URLs and site-relative paths starting with /, but the external crawler that builds the share card cannot resolve a relative path, so the image is usually dropped.
What should I put in robots?
Use index,follow for normal pages and noindex,follow (or noindex,nofollow) for login, admin and internal search pages. Only the standard tokens such as index, noindex, follow, nofollow, noarchive and nosnippet are accepted; anything else warns that the value is not in the recommended list.
How are title and description lengths counted?
In characters (code points), not bytes, so a Chinese character counts as one. Titles are advised to stay at 10–60 characters and descriptions at 30–160. Going over is only a warning — the tags are still generated, and the final truncation is up to the search engine.
Can I generate meta tags for several pages at once?
One page at a time, but the tags regenerate live as you edit. Fill in one set, copy the snippet, change the fields and copy the next set without reloading; your input never leaves the browser.
Keywords：metameta 标签seoopen graphogtwitter cardcanonicalviewportmeta tag generator