这个工具有问题吗？

关于「Og Meta Parser Online」

该工具获取 URL 并提取其 Open Graph（og:）元标签——Facebook、LinkedIn、Slack、iMessage 和其他平台用来构建链接预览的元数据。输出列出页面声明的每个 og: 属性，加上 Twitter Card 标签作为奖励。

Open Graph 决定您的链接被分享时的样子：标题、描述、预览图像、类型等。缺失或错误的标签会产生丑陋或空白的预览，损害点击率。

用它来验证您自己的页面是否有您打算的元数据、调试在特定平台上看起来不正确的预览，或检查竞争对手如何构建他们的分享预览。Facebook Sharing Debugger 和 LinkedIn Post Inspector 是用于特定平台验证的有用后续。

如何使用这个工具

如何从 HTML 中提取 Open Graph 与 Twitter Card 元数据

  1. 粘贴页面 HTML

    把页面的原始 HTML 放入「HTML」字段。在页面上「查看源代码」，复制 `<head>` 部分（或整篇文档）即可——工具只读取 `<meta property="og:*">` 与 `<meta name="twitter:*">` 标签。

  2. 点击运行

    结果返回 `og`（以 `og:` 之后的部分为键的对象）与 `twitter`（以 `twitter:` 之后的部分为键的对象）。例如 `og:title` → `og.title`；`twitter:card` → `twitter.card`。

  3. 工具不会拉取

    本工具只解析你提供的 HTML——不会替你抓取 URL。如需抓取，请使用另一个 URL fetcher 把响应送进来。CSP、bot 拦截或需登录的页面无法在此呈现。

  4. 结果校验

    把同一段 HTML 拿到 Facebook Sharing Debugger（developers.facebook.com/tools/debug）或 Twitter Card Validator 看看实际渲染效果，解析出的标签应当一致。

相似工具