Shopify 建站技巧
2025年9月25日
15 分钟

SEO起飞!AI+N8N批量自动修改Alt Text,我用N8N省了100刀插件费

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

SEO起飞!AI+N8N批量自动修改Alt Text,我用N8N省了100刀插件费

💡 「系列文章」:我用N8N在跨境电商重生新人0-1系列第三篇

📖 「上期回顾」2025全网最全:4种方法部署使用N8N,含永久免费方案


本篇开始,我们将正式进入真正的N8N教学与实践。

接下来的教学模式中:

  • 我并不会拆开每个小功能给你巴巴讲理论
  • 我更不会给你套用一些特别通用"日常"的场景给你做演示,什么发个没用的邮件、总结一点没用的信息巴拉巴拉吧的
  • 而是直接给跨境选手们上真实的Shopify业务场景

尽可能做到,「每次一个功能讲解+一个真实自动化业务场景」

另外,你不用担心每次示例的完整业务场景你无法一次性消化而苦恼,这反而应该成为你自学的动力。


另外一个Max群的软广

1)我会在自己的服务器中部署一个公用测试版N8N,照顾到一些群友不会或者不方便部署N8N。供群友测试把玩。

2)我会将每个教程中的流程存在群文档,以及公用N8N服务器中,让群友可以更好的学习实践。

教程流程存档

「欢迎大家加入Max群。」


本期我们讲第一个N8N自动化中最重要的节点之一:

Webhook节点

一、本期的业务场景是:

当商户平时上传、更新编辑产品时,由于需要上传大量产品图,图片的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场景中,当店里有任何动静(比如新订单、产品更新、库存变化)时,它会立刻给你的系统"打电话"通知这个消息,让你能即时自动处理,而不用每隔几分钟手动去检查。

Webhook工作原理

三、实战:如何配置Shopify Webhook

3.1 第一步:在Shopify后台创建Webhook

进入Shopify后台

点击 Settings -> Notifications -> Webhooks

创建新Webhook

点击 Create webhook 按钮

配置Webhook

选择事件:Product create(产品创建)和Product update(产品更新)

输入你的Webhook URL(稍后我们会用N8N创建)

选择 JSON 格式

保存

点击 Save webhook

Shopify Webhook配置

3.2 第二步:在N8N中创建Webhook节点

添加Webhook节点

在N8N中拖入一个 Webhook 节点

复制Webhook URL

复制Webhook节点生成的URL

回到Shopify粘贴URL

将URL粘贴到Shopify的Webhook配置中

测试Webhook

在Shopify中点击 Send test notification 测试Webhook是否正常工作

N8N 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字段

五、完整工作流示例

这个工作流实现了:

  1. 自动监听:当新产品创建或产品更新时自动触发
  2. 智能筛选:只处理没有alt text的图片
  3. AI赋能:使用AI识别图片内容生成准确的alt text
  4. 自动更新:将生成的alt text自动更新回Shopify

成本对比

  • SEO插件:$30/月
  • AI API调用:约$0.01-0.05/张
  • N8N部署:$0-30/月(取决于部署方式)

六、常见问题与解决方案

6.1 Webhook不工作怎么办?

6.2 AI生成的Alt Text质量如何提升?


七、总结

通过本教程,我们学习了:

  1. Webhook的概念:24小时不间断的信号接收器
  2. Shopify Webhook配置:如何在Shopify中创建和配置Webhook
  3. N8N Webhook节点:如何在N8N中接收和处理Webhook
  4. AI集成:如何调用AI API生成Alt Text
  5. Shopify API调用:如何更新Shopify产品信息

下一步:下期我们将讲解如何使用N8N实现Shopify博客的自动化发布,敬请期待!


FAQ


本文实操基于N8N 1.x版本及Shopify Admin API 2024-01版本。

相关推荐

1 / 5