社交分享预览
预览链接在微信、Twitter、Facebook 中分享时的卡片样式。
社交分享预览是做什么的
文章分享到微信群、Twitter 或 Facebook 时,卡片抓取的是页面里的 og 标签,配错图或标题太长就很难看。填入标题、描述和封面图地址,三个平台卡片同屏预览,还能直接生成对应的 meta 标签代码。
核心功能
- 同屏预览微信、Twitter、Facebook 卡片
- 按 1200x630 比例展示封面图效果
- 自动生成 og: 与 twitter: 全套标签
- 封面图加载失败时有占位提示
社交分享预览怎么用
填写标题、描述与封面图地址,查看不同平台卡片效果,并生成对应的 og: 与 twitter: 标签。
- 填写标题、站点名、描述与封面图地址
- 依次查看微信、Twitter、Facebook 卡片效果
- 确认后在标签区复制生成的 meta 代码
- 把代码粘进页面 head 区并部署验证
适合这些场景
- 新媒体发布前检查文章分享卡片
- 前端为落地页补齐社交分享标签
- 设计确认封面图在卡片里的裁切效果
常见问题
微信卡片多久更新?
微信对卡片有缓存,修改标签后通常要重新分享或等缓存刷新;必要时可在链接后加测试参数强制抓取新内容。
封面图多大合适?
建议用 1200x630 像素,即 1.91 比 1 的比例,三个平台都按此比例裁切,过小的图会被放大变糊。
生成的标签放哪里?
粘贴到页面 head 标签内,与 title、description 并列;部署后用平台官方调试器或重新分享验证抓取结果。
没有封面图会怎样?
各平台会退化为纯文字小卡或改抓页面首图,视觉吸引力明显下降,正式分享建议至少配一张合规尺寸封面。