为您的商店添加网站图标

网站图标(也称为收藏夹图标)是显示在网页名称旁边的小图片或 logo。您可以在浏览器标签页以及列出网站的浏览器页面(例如书签页面)上找到网站图标。您可以为在线商店添加网站图标,以帮助强化您的品牌,并让您的网站外观更精致。

创建网站图标

您可以使用免费的网站图标生成器网站来创建自定义网站图标,也可以自己创建。若要查找网站图标生成器,请在网上搜索 free favicon generator

网站图标的理想图片尺寸为 16x16 像素或 32x32 像素。如果您的网站图标图片尺寸过大,则在您将其上传到 Shopify 时,它将被缩减为 32x32 像素。

为您的在线商店添加网站图标

如果您使用的是 Basic 套餐或更高级别的套餐,则可以为您的在线商店添加网站图标。如果您使用的是 Starter 套餐,则无法为在线商店添加网站图标。

步骤:

台式电脑
  1. 在 Shopify 后台中,前往在线商店 > 模板

  2. 找到要为其添加网站图标的模板,然后点击 Customize(自定义)。

  3. 点击齿轮图标以访问模板设置

  4. 根据您的模板版本,点击 Logo网站图标

  5. 网站图标图片部分,点击选择图片,然后执行以下任一操作:

    • 若要选择已上传到 Shopify 后台的图片,您可以搜索或找到该图片,然后使用复选框选中它。
    • 若要从本地计算机中选择图片,请点击添加图片,从本地计算机中打开图片,然后使用复选框选中它。
  6. 点击完成

  7. 可选:通过执行以下操作为网站图标图片添加替代文本:

    1. 网站图标图片部分,点击编辑
    2. 预览和编辑对话框中,在替代文本字段中输入图片的简短描述。
    3. 点击保存
  8. 点击保存

移动设备
  1. Shopify app 中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到要为其添加网站图标的模板,然后轻触 Customize(自定义)。

  5. 轻触 ... > 模板设置

  6. 根据您的模板版本,轻触 Logo网站图标

  7. 网站图标图像部分中,轻触选择图像,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,您可以搜索或找到该图片,然后使用复选框选中它。
    • 若要从本地设备中选择图片,请轻触添加图片,从本地设备中打开图片,然后使用复选框选中它。
  8. 轻触完成

  9. 通过执行以下操作为网站图标图片添加替代文本:

    1. 网站图标图片部分,轻触编辑
    2. 预览和编辑对话框中,在替代文本字段中输入图片的简短描述。
    3. 轻触保存
  10. 轻触保存

网站图标故障排除

如果您的网站图标出现问题,请查看以下故障排除步骤。

对网站图标未在 Google 搜索结果中显示的问题进行故障排除

如果您的网站图标未在 Google 搜索结果中显示,请确保您已向 Google 提交站点地图,以便系统可以抓取您的商店信息。

根据 Google 的文档,即使满足所有准则,也无法保证网站图标一定会显示在搜索结果中。

对网站图标未在客户账户或结账页面上显示的问题进行故障排除

除非您使用的是 Shopify Plus 套餐,否则网站图标不会显示在客户账户和结账页面上。此外,通过模板编辑器查看模板时,网站图标也不会显示,因为模板编辑器是 Shopify 后台的一部分,并不反映您实际的在线店面。

如果您使用的是 Shopify Plus 套餐并想在客户账户和结账页面上设置网站图标,则需要使用 Branding API 或 Checkout Blocks。网站图标不会自动显示,并且无法在后台的模板编辑器或结账编辑器中进行设置。若要了解有关使用 Branding API 的更多信息,请参阅以下开发人员文档: