SEO起飞!AI+N8N批量自动修改Alt Text,我用N8N省了100刀插件费
早说啊!插件费白交了,关键还不好用!深度解析如何使用AI+N8N实现Shopify产品图片Alt Text的批量自动化生成,节省每月30美元的插件费用。

💡 「系列文章」:我用N8N在跨境电商重生新人0-1系列第三篇
📖 「上期回顾」:2025全网最全:4种方法部署使用N8N,含永久免费方案
本篇开始,我们将正式进入真正的N8N教学与实践。
接下来的教学模式中:
- 我并不会拆开每个小功能给你巴巴讲理论
- 我更不会给你套用一些特别通用"日常"的场景给你做演示,什么发个没用的邮件、总结一点没用的信息巴拉巴拉吧的
- 而是直接给跨境选手们上真实的Shopify业务场景
尽可能做到,「每次一个功能讲解+一个真实自动化业务场景」!
另外,你不用担心每次示例的完整业务场景你无法一次性消化而苦恼,这反而应该成为你自学的动力。
另外一个Max群的软广
1)我会在自己的服务器中部署一个公用测试版N8N,照顾到一些群友不会或者不方便部署N8N。供群友测试把玩。
2)我会将每个教程中的流程存在群文档,以及公用N8N服务器中,让群友可以更好的学习实践。

「欢迎大家加入Max群。」
本期我们讲第一个N8N自动化中最重要的节点之一:

一、本期的业务场景是:
当商户平时上传、更新编辑产品时,由于需要上传大量产品图,图片的alt text对SEO有着十分重要的作用,我希望可以借助AI识别图片的能力生成Alt text。并且我需要它是完全自动化的流程。

整体流程为:
| 步骤 | 功能 | 说明 |
|---|---|---|
| 1 | 监听到我上传新产品图片 | 此节点就需要用到**「Webhook」** |
| 2 | 筛选出来哪些图片我没有设置alt text | |
| 3 | 将图片和产品信息发送给AI | 让AI根据产品信息和图片信息,生成一个SEO友好的alt text |
| 4 | 将alt text自动更新至shopify该产品图中 |
这个流程相较我们平时使用的动辄几十刀一个月的SEO Image插件而言,不仅更加便宜,更重要的是AI赋能,AI可以真正识别图片生成更加独特具体的ALT TEXT,而非笼统的、统一的、带有规则的、静态的文案。
「流程价值:插件价值至少30刀/月;SEO价值不可估量。」
二、什么是webhook
「Webhook就是一个24小时不断地信号接收器,就像你地手机里短信、push通知。」
放在Shopify场景中,当店里有任何动静(比如新订单、产品更新、库存变化)时,它会立刻给你的系统"打电话"通知这个消息,让你能即时自动处理,而不用每隔几分钟手动去检查。

三、实战:如何配置Shopify Webhook
3.1 第一步:在Shopify后台创建Webhook
进入Shopify后台
点击 Settings -> Notifications -> Webhooks
创建新Webhook
点击 Create webhook 按钮
配置Webhook
选择事件:Product create(产品创建)和Product update(产品更新)
输入你的Webhook URL(稍后我们会用N8N创建)
选择 JSON 格式
保存
点击 Save webhook

3.2 第二步:在N8N中创建Webhook节点
添加Webhook节点
在N8N中拖入一个 Webhook 节点
复制Webhook URL
复制Webhook节点生成的URL
回到Shopify粘贴URL
将URL粘贴到Shopify的Webhook配置中
测试Webhook
在Shopify中点击 Send test notification 测试Webhook是否正常工作

重要提示:Webhook URL必须是可以从互联网访问的,本地部署的N8N无法接收Shopify的Webhook回调。
四、实战:如何使用AI生成Alt Text
4.1 第一步:筛选需要处理的图片
添加Function节点
在Webhook节点后添加一个 Function 节点
编写筛选逻辑
检查产品图片中哪些没有设置alt text
// Function节点代码示例
const images = $input.body.product.images;
const imagesWithoutAlt = images.filter(img => !img.alt || img.alt === '');
return {
json: {
images: imagesWithoutAlt,
product: $input.body.product
}
};
4.2 第二步:调用AI生成Alt Text
添加HTTP Request节点
添加一个 HTTP Request 节点,调用AI API
配置请求参数
- Method: POST
- URL: 你的AI API地址
- Headers: 添加认证信息
- Body: 发送图片URL和产品信息
4.3 第三步:更新Shopify产品图片
添加HTTP Request节点
添加另一个 HTTP Request 节点,调用Shopify Admin API
配置Shopify API请求
- Method: PUT
- URL:
https://{shop-name}.myshopify.com/admin/api/2024-01/products/{product_id}/images/{image_id}.json - Headers: 添加Shopify Admin API Access Token
- Body: 更新alt text字段
五、完整工作流示例
这个工作流实现了:
- 自动监听:当新产品创建或产品更新时自动触发
- 智能筛选:只处理没有alt text的图片
- AI赋能:使用AI识别图片内容生成准确的alt text
- 自动更新:将生成的alt text自动更新回Shopify
成本对比:
- SEO插件:$30/月
- AI API调用:约$0.01-0.05/张
- N8N部署:$0-30/月(取决于部署方式)
六、常见问题与解决方案
6.1 Webhook不工作怎么办?
6.2 AI生成的Alt Text质量如何提升?
七、总结
通过本教程,我们学习了:
- Webhook的概念:24小时不间断的信号接收器
- Shopify Webhook配置:如何在Shopify中创建和配置Webhook
- N8N Webhook节点:如何在N8N中接收和处理Webhook
- AI集成:如何调用AI API生成Alt Text
- Shopify API调用:如何更新Shopify产品信息
下一步:下期我们将讲解如何使用N8N实现Shopify博客的自动化发布,敬请期待!
FAQ
本文实操基于N8N 1.x版本及Shopify Admin API 2024-01版本。

