什么是元标签？
元标签是HTML代码片段，为搜索引擎和社交媒体平台提供关于网页的信息。它们不会在页面上显示，但在搜索结果中如何显示您的内容以及在社交媒体上分享时起着至关重要的作用。
为什么元标签很重要
搜索引擎优化
社交媒体分享
品牌一致性
三种类型的元标签
此工具生成三类元标签以优化您的网络形象：
基础SEO标签
用于搜索引擎可见性和索引的基本元数据
- 标题和描述
- 关键词和作者
- Robots指令
- 规范URL
Open Graph标签
控制在主要社交平台上的外观
- Facebook和LinkedIn
- Pinterest和Slack
- 自定义图像和标题
- 内容类型定义
Twitter Card标签
为X（Twitter）定义卡片布局和内容
- 摘要卡片
- 大图卡片
- 作者署名
- 网站账号
如何使用元标签生成器
填写基础SEO
从基础SEO选项卡开始。输入您的页面标题和元描述 — 这些是搜索引擎可见性最重要的标签。字符计数器帮助您保持在最佳限制范围内：
- 页面标题 — 目标为50–60个字符。这在搜索结果中显示为可点击的标题
- 元描述 — 目标为150–160个字符。这是搜索结果中标题下方的摘要文本
- 可选择添加关键词、作者名称、规范URL和robots指令
自定义Open Graph（可选）
切换到Open Graph选项卡以自定义您的页面在Facebook、LinkedIn和其他社交平台上的外观。如果您留空字段，它们会自动使用基础SEO选项卡中的值。
- 选择内容类型（网站、文章、产品、视频或个人资料）
- 添加图像URL — 推荐尺寸为1200 x 630像素以获得最佳显示效果
- 设置您的网站名称和语言地区
自定义Twitter Card（可选）
切换到Twitter Card选项卡以控制您的页面在X（Twitter）上分享时的外观。字段首先从Open Graph继承，然后从基础SEO继承。
- 在摘要（小图）或摘要大图（大图）卡片类型之间选择
- 添加您的Twitter账号用于网站和作者署名
预览和复制
使用右侧的预览面板查看您的页面在Google、Facebook和X上的外观。满意后，点击复制代码以复制生成的HTML并将其粘贴到您页面的<head>部分。
功能
智能默认值
您只需填写基础SEO选项卡。Open Graph字段自动从基础SEO继承，Twitter Card字段从Open Graph继承（然后是基础SEO）。当您需要为社交分享使用不同文本时，可以单独覆盖任何字段。
手动输入
- 分别填写所有字段
- 跨选项卡复制内容
- 不一致的风险
- 耗时的过程
自动继承
- 填写一次，应用到任何地方
- 自动值传播
- 保证一致性
- 节省时间和精力
实时多平台预览
在发布前查看您的页面在三个平台上的确切外观：
Google SERP
X（Twitter）
字符计数验证
实时字符计数和颜色编码指示器帮助您编写最佳长度的元内容：
清晰的代码输出
生成的HTML具有语法高亮显示，易于阅读，仅包含您填写的标签 — 没有空标签或不必要的标签。一键复制完整代码到您的剪贴板。
清晰输出
仅包含有值的标签
- 没有空标签
- 格式正确的HTML
- 语法高亮
一键复制
即时剪贴板集成
- 一次复制所有标签
- 准备粘贴
- 无需手动格式化
Robots指令
直接切换index/noindex和follow/nofollow指令。当两者都设置为默认值（index、follow）时，robots标签会被省略，因为它是不必要的。
常见问题
元标题的理想长度是多少？
Google通常显示标题标签的前50–60个字符。将您的标题保持在此范围内可确保它不会在搜索结果中被截断。当您接近限制时，字符计数器变为黄色，超过时变为红色。
元描述的理想长度是多少？
元描述应该在150–160个字符之间。虽然Google不总是使用您的描述（它可能生成自己的），但精心编写的描述可以显著提高点击率。
我需要同时使用Open Graph和Twitter Card标签吗？
Twitter可以回退到Open Graph标签，所以从技术上讲，您只需要OG标签进行基本社交分享。但是，Twitter Card标签让您更好地控制您的内容在X（原Twitter）上的显示方式，包括在摘要和大图卡片布局之间选择。
- Open Graph标签在大多数平台上都有效
- Twitter Card标签提供X特定的自定义
- 同时使用两者可确保在任何地方都有最佳显示
我应该为Open Graph使用什么图像尺寸？
推荐的图像尺寸是1200 x 630像素（1.91:1宽高比）。这在Facebook、LinkedIn、X和其他平台上都能很好地工作。使用代表您内容的高质量图像。
| 平台 | 推荐尺寸 | 宽高比 |
|---|---|---|
| 1200 x 630像素 | 1.91:1 | |
| 1200 x 627像素 | 1.91:1 | |
| X（Twitter） | 1200 x 628像素 | 1.91:1 |
摘要和摘要大图Twitter卡片有什么区别？
紧凑布局
- 左侧小方形缩略图
- 右侧文本内容
- 视觉空间较少
- 更适合文本为主的内容
视觉布局
- 文本上方显示大图
- 更突出的视觉呈现
- 占用更多时间线空间
- 更适合视觉内容
我应该在哪里粘贴生成的代码？
将生成的元标签放在您的HTML页面的<head>部分内，在关闭</head>标签之前。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Paste generated meta tags here -->
<meta name="title" c>
<meta name="description" c>
<!-- ... more meta tags ... -->
</head>
<body>
<!-- Your content -->
</body>
</html>关键词元标签仍然有用吗？
Google已声明它不使用关键词元标签进行排名。但是，其他一些搜索引擎（如Bing）和内部网站搜索工具可能仍然会引用它。它是可选的，优先级较低。
| 搜索引擎 | 使用关键词标签 | 优先级 |
|---|---|---|
| 否 | 不用于排名 | |
| Bing | 有限 | 次要考虑 |
| 内部搜索 | 是 | 网站特定用途 |
还没有评论，快来发表第一条！