使用方法
- 输入链接的 标题、描述 和 图片地址,以及 页面地址(og:url)。
- 选择 Twitter 卡片类型(twitter:card);如有网站名称,请输入 网站名称(og:site_name)。
- 或者把页面的 meta 行粘贴到粘贴框中,然后点击 读取粘贴的标签,以填写表单。
- 阅读六种链接卡片及其下方的提示,然后点击 复制 或 下载,取得 头部标签。
链接卡片读取哪些标签
Open Graph 协议把 og:title、og:type、og:image 和 og:url 列为必需属性;og:description 和 og:site_name 是可选的。工具始终把 og:type 写为 website,因为这是表单不询问的唯一必需值。
- LinkedIn 帮助中心(英文)说,其分享框会从 oEmbed 和/或 Open Graph 标记中读取标题、描述和图片。
- Slack 的指南(英文)说,Slack 会查找常见的 Open Graph 和 X(前身为 Twitter)卡片元数据。
- Facebook 建议图片至少为 1200 × 630像素,并建议保持接近1.91:1的宽高比。
图片尺寸与工具检查的内容
Facebook 的分享指南(英文)建议图片至少为 1200 × 630像素,且文件不得超过8 MB。只有在本设备上选择图片时,工具才能读取其尺寸,因为输入的地址不会被加载。
选择的图片会与 1200 × 630像素比较,不一致时给出提示。标签还需要图片在互联网上的地址,即您在图片地址中输入的内容。
粘贴页面的标签
粘贴页面的 meta 行后,表单会据此填写。工具只读取 og: 和 twitter: 标签;对于同一字段,og: 的值优先于 twitter: 的值。粘贴的文字在单独的文档中读取,从不放入本页面。
链接卡片是什么
每种卡片都是通用版式,大致是链接卡片的常见形状:顶部一张图片,一侧一张图片,一个聊天气泡,或者带有色条的方块。颜色是中性的,不显示任何徽标。这些卡片都不是任何服务卡片的复制。凡本页提到某项服务的显示方式,都会引用该服务自己的页面。
示例:带 1200 × 630图片的页面
标题为“复利计算器”(5个字符),描述为“计算每月定期存入的储蓄如何增长。”。页面地址为 https://example.com/compound-interest-calculator,图片地址为 https://example.com/images/compound-interest-1200x630.png,网站名称为 FireToolLand,卡片类型为 summary_large_image。
头部标签包括 og:type、og:title、og:description、og:image、og:url、og:site_name 和 twitter:card,共七行。没有提示,因为标题在参考长度之内,图片和页面地址都是 https,并且设置了卡片类型。
| 标签 | 值 |
|---|---|
| og:type | website |
| og:title | 复利计算器 |
| og:site_name | FireToolLand |
| twitter:card | summary_large_image |
常见问题
为什么预览显示的是一个框,而不是我的图片?
您输入的图片地址不会被加载,因为加载它会让本页面向该地址发出请求。框中只以文字显示该地址。在本设备上选择一张图片,即可在这里看到它。
选择图片时,图片会被上传吗?
不会。图片以只保留在您浏览器中的本地地址显示,选择另一张图片时该地址即被释放。图片从不上传,也不会写入标签。
为什么标签中的地址应当是完整的 https 地址?
链接卡片由页面地址和图片地址构成。og:url 标签是该对象的规范 URL,因此它应当是页面完整的 https 地址。
这些卡片显示的与各服务的实际显示完全一样吗?
不一样。这六种卡片是通用版式。服务会改变它们的卡片,并可能缓存页面的标签,因此请在服务本身检查真实的效果。
工具会精确检查标题长度吗?
不会。ogp.me 没有为 og:title 规定最大长度。60个字符的提示是本工具选定的粗略参考,服务可能会显示不同的长度。
资料来源
数据和文字最近核对于2026年11月10日星期二。