导读（3行收益）：把网页链接发到微信、QQ，结果只有一个光秃秃的网址，没有标题、没有缩略图、没有摘要——这是企业网站最常见的分享体验问题。本文给一套分享卡片做法：OG 标签、图片尺寸、缓存刷新与平台预览验证，附 HTML 示例。看完分享不再裸链接。
一、分享为什么没有卡片
三个高发问题：
- 链接发出去只有网址：没有标题没有图；
- 卡片显示旧内容：改了标题还是老样子；
- 缩略图不显示：图片尺寸不对或路径错误。
根源是页面没有写开放图谱标签（Open Graph），平台抓不到信息。
二、OG 标签怎么加
<meta property="og:title" content="页面标题" />
<meta property="og:description" content="一句话摘要" />
<meta property="og:image" content="https://域名/cover.png" />
<meta property="og:type" content="website" />
关键点：每个分享页面都要有 og:title / og:description / og:image。避坑：只在首页加——内页分享还是裸链接；图片用相对路径——平台抓不到。
三、分享图片有什么讲究
- 尺寸建议 1200x630 左右；
- 格式用 PNG/JPG，体积别太大；
- 图片 URL 必须可公网直接访问。
避坑：用 100x100 小图——模糊失真；图片放登录后目录——抓取器拿不到。
四、改完为什么不生效
平台抓取会缓存，改完标签后需要刷新：
- 微信：使用开发者工具或分享调试接口刷新缓存；
- 常见做法：改文件名强制换新（cover.png 改为 cover_v2.png）。
避坑：改了标签不刷新缓存——还是旧卡片；反复用同一文件名——一直命中缓存。
五、验证预览怎么做
- 用各平台的分享调试工具输入链接看预览；
- 检查标题、摘要、图片是否齐全；
- 确认无重定向问题（301 后 og 标签仍在）。
避坑：只在浏览器看——浏览器不渲染分享卡片；忽略平台差异——微信和浏览器抓取时机不同。
六、踩坑清单
- [ ] 页面没加 OG 标签；
- [ ] og:image 用相对路径；
- [ ] 图片尺寸太小或过大；
- [ ] 图片放私有目录；
- [ ] 改标签后不刷新缓存；
- [ ] 只在首页加不加内页；
- [ ] 不验证平台预览。
七、工程落地建议
分享卡片建议按「每页 OG 标签+标准尺寸图+公网图片地址+改后刷新缓存+平台预览验证」落地。若团队用成型建站平台（如乔拓云企业网站）起步，重点核对分享卡片配置与预览验证是否可用。
八、复盘清单（可直接抄走）
- [ ] 分享页是否有 og:title；
- [ ] 是否有 og:description；
- [ ] og:image 是否公网可访问；
- [ ] 图片是否 1200x630 左右；
- [ ] 改标签后是否刷新缓存；
- [ ] 是否用调试工具验证过。
结语
分享卡片不是平台自动生成的，而是标签要写全、图片要规范、缓存要刷新、预览要验证。这几步做对，分享不再裸链接。本文仅作技术分享，具体功能以各平台官方实时信息为准。
