the IT Hustle
工具实战手册关于

Meta 标签

生成 Open Graph 和 Twitter Card Meta 标签，并提供社交分享的实时预览。

100% 免费 · 无限制
Meta Information
Title0/60
描述0/160
URL
图片 URL
OG 类型
Twitter 账号
Previews
Google Search Result
https://example.com
Page Title
Page description will appear here. Write a compelling meta description to improve click-through rates.
Facebook Card
No image set
example.com
Page Title
Description preview
Twitter Card
No image set
Page Title
Description preview
example.com
Generated HTML
<!-- Primary Meta Tags -->

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
实时预览
实时查看您的页面在 Google 搜索结果、Facebook 分享和 Twitter 卡片中的显示效果。
SEO 最佳实践
标题（60字符）和描述（160字符）的字数指示器，确保您的 meta 标签符合 SEO 规范。
100% 客户端
所有处理在您的浏览器中完成。数据永不离开您的设备。

如何生成 Meta 标签

使用 The IT Hustle 免费 Meta 标签生成器，创建优化的 Meta 标签和社交分享卡片。

  1. 1
    输入页面信息填写页面标题、描述、关键词和 URL。
  2. 2
    配置社交分享设置 Open Graph 和 Twitter Card 属性，包括图片 URL 和站点账号。
  3. 3
    预览社交卡片查看页面在 Google、Facebook、Twitter 和 LinkedIn 上分享时的确切显示效果。
  4. 4
    复制 HTML 代码复制生成的 Meta 标签 HTML 代码，粘贴到页面的 head 部分。

常见问题

Open Graph 标签控制页面在 Facebook、LinkedIn 等社交平台上分享时的显示方式，定义了预览中展示的标题、描述和图片。

Twitter Card 是控制链接在 Twitter/X 上显示方式的 Meta 标签，可以展示摘要、大图或其他富媒体格式。

建议控制在 150–160 个字符以内。超过这个长度，Google 可能会在搜索结果中截断描述，因此每个字符都要充分利用。

相关工具

SEO 检查工具Robots.txt 与站点地图生成器Favicon 生成器