跳转至主要内容

Shopify 2026 最新创建自定义应用教程 案例演示 批量优化产品图片 Alt 标签 提升 SEO 效果

shopify-legacy-custom-app

从 2026 年 1 月 1 日开始,Shopify 禁止商家从店铺后台创建自定义应用,需要在 Dev Dashboard 中创建和使用。本期教程演示如何操作,并帮助你减少 Shopify 网站 SEO 问题。

通过学习本篇教程,除了掌握 Shopify 最新自定义应用创建和使用方法之外,你还将获得一个可以在店铺中使用的 Shopify App,帮你免费批量优化产品图片 Alt 标签(又称替代文本),提升 Shopify 网站 SEO 效果。即使你完全不懂代码,也能跟随视频教程完成操作,成就感满满。

thousands-of-images-optimized

扫描之后点击一键修复即可自动运行,并修复全部存在问题的 Shopify 产品图片。经过实测,1400 多张图片自动运行 15 分钟即可完成优化,相比人工手动逐一设置大幅提升效率。

shopify-images-alt-opt-app

创建 App

Create apps using the Dev Dashboard
Create simple integrations and connect external services using the Dev Dashboard.

访问 Shopify Dev DashBoard 并登录之后在左侧选择 Apps 然后点击 Create App

create-a-custom-app

进入到上图界面之后在右侧填写一个 App 名称并点击 Create 按钮。这种方式即使你没有代码基础也能跟随操作。

参照视频演示,App URL 复制并粘贴(新旧域名均可):

https://alt.mytopify.com/

Access ~ Scopes 选择需要的权限,这里因为是优化产品图片的 Alt 标签,所以输入 products 选择产品读写权限,你也可以复制进行搜索,勾选之后点击 Done 按钮。如截图所示:

products
select-scopes

完成之后的效果如下图所示:

create-custom-app

检查没问题之后滚动到底部点击 Release 按钮,Version name 和 Version message 是可选的,可以不用填直接进入下一步。

安装 App

切换到左侧 Home 并点击 Distribution 中的 Select distribution method

💡
如果这一步没有下图所示的 Distribution,就直接点击右上角的 Install app 选择店铺安装
select-distribution-method

如需手动进入 App 分发设置页面,访问以下链接登录账号之后,在 应用分发 中点进 App 设置:

https://partners.shopify.com/organizations

跳转到切换页面,选择 Custom distribution,这个选项是生成仅用于安装到单个店铺或者一个 Shopify Plus 组织的链接。

Custom Distribution

接着粘贴你的 Shopify 店铺 URL,这里可以直接从后台复制,如下图所示,复制到 /store/ 后面的部分即可(或者填写 xxx.myshopify.com 格式)。点击按钮生成链接:

Genetate link

点击 Copy 复制生成的链接:

Copy Link

在浏览器中访问之后选择要安装的店铺就可以进行安装了:

exclusive-to-your-store

回到 Dev DashBoard 点击左侧 Settings,拉到页面底部之后为 App 设置一个图标,你可以:

从这个链接下载图标

获取 Admin API Token

可以通过 curl 获取 API Token。这里我针对 Mac 和 Windows 用户分别给出请求示例:

Mac/Linux

curl -X POST "https://YOUR_STORE.myshopify.com/admin/oauth/access_token" \
  -d "client_id=YOUR_CLIENT_ID" \
  -d "client_secret=YOUR_CLIENT_SECRET" \
  -d "grant_type=client_credentials"

Windows

curl.exe -X POST "https://YOUR_STORE.myshopify.com/admin/oauth/access_token" -d "client_id=YOUR_CLIENT_ID" -d "client_secret=YOUR_CLIENT_SECRET" -d "grant_type=client_credentials"

需要替换的三个内容分别是:

  • 你的店铺前缀 xxx.myshopify.com
  • YOUR_CLIENT_ID
  • YOUR_CLIENT_SECRET

后面两个可以在 Settings ~ Credentials 中复制,如下图所示:

get-credentials
💡
提示:你可以复制上方内容到记事本之类的地方进行编辑替换再使用

复制替换之后,Mac 用户在终端中执行,Windows 用户在 PowerShell 中执行,即可获得如下图所示的结果,我们需要复制的是 shpca_ 开头的 Token:

Mac-Terminal
💡
提示:Windows 用户右键窗户图标选择 Windows 终端即可进入 PowerShell
PowerShell
Windows-PowerShell

在店铺中使用

在左侧填写店铺 URL 和 API Token 连接即可自动扫描和识别店铺中需要优化 Alt 标签的产品图:

shopify-images-alt-tool

不仅可以自动识别和批量优化,还能针对不对变体自动添加属性名称,以及检测 Alt 中带了多余图片后缀的图片。即使你的店铺有上百甚至几百个产品,也能批量检测和一键优化。

更适合中国商家的 Shopify 增强版主题,额外添加五十几项功能
Shopify 增强版主题,添加几十项功能,容易上手,持续更新,支持一键开启或关闭。适用于所有 Shopify 推出的 13 款 2.0 主题,减少插件安装,降低每月的插件订阅费。

功能更新

经铁粉反馈,添加了自定义前缀功能,可以添加 品牌名 等自定义字符。

custom-alt-prefix

常见问题解答

Q: 为什么我在尝试安装 App 的时候没看到 Distribution 选项?

A: 部分用户在跟随视频教程操作的时候,右上角没有 Distribution 分发方式选择,我已经在本篇文稿中 安装 App 部分更新了,直接点击右上角的 Install app 选择店铺安装即可。

Q: 使用这个 Shopify 产品图片 Alt 优化应用是否影响网速?

A: 不影响。那些会影响 Shopify 网站加载速度的插件是在前台工作的,而这个应用只在后台工作,不在店铺前台网页中加载。

Q: 已经设置了 Alt 标签的产品图片是否会受影响?

A:已经设置好的不会去修改。这个应用仅优化缺失 Alt 标签或者 Alt 标签设置错误(如包含了产品图片后缀 .jpg/.png 等)的产品图,已经设置了的不会影响。

Q: 为什么第二天重新连接的时候报错了?

A:视频里已经提到了,出于安全考虑,Shopify 返回的 Token 24 小时之后会自动失效,只需使用当前文稿中的示例格式重新发起一次 curl 请求获取新的 Token 使用即可。

Q: 操作完成之后可以卸载这个应用吗?优化会不会失效?

A:不会,但不推荐。优化之后就会更新 Shopify 店铺后台的产品图片 Alt 数据了,即使删除应用也不会失效。不推荐卸载,因为如果卸载,后续上传新产品需要重新配置和安装。

上面已经讲了,这个应用不影响网速,生成的 Token 也是 24 小时自动失效,你可以保留应用,等到数周甚至数月之后上传了新产品还能生成新的 Token 来扫描和一键优化。