推特分享出来只有一行文字加一个 32px 的小图标,同一条链接别人分享是大图卡片,页面里既有 og:image 也有配图。第一次遇到会往复杂处想,其实漏掉的多是个小前提。

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og.png">

twitter:card 的值写成 summary 时只出小图,要大图得写 summary_large_image。有些主题只输出 og 标签,不输出 twitter 专用那几个。这一点先确认清楚,后面就不用反复试。

「twitter:card」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。

改完隔一天再看一次,当场正常不代表能稳住。测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。

线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。

具体做法是,把 twitter:card 改成 summary_large_image;补一条 twitter:image 和 og:image 分开写;确认 twitter:image 是绝对地址 公网能访问;用卡片预览工具重抓验证。

改完照着核一遍,分享预览里出现 1200x630 的大图 不再是左侧那个小图标。

作者 9823189