客户把某个产品页发到客户群，卡片上抓的却是公司首页的图和标题，这算配错了吗？

客户把某个产品页转发到客户群，卡片上抓的却是公司首页的配图和标题，多数不是标签写错，而是内页头部标签没有单独输出：模板里写死了一套通用值，或前端路由切换后头部没跟着更新，抓取程序拿到的仍是首页那一份。按 2026 年常见交付经验，把 og:title、og:description、og:image 做成后台可逐条填写的字段，卡片与页面对上的比例会好一些；但这不是所有页面都值得投的活，边界在后面单独说。

卡片抓到首页，问题通常卡在哪一层

分享卡片的本质是平台对页面的一次二次摘要：抓取程序访问 URL，从 HTML 头部挑标题、描述和配图，缓存后再渲染成卡片。它读的是页面实际输出的 HTML，不是后台编辑器里填的内容摘要，也不是你眼睛看到的那一屏。所以「页面显示对了」和「抓取读对了」是两件事。

• 标题层：优先读 og:title，缺了才退回 title 标签。模板里把 title 写死成公司名，所有内页卡片就都是公司名。
• 描述层：优先读 og:description，缺了取 meta description，两者都没有时抓取方自行截取正文开头。
• 配图层：读 og:image，要求可公开访问的完整 https 地址；写成相对路径或 http 地址，浏览器能看见，抓取读不到。
• 可达层：页面被登录墙、地域限制或防火墙 UA 规则挡住，抓取拿到 403，卡片就无从谈起。

内页抓到首页，最常见的原因落在第一条和第三条：头部模板是整站共用的一份，产品页没有自己的输出逻辑，抓取自然读到首页那套值。前端渲染的站点还多一层：头部标签由脚本后插，抓取看到的头部是个空壳。

排查顺序：四步走，从便宜的查到贵的

现场别一上来就让客户换图或改设计。按成本从低到高排，前两步几分钟能自查，后两步要碰服务器配置，放到后面才不会被误当成「没改好」。

1. 看页面源代码，不看渲染后的样子：右键查看源码，确认这个产品页头部有没有自己的 og 三标签，还是和首页一模一样。
2. 无痕打开图片地址：把 og:image 的地址直接贴进无痕窗口，能看到图才算通过，同时留意尺寸和体积。
3. 查抓取可达性：页面是否需要登录、有没有整页跳转脚本、CDN 或 WAF 是否对陌生 UA 做了拦截。
4. 排除缓存：换一个带随机参数的链接重新发一次，能出新卡片说明改动已生效，剩下的是等旧缓存过期。

合格的交付口径很具体：源码里能看到内页自己的三个标签、图片在无痕窗口能打开、带参数链接发出后卡片内容与页面一致，三条同时满足才算改完。只满足前两条，交付后仍会被客户追问。

整站统一写一套标签，和逐页字段化，差在哪

客户提「每个页面卡片都要对上」时，先分清两种做法，它们的一次性投入和后续维护完全不是一个量级。

• 做法 A 公共模板统一：整站共用一套标签，改模板即可，单次投入常见在半天到一天（经验区间），之后基本零维护；代价是几十个产品页卡片长得一样，客户转哪个都像在转首页。
• 做法 B 逐页字段化：后台给产品、案例、文章各加一组分享标题、描述、配图字段，前端按字段输出，未填时回退到公共值。首次搭建常见要 2-4 个工作日（经验区间），还多一层编辑维护。
• 成本位置不同：A 的成本压在开发那一次，B 的成本分摊到之后每一条内容的录入上，编辑不填就等于没做。

反例也清楚：客户内容团队只有一两个人、产品页上百条，硬上 B 的结果通常是字段大面积留空，回退逻辑触发，最后卡片还是统一那套。这类项目更常见的选择是 A，再对少数主推页手工配置。

值得做和不必做的边界

适合逐页配置的情况：产品页、案例页、文章页确实被销售和客户在微信里频繁转发，页面本身对外公开可访问。外贸站同样适用，WhatsApp、LinkedIn 一类平台读的也是同一组 og 标签，配一次多处受益。

• 不必逐页做：内网预览、IP 直连地址、需要登录才可见的页面，卡片做出来也没人转发；纯展示站若访客主要从搜索结果直接进站，公共模板那套基本够用。
• 做了也白做：整站纯前端渲染且没有预渲染或服务端渲染，抓取拿到的头部是空的。这时要么先补渲染方案，要么提前说清不承诺卡片效果。
• 配了却读不到：图是设计稿直接导出的三四千像素大图，抓取超时同样无图，看起来像没配，实际是配了但读不下来。

一次横图裁切的返工现场

项目里遇到过一次：客户在销售群发现转出去的产品页没图，要求当天改完。约束是手里只有一张 1920×600 的横版 banner、没有方形素材，客户也没有认证公众号。做法是先补齐三个标签，把 banner 居中裁成接近方形、主体留在中间安全区、文件压到几百 KB。结果当天群里刷出来仍是旧卡片，客户以为没改，来回解释两轮，最后用带随机参数的链接才验证生效。代价是半天的沟通成本和一次不必要的改稿，得到的教训是改完先自己用参数链接验证，再叫客户看。

常见问题

og:image 的图做多大才合适？

经验上边长不小于 300px、主体居中，横图可参考 1200×630；方形或接近正方形的图在多数卡片样式里更保险，文件控制在几百 KB 内。

标签改完了，为什么微信里还是旧的图？

抓取结果有缓存，刷新常见在几小时到一两天（经验区间）。换一个带随机参数的链接发一次，能出新卡片就说明改动已生效。

没有认证公众号，能自己定卡片上的标题和图吗？

不能强制。只能靠页面里的 og 标签影响默认抓取结果，最终取哪张图、怎么写标题由平台决定，不同客户端版本表现还不一致。

为什么每个内页抓到的都是首页标题？

因为头部标签由整站共用模板输出，或前端渲染后头部没随路由更新。需要在模板层为每条内容留出字段，或在预渲染、服务端渲染层把每个地址的头部单独输出。

行动指引：先查三项——产品页源码里是否有自己的 og 三标签、图片地址是否为可公开打开的 https 绝对地址、换成带随机参数的链接后卡片能否更新。三条都过再谈视觉优化。也要提前讲清适用边界：需要登录的页面、纯前端渲染且未做预渲染的站点，以及没有认证公众号却要求完全指定分享文案的需求，都不在能承诺的范围内。