选择社交媒体图片

当您在 Facebook 或 Pinterest 等社交媒体上分享您的在线商店的链接时,您可以在帖子中显示缩略图。

显示附有图片的 Facebook 帖子示例

对于所有 Shopify 的免费模板,当您将在线商店的链接发布到社交媒体时,系统会显示该页面的配图。以下页面类型具有配图:

  • 产品页面
  • 产品系列页面
  • 博客文章

对于没有配图的页面(例如您的主页或“关于我们”页面),系统将显示您在线商店的社交分享图片。

在后台中设置社交分享图片

在您商店的在线商店偏好设置中,您可以添加一张默认图片,以便在找不到页面配图时使用。

后台设置,其中显示在社交媒体上分享的图片的预览

步骤:

  1. 在 Shopify 后台中,转至在线商店 > 偏好设置

  2. 社交分享图片和 SEO 部分中,添加新图片或更改现有图片:

  • 若要添加新图片,请点击添加图片
  • 若要更改现有图片,请点击更改图片
  1. 从您的设备中选择要在社交媒体上显示的图片。
  2. 点击保存

如果在您于后台中更新图片后,搜索引擎结果中的图片已过时,则您需要重新提交您的站点地图

Logo 备用图片

如果您未手动上传社交分享图片,Shopify 会使用添加到您模板中的图片作为备用图片。Shopify 可能会使用以下某个模板设置的值:

  • 页眉 > logo(首选)
  • 模板设置 > 结账 > logo

如果 logo 的尺寸不符合建议的尺寸,或者其背景是透明的,那么 Shopify 会使用模板设置 > 颜色 > 背景中的颜色来填充该区域。如果此设置不可用,Shopify 则会使用模板设置 > 结账 > 主内容区域 > 背景色。下图说明了如何使用背景色进行填充:

方形商店 logo,两侧有红色条,形成矩形图片

社交分享图片优先级

当找不到其他图片时,在线商店 > 偏好设置中的社交分享图片将用作备用图片。系统会按以下优先顺序选择图片:

  1. 模板代码图片:直接在模板文件中硬编码的图片(最高优先级)。
  2. 模板设置图片:上传到模板设置中用于社交媒体或结账的图片。
  3. 在线商店偏好设置图片:上传到设置 > 在线商店 > 社交分享图片的默认备用图片。

这种层级可确保您在模板中有意进行的设计选择优先于自动备用选项。

社交分享图片字段显示为空白

如果设置 > 在线商店 > 偏好设置中的社交分享图片字段显示为空白,则社交分享内容可能是从您的模板设置中提取图片。请在模板编辑器中查看以下位置的图片:

  • 模板设置 > 结账 > logo
  • 模板设置 > 社交媒体社交分享

如果这两个位置都为空白,则社交分享内容将无法提取相关图片,该字段也会留空。您可以将图片手动上传到在线商店偏好设置中的社交分享图片字段。

社交分享图片未在社交媒体上显示

某些模板只会在社交媒体帖子上显示上传到模板设置的图片。如果您已将图片上传到设置 > 在线商店 > 偏好设置,但在分享链接时该图片未显示,请验证您是否也已在模板的社交媒体设置中上传了图片。

预览您的图片

Shopify 的免费模板使用 Open Graph 标签向社交媒体平台提供关于您网站的信息。Facebook、Twitter、LinkedIn、Pinterest 和其他服务都会使用 Open Graph。您可以使用 Twitter 的卡片验证工具Facebook 的抓取工具LinkedIn 的帖子检查器等工具预览您的社交图片在某些平台上的显示效果。