TF

开发者工具

带 Open Graph 预览的 Meta 标签生成器

编写 SEO、Open Graph 和 X 卡片标签，并预览链接在 Google、Facebook、X、LinkedIn 和 Slack 中的样子。

从现有页面开始
44/60
113/160
TToolForgehttps://toolforge.example/

ToolForge — Free Online Tools That Just Work

Fast, private browser tools for developers and everyday tasks: JSON, encoders, generators, calculators, and more.

预览仅近似各平台显示链接的效果。平台会缓存卡片，因此更改可能需要一段时间才会生效。

这是什么工具？

在社交媒体和聊天应用中分享的链接，会通过 Open Graph 标签显示标题、描述和图片。填写字段——或粘贴页面 HTML 读取其现有标签——即可在发布前看到链接在 Google、Facebook、X、LinkedIn 和 Slack 中的样子。

生成器会写入标准的标题和描述标签、规范链接、Open Graph 标签（Facebook、LinkedIn、WhatsApp、Slack、Discord 等都会使用）以及 Twitter/X 卡片标签，并自动进行 HTML 转义。

分享图片请使用 1200 × 630 像素、https:// 开头的绝对地址。预览只是近似效果；各平台会调整布局并缓存卡片，已分享的链接需要用平台自己的调试工具刷新。

如何使用Meta 标签生成器与 OG 预览

  1. 输入页面标题、描述、URL 和分享图片——或在“从现有页面开始”中粘贴现有 HTML。
  2. 注意字数统计：标题超过 60 个字符、描述超过 160 个字符时很可能被截断。
  3. 在 Google、Facebook、X、LinkedIn 和 Slack 预览之间切换。
  4. 把生成的标签复制到页面的 <head> 中。

示例

Open Graph 标签

<meta property="og:title" content="My Page" />
<meta property="og:description" content="What the page is about" />
<meta property="og:image" content="https://example.com/og.png" />

常见问题

能读取线上网站的标签吗？

浏览器不允许网页抓取其他网站，所以请粘贴 HTML：打开页面，选择“查看源代码”，全部复制后粘贴到“从现有页面开始”中。

Open Graph 图片应该多大？

1200 × 630 像素（1.91:1）适用于所有主流平台。重要文字不要靠近边缘，因为有些应用会裁剪图片。

Open Graph 和 Twitter 标签都需要吗？

X 的大多数字段会回退到 Open Graph，但卡片样式由 twitter:card 控制，所以生成器两者都会包含。

Meta 标签会影响 Google 排名吗？

标题对排名和点击都有很大影响，描述主要影响点击率。Open Graph 标签不影响排名，但能让分享的链接更吸引点击。

以后需要更强大的功能？

高级工具、更高限额和 API 访问已在规划中。V1 仍然免费，并在您的浏览器中私密运行。