","err_audit_input_required":"首先粘贴包含元标记的 HTML。","mockups_heading":"链接预览的外观如何","mockups_disclaimer":"这四张卡片的风格近似于每个平台的真实链接预览镶边，仅为规划目的而构建 - 它们不是 Twitter/X、Facebook、LinkedIn 或 Discord 的实时获取或屏幕截图，并且平台可能会随着时间的推移重新设计自己的预览 UI。","mockup_twitter_heading":"推特/X","mockup_facebook_heading":"脸书","mockup_linkedin_heading":"领英","mockup_discord_heading":"不和谐","mockup_image_alt":"链接预览图","mockup_no_image":"未提供图片","mockup_no_image_short":"无图像","domain_default_fallback":"example.com","audit_missing_title":"缺少 og:title — 大多数平台都会显示没有它的通用或空白标题。","audit_missing_description":"缺少 og:description — 预览卡将不显示摘要文本。","audit_missing_image":"缺少 og:image — 大多数平台不显示图像，或者回退到页面上找到的第一张图像。","audit_missing_url":"缺少 og:url — 如果没有它，备用 URL 的共享（带有跟踪参数、AMP 版本等）可能无法合并到规范页面。","audit_title_too_long":"og:title 为 {length} 个字符 — 超出了 ~{max} 个字符点，大多数平台都会将其截断。","audit_title_long":"og:title 是 {length} 个字符 — 超出了 ~{max} 个字符点，某些平台开始截断它，但它可能仍会在其他地方完全显示。","audit_title_ok":"og:title 为 {length} 个字符 — 在大多数平台的安全范围内。","audit_description_too_long":"og:description 为 {length} 个字符 — 超过了 ~{max} 个字符点，大多数平台都会将其截断。","audit_description_long":"og:description 为 {length} 个字符 — 超过了 ~{max} 个字符点，某些平台开始截断它。","audit_description_ok":"og:description 为 {length} 个字符 — 在大多数平台的安全范围内。","audit_url_not_absolute":"og:url 值“{value}”不是绝对的 http(s) URL — 它应该是页面的完整规范 URL。","audit_image_not_absolute":"og:image 值“{value}”不是绝对的 http(s) URL — 大多数平台需要完全限定的图像 URL。","audit_image_dims_small":"声明的 og:image:width/height 为 {w}×{h} — 低于广泛推荐的链接预览最小值 1200×630。","audit_image_dims_ok":"声明的 og:image:width/height 为 {w}×{h} — 满足广泛推荐的最小值 1200×630。","audit_image_dims_unparseable":"og:image:width/og:image:height 存在，但不是有效数字。","audit_image_dims_unknown":"没有声明 og:image:width/og:image:height — 在不获取图像的情况下无法验证实际像素尺寸，出于隐私考虑，该工具在设计上从不这样做。建议最小尺寸：1200×630。","audit_twitter_card_missing":"没有 twitter:card 标签 — Twitter/X 通常会回退到等效的 og: 标签，但显式的 twitter:card 更可靠。","audit_twitter_card_invalid":"twitter:card 值“{value}”不是 Twitter 的 Card 验证器接受的四个值之一：summary、summary_large_image、app、player。","audit_twitter_card_ok":"twitter:card 是“{value}”，一个有效值。","audit_large_image_needs_image":"twitter:card 是summary_large_image，但未找到 og:image 或 twitter:image — 此卡片类型需要图像才能正确渲染。","audit_twitter_title_fallback":"没有设置 twitter:title — Twitter/X 将回退到 og:title。","audit_twitter_description_fallback":"没有设置 twitter:description — Twitter/X 将回退到 og:description。","audit_twitter_image_fallback":"没有 twitter:image 集 — Twitter/X 将回退到 og:image。","audit_duplicate_tag_item":"“{tag}”被声明 {count} 次 — 只有大多数平台解析的最后一次才会真正生效。"};
⭐ 0
🔍
文字 图片 PDF 和文档 音频 音乐 电子电路 时间 公用事业 验证者 玄学 游戏

OG 和 Twitter 卡片生成器 — 元标签生成器、审核器和预览

从表单构建可立即粘贴的 Open Graph 和 Twitter 卡 <meta> 标签，或粘贴现有 <head> 以审核其是否缺少标签、标题/描述长度和 twitter:card 有效性 - 然后在真正重新设计的 Twitter/X、Facebook、LinkedIn 和 Discord 链接卡模型中预览两者。

Buy Me a Coffee at ko-fi.com
处理中... 0%
读取输入
构建/审核标签
渲染预览
完成

结果

