Meta 标签生成器
生成 title、description、keywords、Open Graph 与 Twitter 卡片标签，附长度体检与搜索结果预览。
长度体检
标题 17 字符合适
标题建议 25–60 字符，超过约 580px 会被截断
描述 51 字符合适
描述建议 60–160 字符，超过约 990px 会被截断
搜索结果预览
Y在线工具
在线工具站 - 免费的开发者工具箱
收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。
生成的标签
<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="收集常用的小工具：编码转换、格式化、加密、图片处理、网络测试等，全部在浏览器本地运行，不上传任何数据。" />从现有 HTML 反查
把页面源码粘进标题下面的输入框，可以提取已有的 meta 重新编辑
charset 必须放在 head 的前 1024 字节内，否则浏览器要重新解析编码，中文可能先闪一下乱码。
Open Graph 决定链接被分享到微信、飞书、Twitter、Slack 时的样子。og:image 必须是绝对地址——相对路径在别人服务器上找不到。
长度按字符数算（中文一个字算 1），但搜索引擎按像素截断：中文约 16px、英文约 8px。同样 60 个字符，中文会比英文早被截。
评论
还没有评论，来说两句吧