Shopify 社交分享图片无法正常显示
Shopify 会按固定顺序选取分享图片:先是模版代码,然后是模版设置,最后是“偏好设置”中的图片。上传位置错误是最常见的原因。
最后更新
快速修复
使用 元标记检查器 检查商店网址。
先在模版中寻找社交分享图片设置;它会覆盖“偏好设置”。
否则,请在“在线商店”、“偏好设置”、“社交分享图片和 SEO”中进行设置。
在 Facebook 的 Sharing Debugger 中刷新链接。
为什么 Shopify 图片没有显示
模版覆盖了“偏好设置”。Shopify 按以下顺序使用图片:模版代码中硬编码的图片,然后是用于社交媒体或结账的模版设置,最后是“偏好设置”中的图片。
您的模版仅使用其自身的设置。某些模版会完全忽略“偏好设置”中的图片。
页面有自己的图片。在 Shopify 的免费模版中,产品、产品系列和博客文章链接使用的是该页面的主图。
任何地方都未设置图片,因此 Shopify 会回退使用您的 logo 并用背景颜色进行填充补白。
平台缓存了旧的预览图。
如何解决
在 Meta 标签检查器中打开该 URL,查看它提供了哪个
og:image。进入“在线商店”>“模版”>“编辑模版”>“模版设置”,查找“社交媒体”或“社交分享”并在该处设置图片(如果存在该选项)。
如果模版没有相应设置,请进入“在线商店”>“偏好设置”,并在“社交分享图片和 SEO”下添加图片。
对于产品、产品系列和文章,请为该项目设置一张主图。
在测试之前移除店面密码。Shopify 社区支持指出,密码页面会隐藏您的标签。
在 Facebook 的分享调试器中点击“再次抓取”。
Shopify 模版输出的标签
Shopify 的免费模版会为您添加 Open Graph 标签:og:title、og:description、og:url 和 og:image。自定义模版可能会有所不同,因此请检查在线 HTML 代码。
图片尺寸规则
Facebook:建议 1200 x 630 像素,最小 200 x 200 像素,最大 8 MB
LinkedIn:最小 1200 x 627 像素,最大 5 MB
WhatsApp:小于 600 KB
Shopify 会对不符合推荐尺寸或具有透明背景的 logo 进行填充补白。请改用全出血位(满版)图片。使用 OG 图片尺寸检查器检查文件。
如何强制刷新
Shopify 无法清除 Facebook 或 LinkedIn 的缓存。请使用分享调试器(Sharing Debugger)和帖子检查器(Post Inspector),并在 X、Slack 和 Discord 上分享带有查询字符串的 URL。刷新工具包含详细的每个步骤。
参考来源
常见问题
为什么我分享链接时没有显示 Shopify 偏好设置中的图片?
您的模版拥有自己的社交分享图片设置或硬编码标签,这会覆盖“偏好设置”。请在模版设置中设置该图片。
Shopify 在产品链接中使用哪张图片?
在 Shopify 的免费模板中,这是产品的特色图片。产品系列和博客文章也是如此。
为什么我的徽标会显示带有彩色边框?
未设置分享图片,因此 Shopify 会使用 Logo,并用您模版的背景色填充空白区域。