你做了一个网站，分享到微信或 Telegram，结果只显示一个裸链接，没有标题、没有图片——这是没有配置 OG 标签的典型表现。

速工具 的分享卡片预览工具支持输入 URL 或粘贴 HTML，实时预览在微信、Telegram、Twitter、Facebook 上的分享效果。

OG 标签是什么

OG（Open Graph）是 Facebook 推出的网页元数据协议，现在所有主流平台都支持。核心是一组 <meta> 标签：

<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:image" content="https://example.com/cover.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">

各平台的区别

平台用什么标签图片尺寸推荐特殊要求
微信OG 标签1200×630 px图片不能太小，否则不显示
TelegramOG 标签800×420 px支持 og:image:width 指定尺寸
Twittertwitter:card 标签1200×600 px要同时写 twitter:image
FacebookOG 标签1200×630 px图片小于 300KB 推荐
DiscordOG 标签1200×630 px支持 og:image:alt 无障碍

微信的特殊之处

微信分享卡片不是实时抓取的——微信会缓存第一次抓取的结果，之后改了 OG 标签可能看不到更新。

解决方法：用微信开发者工具的「友情链接」功能刷新缓存，或者改 URL（加 ?v=2）让微信重新抓取。

图片不显示的常见原因

图片要满足什么条件？

1. 图片 URL 必须是 HTTPS（微信要求）；2. 图片尺寸至少 300×300 px；3. 图片不能太大（微信限制约 1MB）；4. 图片 URL 不能重定向（直接链接到 .jpg/.png）。

怎么验证 OG 标签是否生效？

用 分享卡片预览工具 输入 URL，工具会模拟各平台的抓取结果。也可以直接用 Facebook 的分享调试器（免费，要登录 Facebook 账号）。

配置步骤

  1. 设计一张 1200×630 px 的分享图（可以用 预览工具 的模板）。
  2. 把图片上传到 CDN 或网站静态目录（确保 HTTPS 可访问）。
  3. 在网页 <head> 里加上 OG 标签（复制工具生成的代码）。
  4. 用预览工具验证效果，确认图片能正常加载。
  5. 分享到微信/Telegram 测试，如果图片不显示，用微信调试工具刷新缓存。

FAQ

每个页面都要配不同的 OG 图吗？

不用。首页和核心落地页配专门的图，其他页面可以共用一张「默认分享图」。但标题和描述要每个页面不同，否则所有页面分享出来都长一样，用户体验很差。

OG 标签和 Schema.org 结构化数据有什么区别？

OG 标签管分享时的展示（社交卡片）；Schema.org 管搜索引擎的理解（富媒体搜索结果）。两个都要配，但目的不同。这篇文章讲的是 OG，SEO 结构化数据看 JSON-LD 指南。