开放图谱和 Twitter 卡片生成器

生成并预览 Open Graph (OG) 和 Twitter Card 元标签。确保您的链接在 Facebook、LinkedIn、X 和 WhatsApp 上共享时看起来完美。

由 Shehzad Munir 构建和维护 ·

需要互联网:the page's meta tags are fetched on our server。请求后不会存储任何内容。

开放图谱和 Twitter 卡片生成器
Loading Social Metadata Studio
Share

设计完美的社交分享预览

Open Graph 和 Twitter 卡片生成器创建并预览元标签,这些标签控制您的链接在 Facebook、LinkedIn、X 和 WhatsApp 上共享时的外观。配置良好的卡片可以将裸露的 URL 变成丰富的、值得点击的预览,并具有正确的标题、描述和图像。

元数据工作室可让您制作和预览 Open Graph 和 Twitter Card 标签,这些标签控制您的链接在 X、Facebook、LinkedIn 和 Slack 上共享时的外观。引人注目的标题、描述和图像可以极大地提高社交媒体的点击率,流量也能发出积极的参与信号。

特征

  • 开放图谱 (OG) 和 Twitter 卡标签生成器
  • Facebook、X、LinkedIn、WhatsApp、Discord 和 Slack 的实时预览
  • 摘要与summary_large_image Twitter 卡切换
  • 从任何现有 URL 导入并自动填充标签
  • 每个平台的长度验证和警告
  • 可直接复制元标记并导出 HTML

如何使用开放图谱和 Twitter 卡片生成器

  1. 1

    输入您的页面详细信息

    添加标题、描述、图像 URL 和页面 URL。

  2. 2

    预览卡片

    查看链接如何跨平台显示的实时片段。

  3. 3

    复制标签

    获取现成的 Open Graph 和 Twitter Card 元标签。

  4. 4

    将它们添加到您的页面

    将标签粘贴到页面的 <head> 中并测试共享。

常见用例

  • 博主让共享帖子显示正确的标题和图像。
  • 营销人员确保营销活动链接在 LinkedIn 上看起来精美。
  • 开发人员将开放图谱标签添加到新的登录页面。
  • 店主修复了 Facebook 上损坏的共享预览。

详细指南

停止损坏或丑陋的链接预览

元数据丢失或格式错误会导致缩略图空白和标题被截断,从而悄悄地杀死共享。生成正确的、可立即粘贴的标签,并准确查看每个平台将如何呈现您的页面,因此您发布的每个链接看起来都是有意为之且符合品牌的。

常见问题

什么是开放图谱标签以及为什么需要它们?

开放图谱 (OG) 标签是 HTML 元标签,用于控制网页在社交平台上共享时的显示方式。如果没有它们,Facebook 和 LinkedIn 将使用您页面中的随机文本和图像,从而导致共享内容看起来很糟糕。

如何将开放图谱标签添加到我的网站?

使用此生成器创建 OG 标签,然后将它们粘贴到 HTML 的 <head> 部分中。关键标签:og:title、og:description、og:image(必须为 1200×630px)、og:url 和 og:type。

og:image 的大小应该是多少?

建议的 og: 图像尺寸为 1200×630 像素(1.91:1 宽高比)。这适用于 Facebook、LinkedIn 和 X/Twitter。最小尺寸为 600×315 像素,但较大的图像显示得更突出。

Open Graph 和 Twitter 卡有什么区别?

开放图谱标签适用于 Facebook、LinkedIn、Pinterest 和 WhatsApp。 Twitter 卡是 Twitter 特定的元标签。两者都有相似的用途,控制预览外观,但使用不同的标签名称(og: vs twitter:)。

如何测试我的开放图谱标签?

使用此工具中的预览,或直接使用以下工具进行测试:Facebook 共享调试器 (developers.facebook.com/tools/debug)、Twitter 卡验证器 (cards-dev.twitter.com/validator) 或 LinkedIn Post Inspector。

如果我不添加开放图谱标签会怎样?

如果没有 OG 标签,社交平台会抓取您的页面并选择随机内容,通常是模糊的缩略图、错误的标题或被截断的描述。这会导致共享内容时的点击次数显着减少。具有适当 OG 标签的页面在社交媒体上的点击率会提高 2-3 倍。

如何将开放图谱和 Twitter 卡标签添加到我的网站?

填写标题、描述和图像 URL,生成器将输出 og: 和 twitter: 元标记。将它们粘贴到页面的头部,以便链接在 Facebook、X、LinkedIn 和 Discord 上显示丰富的预览。

为什么我的链接在共享时不显示图像?

通常 og:image 标签丢失或图像太小。生成一套完整的开放图标签(具有正确大小的图像)并在发布之前预览链接的显示方式。

我可以预览我的链接在不同平台上的外观吗?

是的。该工作室为 Facebook、X/Twitter 和 LinkedIn 等平台展示了共享卡的实时预览,以便您可以微调标题、描述和图像。

Open Graph 和 Twitter 卡有什么区别?

Open Graph 控制大多数平台(Facebook、LinkedIn、WhatsApp)上的预览; Twitter 卡是 X 自己的格式。两者的设置涵盖了每个主要网络。

来自杂志

All articles →