Meta 标签生成器
为您的页面生成符合 SEO 要求的 title、description、Open Graph 和 Twitter Card 元标签，并配有实时字符计数器以保持理想长度。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 输入页面标题和 meta 描述——当长度处于搜索引擎的理想范围时，计数器会变绿。
- 添加 canonical URL、网站名称和 Open Graph 图片 URL，让您的页面在社交媒体分享时显示效果更好。
- 如有需要，添加 Twitter 账号并选择 Twitter Card 类型（摘要或大图摘要）。
- 复制生成的 HTML 代码块，并粘贴到页面的 <head> 中。
功能特点
- 在您输入时实时生成 title、description、canonical、Open Graph 和 Twitter Card 标签
- 为标题（最多 60 字符）和描述（50–160 字符）提供字符计数器，反映真实搜索引擎的截断行为
- 仅包含您实际填写的字段对应的标签——不会生成空的 content 属性
- 自动转义引号和尖括号，确保输出始终是有效的 HTML
- 100% 客户端处理——您的内容永远不会离开浏览器
常见问题
title 标签的理想长度是多少？
大约 50–60 个字符。搜索引擎通常会在搜索结果中截断更长的标题，因此超过 60 个字符时计数器会变为琥珀色。
meta 描述的理想长度是多少？
大约 50–160 个字符。太短会浪费描述页面的机会；太长会被搜索引擎截断。计数器正好反映了这个范围。
两种 Twitter Card 类型有什么区别？
“摘要”在标题和描述旁边显示一个小方形缩略图。“带大图的摘要”在文字上方显示一张通栏大图——更适合视觉化内容。
我需要 Open Graph 图片吗？
这是可选的，但强烈建议添加。如果没有，大多数平台在分享时会显示通用预览或完全不显示图片。
此工具会存储或上传我的内容吗？
不会。所有操作均在您的浏览器本地完成——您填写的字段和生成的标签绝不会发送到服务器。