Meta Tag Generator
Generate title, description, keywords, Open Graph and Twitter card tags with a length check and a search result preview.
Length check
Aim for 25-60 characters; beyond roughly 580px the title is cut
Aim for 60-160 characters; beyond roughly 990px the description is cut
Search result preview
Y在线工具
在线工具站 - 免费的开发者工具箱
收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。
Generated tags
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>在线工具站 - 免费的开发者工具箱</title>
<meta name="description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />
<meta name="keywords" content="在线工具,开发者工具,编码转换,格式化,加密" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://example.com/toolkit" />
<meta property="og:title" content="在线工具站 - 免费的开发者工具箱" />
<meta property="og:description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/toolkit" />
<meta property="og:site_name" content="在线工具" />
<meta property="og:locale" content="zh_CN" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="在线工具站 - 免费的开发者工具箱" />
<meta name="twitter:description" content="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />Extract from existing HTML
Paste page source into the fields above to pull out the existing meta and edit it
charset must appear within the first 1024 bytes of head, otherwise the browser re-parses the encoding and Chinese text may flash as garbage first.
Open Graph decides how a link looks when shared to WeChat, Slack, Twitter or Feishu. og:image must be an absolute URL — a relative path does not resolve on someone else server.
Lengths are counted in characters, but search engines truncate by pixels: roughly 16px per CJK character and 8px per Latin one. The same 60 characters get cut sooner in Chinese.
Comments
No comments yet — be the first to say something