OG 预览工具

预览 Open Graph 和 Twitter Card meta 标签

Facebook / LinkedIn

ToolkitLife - Free Online Tools

https://toolkitlife.com

ToolkitLife - Free Online Tools

136+ free browser-based tools and calculators for developers, designers, and more.

ToolkitLife

Twitter / X

ToolkitLife - Free Online Tools

ToolkitLife - Free Online Tools

136+ free browser-based tools and calculators for developers, designers, and more.

https://toolkitlife.com

元标签

<meta property="og:title" content="ToolkitLife - Free Online Tools" />
<meta property="og:description" content="136+ free browser-based tools and calculators for developers, designers, and more." />
<meta property="og:image" content="https://toolkitlife.com/og-image.png" />
<meta property="og:site_name" content="ToolkitLife" />
<meta property="og:url" content="https://toolkitlife.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ToolkitLife - Free Online Tools" />
<meta name="twitter:description" content="136+ free browser-based tools and calculators for developers, designers, and more." />
<meta name="twitter:image" content="https://toolkitlife.com/og-image.png" />

什么是 OG 预览？

OG 预览是一个免费的在线工具，用于预览您的网站在社交平台上分享时的外观。它显示 Facebook、Twitter 等的预览，帮助您优化 Open Graph 标签以获得更好的社交分享。所有获取都在浏览器中进行。

如何预览社交分享

输入您的网站 URL。工具会获取并解析 Open Graph 标签，然后显示在 Facebook 和 Twitter 上分享时的预览。

优化 OG 标签

使用 og:title（50-60 个字符）、og:description（150-160 个字符）、og:image（至少 1200x630 像素）和 og:url。这些标签控制您的网站在社交分享中的显示方式。

常见用例

  • 在发布前测试社交分享外观
  • 调试 OG 标签问题
  • 优化社交分享参与度
  • 验证图像尺寸
  • 比较 Facebook 和 Twitter 预览

常见问题

什么是 Open Graph 预览？+
Open Graph 预览显示您的网站在 Facebook、LinkedIn 和其他社交平台上分享时的外观。它使用您网站的 og: meta 标签显示标题、描述、图像和 URL。
如何使用 OG 预览？+
输入您的网站 URL。工具会获取并解析 Open Graph 标签，然后显示在 Facebook 和 Twitter 上分享时的预览。
为什么我的预览看起来不对？+
检查您的网站是否有正确的 og:title、og:description、og:image 和 og:url 标签。图像应至少为 1200x630 像素。某些平台会缓存预览，因此可能需要时间才能更新。
Facebook 和 Twitter 预览有什么区别？+
Facebook 使用 Open Graph 标签，而 Twitter 使用 Twitter 卡片标签（如果可用，否则回退到 Open Graph）。布局和设计也略有不同。
可以预览特定页面的 OG 标签吗？+
可以。输入任何 URL，工具会获取该页面的 OG 标签并显示预览。
预览准确吗？+
预览基于从您网站获取的 OG 标签。它旨在匹配 Facebook 和 Twitter 的当前设计，但实际渲染可能因平台更新而略有不同。

相关工具

Meta 标签生成器URL 编码器/解码器

OG 预览工具 — 免费的在线og 预览, open graph 预览, 社交分享预览, facebook 预览, twitter 卡片预览, 社交媒体预览, 链接预览, og 标签检查器。无需注册。在浏览器中直接使用。