品牌网站改版了,分享卡片还显示旧标志:怎么交接Open Graph素材与设置
新网站上线,首页已经换了标志和配色,但同事把链接发出去,卡片仍是旧品牌。先别反复换首页大图:分享端可能读取单独的Open Graph图片,也可能保留此前抓取的预览。要定位问题,应把“设计素材”“页面输出”和“分享平台结果”分开核对。
设计交付里,给分享图片单独留一项
分享图片不一定等于首页首屏图。首屏可能包含动态文字,而链接卡片通常只使用静态图像和标签中的文字。交接时写清每种页面使用哪张图:首页用品牌图,产品或活动页用对应主题图;没有专属图片的页面,约定适当的默认图。
把最终文件、用途、文字版本、图片说明和负责人放在同一条记录中。关键标志与主体不要紧贴边缘,因为不同平台和展示位置可能采用不同裁切。尺寸与文件限制按实际投放平台核对,不能拿一套所谓“万能尺寸”替代真实预览。
在公开页面源码中核对取值
Open Graph协议将og:title、og:type、og:image和og:url列为基本属性。设计人员不必亲自修改模板,但应让开发提供最终公开页面的取值,而不只是后台字段截图。
og:title:是否描述当前页面,而不是仍使用旧品牌口号?og:image:图片地址能否在未登录状态下打开,画面是否为本次批准的文件?og:url:是否对应当前页面的规范地址,而非预览站或临时参数地址?og:type:是否符合实际页面类型,而非照抄其他网站的电影、商品等类型?
协议还提供图片尺寸、类型及og:image:alt等扩展属性。图片说明应描述画面内容,不把它写成一串搜索关键词。标题、描述和图片中的文案应共同表达同一件事。
WordPress站先找输出方,再改设置
主题和SEO插件可能分别参与输出。若一个位置写着新品牌、另一个仍写旧品牌,继续追加第三套标签只会让排查更难。先在测试环境识别谁负责,确定本次采用哪套配置,再按受控流程更新并检查公开源码。
光算的WordPress中Open Graph输出与冲突核对讨论了主题、插件与页面取值之间的关系,可用于技术交接。它是网站设置的说明,不能替代具体分享平台的展示规则。
多个图片标签并不必然是错误,协议允许多个图像值。真正要查的是默认图与专属图是否按预期安排,以及是否存在互相冲突、来自不同输出方的旧值。
源码已更新,预览仍旧时再查缓存
先核公开HTML和图片文件是否为新版本。如果源站是新内容、公网仍旧,交给运维核网站或CDN缓存;如果公开页面与图片都正确,而某个平台仍显示旧预览,再使用该平台实际提供的调试或重新抓取工具,并记录时间与结果。
缓存更新并不总是立即发生,不应在品牌交接表里写死“改完标签就所有平台同步”。选本次真正要发布的渠道各分享一次,核图片、标题、点击去向和移动端裁切,保留未更新项及负责人。
最后,别把分享卡片通过误写成搜索结果已经更新。链接预览与搜索展示是不同系统;前者应按实际分享检查,后者要另行观察。品牌改版的这项交付,只需证明用户收到链接时看见的是准确、可用的新页面信息。
If this essay stung, the Autopsy will hurt more.
90 minutes. One of the four founding partners. A blunt second opinion on the brand strategy you're about to ship — and the one you should be shipping instead.
Book Your Autopsy or read the brief first →