Open Graph 和 Twitter Cards 有什么区别？

Open Graph 是 Facebook、LinkedIn 和 Slack 使用的标准，而 Twitter Cards 专用于 X。如果缺少 Twitter 专用标签，大多数现代平台将回退到 Open Graph 标签。

我的预览图片为什么没有显示？

社交平台要求图片使用绝对 URL，例如 `https://example.com/image.jpg`。确保您的图片可以公开访问并符合平台的最小尺寸要求。

此工具会保存我的网站数据吗？

不会。所有标签生成都在您的浏览器中本地进行，不会将任何数据发送到我们的服务器或外部存储。

更新标签后如何刷新预览？

Facebook 和 X 等平台会缓存元数据。使用其官方的“调试器”或“卡片验证器”工具强制重新抓取您更新的 URL。

颜色和设计

Open Graph / Twitter Card 生成器

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

编辑注

Understanding · A title, a description, a 1200×630 image.

本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。

常见问题

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

大家也在搜索

More in this room.

查看所有颜色和设计