很多用户在将网页链接分享到QQ聊天窗口、空间动态时,会发现部分链接会展示带缩略图、标题、摘要的卡片样式,部分却只显示一串裸链接,这种样式差异并非QQ平台随机分配,本质是QQ内置的爬虫程序读取目标网页头部的Open Graph协议标签后,自动匹配生成的展示效果,完整的分享卡片通常包含三个核心元素:对应页面的核心标题、正方形展示缩略图、100字以内的内容摘要,这三个元素分别对应网页源码中的og:title、og:image、og:description标签,缺少任意一个标签,都会导致卡片样式残缺。
对于普通个人站点或内容创作者,不需要编写复杂的动态代码,可直接使用QQ官方提供的分享调试工具,输入目标链接后就能查看当前爬虫抓取到的样式效果,设置时要注意将缩略图尺寸调整为120*120像素以上的正方形图,避免因尺寸不符被QQ自动裁切丢失关键内容;如果是企业类链接,还可在分享参数中自定义卡片左下角的来源标识,替代默认的“网页链接”提示,需要注意的是,QQ对抓取的内容有缓存机制,修改标签后通常需要等待24小时才会同步更新样式,紧急场景可通过调试工具手动触发缓存刷新。
如果设置完成后样式依然不符合预期,首先要检查Open Graph标签是否放置在网页静态头部区域,不要放在需要JS动态加载的模块中——QQ爬虫不会执行前端动态脚本,无法读取动态生成的标签内容,如果使用了短链接跳转,还要确认跳转后的最终落地页带有完整的样式标签,避免爬虫抓取到短链接中转页的空白内容,此外如果链接内容涉及平台违规,即便标签设置完全合规,也会被强制降级为纯文字链接,无法展示卡片样式。
上一篇
QQ分享到所有好友
下一篇
QQ一键分享所有内容