开放图生成器 | Twitter 卡片和 OG 标签创建器

如何使用

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

01
输入您的页面详细信息
添加标题、描述、图像 URL 和页面 URL。
02
预览卡片
查看链接如何跨平台显示的实时片段。
03
复制标签
获取现成的 Open Graph 和 Twitter Card 元标签。
04
将它们添加到您的页面
将标签粘贴到页面的 <head> 中并测试共享。

使用案例

常见用例

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

概述

设计完美的社交分享预览

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

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

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

特征

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

常问问题

常见问题

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

开放图谱 (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 倍。

Open Graph 和 Twitter 卡有什么区别？+

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

开放图谱和 Twitter 卡片生成器

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

输入您的页面详细信息

预览卡片

复制标签

将它们添加到您的页面

常见用例

设计完美的社交分享预览

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

常见问题

来自杂志

Best AI Writing Assistants for Content Teams in 2025

How to Choose the Right AI Image Generator

Top 10 Free AI Tools You Can Start Using Today