<a href='https://pinterest.com/pin/create/button/?url=ARTICLE_URL&media=COVER_URL&description=TITLE' data-pin-media='COVER_URL'>Save</a>

在文章页点 Pinterest 的 Save 按钮,抓到的图是站点头像 64×64,不是正文里那张 1200 宽的大图。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。

追下去是这么回事:Save 按钮只带了页面 URL,Pinterest 按 og:image 或页面第一张图取,页面里第一张恰好是 header logo。按钮没有传 media 参数,也没有给图片加 data-pin-media。

「Pinterest 抓图错误」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。

把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。改完隔一天再看一次,当场正常不代表能稳住。

测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。

处理上按这个顺序:给 Save 按钮补 media 参数 指向正文大图绝对地址;补 description 参数 写文章标题;图片加 data-pin-media 让插件优先取它。

确认没问题再收工,点 Save 后弹窗里的预览图是 1200 宽封面,不再是站点头像。

作者 9823189