Meta 标签生成器
创建 SEO 友好的 meta 标签并实时预览
页面信息
实时预览
Google 搜索结果
社交媒体卡片（Open Graph / Twitter）
生成的 HTML
在上方填写表单以生成 meta 标签...
这个元标签生成器让你填一张简单的表单，就能拿到一整套完整的 HTML meta 标签——标题、描述、Open Graph 和 Twitter 卡片，还带实时字数统计和一键复制。站长、市场运营和开发者不用再背各种属性名，也能写出规范、完整的 head 标签。
元标签为什么仍然重要
搜索引擎和社交平台没法像人一样”看”你的页面，只能靠 meta 标签来理解和展示它。标题标签至今仍是最强的页面内排名信号，同时也是搜索结果里那行蓝色的标题。meta 描述对排名的直接影响不大，但它是你在搜索结果页上的电梯演讲——写得好的描述能实实在在地提高点击率。Facebook 在 2010 年推出的 Open Graph 标签，则决定了别人把你的链接贴进聊天框、朋友圈或 Slack 时会显示什么：标题、摘要，以及最关键的图片。没有 OG 标签的页面，分享出去往往只剩一条光秃秃的网址，而光秃秃的网址只会被人一划而过。把这些标签写对，是 SEO 里成本最低的收益之一，却因为语法繁琐、容易敲错而经常被人跳过。
如何使用
- 填写页面标题和描述——字数统计帮你控制在 60 和 160 字符左右。
- 添加页面的规范 URL 和预览图 URL。
- 检查生成的标准 SEO、Open Graph 和 Twitter 卡片标签。
- 点击复制，把整段代码粘贴到你 HTML 的 head 区域。
功能特性
- 标题和描述均带实时字数统计
- 面向 Facebook、LinkedIn 和各类聊天应用的 Open Graph 标签
- Twitter 卡片标签，支持大图摘要格式
- 规范链接与预览图字段
- 完整 head 代码块一键复制
- 即时生成，全程本地运行
使用场景
博主生成规范的分享预览，让文章被转发时显得专业；电商团队确保商品页在社交 feed 和群聊里能带图展开；开发者搭新站时直接拿一套正确的基础 head 代码，而不是从旧项目里复制过时的标签；做 SEO 审计的人则用它产出修正后的标签，交给那些分享出去只显示灰色空框的客户网站。
相关工具
常见问题
什么是Open Graph元标签？
Open Graph（OG）元标签由Facebook创建，并被LinkedIn、Pinterest、Slack等平台使用。它们控制你的页面在分享时的显示方式，包括标题、描述、图片和网站名称。如果没有OG标签，社交平台会显示劣质的预览效果。
元标签如何影响搜索引擎优化？
标题标签是最重要的页面内SEO元素。元描述强烈影响搜索结果中的点击率。Open Graph和Twitter卡片标签能改善内容在社交媒体上分享时的展示效果，从而带来引荐流量。
为什么需要Twitter卡片标签？
Twitter卡片标签确保你的内容在Twitter/X上分享时以丰富的预览形式（大图、标题、描述）显示。没有它们，推文只会显示URL。summary_large_image卡片格式具有最强的视觉冲击力。
标题和描述应该写多长？
标题建议控制在60个字符以内，描述控制在160个字符以内，超出的部分会在搜索结果中被截断。本工具提供实时字数统计，帮你保持在合理范围内。