Open Graph 和 Twitter Card 元标记决定链接在粘贴到 Slack、iMessage、推文或 Discord 频道时的外观 - 由页面自己的 <head> 选择的标题、描述和图像，而不是由平台从可见正文文本中刮取的任何内容。该工具既是构建器又是审核器，而不是通用模板填充器。在构建模式下，填写标题、描述、图像 URL、规范 URL、内容类型和 Twitter 卡类型，它会组成精确的 <meta property="og:..."> 和 <meta name="twitter:..."> 标记块，准备粘贴到页面的 <head> 中，跳过任何留空的字段，而不是发出带有空白内容的空心标记。

在审核模式下，粘贴现有的 <head> 标记或整个页面的 HTML，该工具会使用浏览器的本机 DOMParser 对其进行解析，以提取已存在的每个 og: 和 twitter: 元标记，然后运行实际重要的检查：如果缺少，则会标记四个常用标记（og:title、og:description、og:image、og:url）； og:title 是根据大约 60 个字符的点（一些平台开始截断它）和大约 90 个字符的点（大多数平台会截断它）来衡量的； og：描述是根据大多数平台在切断之前允许的大约 155 到 200 个字符的范围来衡量的； twitter:card 会根据 Twitter 的卡片验证器接受的真实四个值（summary、summary_large_image、app、player）进行检查，并标记是否有其他值；重复的标签（相同的属性声明了两次，这是一个令人惊讶的常见复制粘贴错误）通过名称来调用。

图像尺寸得到诚实的处理：该工具无法在不获取图像的情况下验证图像的实际像素大小，并且它故意不这样做，以符合该网站的无外部请求政策。如果您的 HTML 已经声明了 og:image:width 和 og:image:height，则这些声明的数字将根据广泛推荐的 1200×630 最小值进行检查；如果没有，您会得到明确的指导说明，而不是捏造的通过或失败。两种模式都渲染相同的四个链接预览模型 - Twitter/X（根据 twitter:card 值在其紧凑的“摘要”缩略图布局和全角“summary_large_image”布局之间切换）、Facebook、LinkedIn 和 Discord - 每个模型都经过真正的重新设计，以匹配该平台自己的排版和布局约定，而不是一个具有不同徽标的框，并且每个模型都明确标记为用于规划目的的说明性近似值，因为真实的平台会随着时间的推移重新设计其预览镶边的样式该工具从不获取或抓取它们来进行检查。

🛡️
在浏览器中执行

您的文件和输入永远不会离开此设备。处理完全离线运行。 100% 安全。

接受的格式和规则

  • BUILD 模式由 og:title、og:description、og:image、og:url、og:type、og:site_name 和匹配的 twitter:card/twitter:site/twitter:title/description/image 标签组成，跳过任何留空的字段，并一键复制准备粘贴块。
  • AUDIT 模式通过浏览器的 DOMParser 从粘贴的 HTML 中提取每个 og:/twitter: <meta> 标记，标记缺少必需标记 (og:title/description/image/url)、重复标记和无效的 twitter:card 值。
  • 长度指导使用真实的常用阈值：og:title 在某些平台开始截断之前大约 60 个字符（在最宽松的情况下最多大约 90 个字符），og:description 大约 155-200 个字符。
  • 以声明的卡类型的正确布局渲染 Twitter/X 卡 - 带有小方形缩略图的紧凑“摘要”卡，或全角“summary_large_image”布局 - 与 Facebook、LinkedIn 和 Discord 预览一起。

主要优点

✓ 两个真正的工具合二为一：构建模式可从表单生成精确的 og: 和 twitter: <meta> 标记 HTML，而审核模式可解析粘贴的 HTML 以查找现有标记并对其进行评分。
✓ 真正的验证，而不是装饰性的清单：缺少必需的标签，og:title/og:description 长度根据平台截断的实际限制进行检查，twitter:card 根据其实际的四个允许值进行检查。
✓ 诚实地说，无法离线验证的内容：图像像素尺寸仅供参考，除非您的 HTML 已声明 og:image:width/og:image:height，因为该工具从不获取您的图像 — 根据设计，出于隐私考虑。
✓ 四个真正不同的平台模型（Twitter/X 的摘要与摘要大图像布局、Facebook、LinkedIn、Discord）是根据相同的标题/描述/图像构建的，并明确标记为说明性的。

使用案例

  • • 使用适当的社交卡发送新博客文章：填写标题、描述和托管封面图像，生成 og:/twitter: 标记块，然后将其直接粘贴到页面的 <head> 中。
  • • 在 CMS 迁移后审核现有登陆页面的 <head> 以捕获丢失的 og:image、足够长而在某些平台上被截断的 og:title，或剩余的无效 twitter:card 值。
  • • 在决定声明哪种 twitter:card 类型之前，比较相同标题和图像在 Twitter/X 的紧凑摘要卡中的读取方式与其全角summary_large_image 布局的读取方式。