社交分享预览

预览链接在微信、Twitter、Facebook 中分享时的卡片样式。

社交分享预览是做什么的

文章分享到微信群、Twitter 或 Facebook 时,卡片抓取的是页面里的 og 标签,配错图或标题太长就很难看。填入标题、描述和封面图地址,三个平台卡片同屏预览,还能直接生成对应的 meta 标签代码。

核心功能

  • 同屏预览微信、Twitter、Facebook 卡片
  • 按 1200x630 比例展示封面图效果
  • 自动生成 og: 与 twitter: 全套标签
  • 封面图加载失败时有占位提示

社交分享预览怎么用

填写标题、描述与封面图地址,查看不同平台卡片效果,并生成对应的 og: 与 twitter: 标签。

  1. 填写标题、站点名、描述与封面图地址
  2. 依次查看微信、Twitter、Facebook 卡片效果
  3. 确认后在标签区复制生成的 meta 代码
  4. 把代码粘进页面 head 区并部署验证

适合这些场景

  • 新媒体发布前检查文章分享卡片
  • 前端为落地页补齐社交分享标签
  • 设计确认封面图在卡片里的裁切效果

常见问题

微信卡片多久更新?

微信对卡片有缓存,修改标签后通常要重新分享或等缓存刷新;必要时可在链接后加测试参数强制抓取新内容。

封面图多大合适?

建议用 1200x630 像素,即 1.91 比 1 的比例,三个平台都按此比例裁切,过小的图会被放大变糊。

生成的标签放哪里?

粘贴到页面 head 标签内,与 title、description 并列;部署后用平台官方调试器或重新分享验证抓取结果。

没有封面图会怎样?

各平台会退化为纯文字小卡或改抓页面首图,视觉吸引力明显下降,正式分享建议至少配一张合规尺寸封面。