[网站优化] 修复 QQ、微信等社交平台缩略图抓取错误

Vincy云昔 发布于 2022-02-16 1567 次阅读

不知道各位小伙伴有没有遇到过这种问题：将自己的文章分享到QQ、微信的时候，往往会变成纯文字卡片；在知乎插入自己的博客链接时，缩略图也变得奇奇怪怪...

例如，我自己的博客，在分享到知乎知乎变成了这样：

错误示例

发生原因

实际上，发生这种情况的原因是目前大多数主流平台的卡片分享链接的策略均为自动抓取一张图片作为摘要图。由于各家算法不同，往往导致没有进行专门优化的网站得到奇奇怪怪的结果，这使得 WordPress 博客的卡片分享能力较为尴尬。因此，如果能诱导第三方应用抓取到准备好的图片，可以提高使用本主题的博客在社交平台的分享能力，尤其是方便站长在知乎等平台分享引流。

解决方法

实际上，在主页的 body 标签内最顶端添加一个 display 为 none 的 img 标签即可诱导社交平台抓取。

以 iro 主题为例，在 外观 ==> 主题文件编辑器 ==> header.php 中找到 <body> 标签 (约第 91 行)，并在其后方添加 <img src="你的摘要图地址" style="display:none" /> 即可。

示例图片
最终效果

注意事项

建议使用边长在300px左右的正方形图片，能获得最大的抓取成功率 (该数据来自知乎)。