跳转到内容

商品/服务分类配置与自动分页

在 B2B 工业品出海独立站中,清晰、专业的品类导航是海外采购工程师快速锁定所需零件的“指南针”。

如果几百种规格各异的螺栓、密封圈和减震器全都杂乱堆放在一个通用目录里,海外买家的跳出率将极高。SymbolFlow Appsuite 提供了灵活的 商品/服务分类 (Offering Categories) 体系。运营人员可以随时新建品类,实现单个产品向多个分类的交叉归属;更重要的是,在编译生成网站时,系统会自动为每一个分类生成独立的聚合页面,并自动实现分页与 SEO 结构化数据输出!


核心特性传统建站系统痛点Appsuite 自动化机制
分类归属灵活性许多系统强制 1 个商品只能选 1 个主分类,无法多渠道曝光支持多对多归属 (hasMany):1 个商品可同时挂载到多个分类,跨品类无缝曝光
分类聚合页生成需要手动去新建页面、手动插入商品列表组件,维护成本高全自动编译生成:只要创建了分类并绑定了产品,系统自动生成对应的分类落地页
海量商品分页页面拉得很长导致加载卡顿,或需要安装第三方分页插件原生高性能分页:自动计算总页数,无缝切分 /page/2、/page/3,提供标准化翻页器
SEO 权重传递分类页往往缺乏独立的 Meta 标签,被搜索引擎视为薄弱页面自动注入分类 SEO:自动继承分类名称作为标题,生成面包屑导航与 JSON-LD 结构化数据

2. 第一步:创建与维护商品分类

Section titled “2. 第一步:创建与维护商品分类”

分类数据在后台独立的 「商品/服务分类」 (Offering Categories) 集合中管理:

  1. 登录 Payload CMS 管理后台;
  2. 在左侧功能菜单的 集合 (Collections) 分组下,点击 「商品/服务分类」 (Offering Categories);
  3. 点击右上角 「新建商品/服务分类」 (Create New);
  4. 填写核心字段:
    • 标题 (Title):分类显示名称(支持多语言 — en, — zh)。
      • 英文环境填:Cylindrical Rubber Mounts
      • 中文环境填:圆柱形橡胶减震器
    • 别名 (Slug):该分类在前台的英文唯一 URL 路径标识。
      • 例如填写:cylindrical-rubber-mounts
  5. 点击右上角 「保存」 (Save)。

[!TIP] 品类命名建议: 别名 (Slug) 必须遵循小写字母与半角连字符规则(如 marine-vibration-isolators)。这不仅利于海外买家记忆,更是 Google 判定分类主题的重要 SEO 抓手。


3. 第二步:将商品分配到一个或多个分类中

Section titled “3. 第二步:将商品分配到一个或多个分类中”

完成分类创建后,您可以在录入或编辑具体商品(Offerings)时,将该商品分配至对应的类别:

  1. 在左侧菜单点击 「商品/服务」 (Offerings),打开目标产品(如我们的标杆产品 VD型圆柱橡胶双头螺栓减震器);
  2. 滚动至基本属性栏,找到 分类 (Categories) 字段;
  3. 这是一个 多选关联下拉框 (hasMany: true),您可以同时选中多个符合该产品应用特征的类别:
    • 类别 1:Cylindrical Rubber Mounts(基础机械形态归类)
    • 类别 2:HVAC Vibration Isolators(暖通空调应用场景归类)
    • 类别 3:Industrial Anti-Vibration Hardware(通用工业标准件大类)
  4. 点击右上角 「发布」 (Publish) 保存。

无论海外买家是从网站顶部的“暖通空调配件专区”进入,还是从“橡胶减震元件”目录进入,都能在对应列表里看到这款 VD 减震器。这极大地拓展了产品的站内曝光触点,提升了采购商选型加单的转化概率。


4. 自动生成网站分类页面与智能分页机制

Section titled “4. 自动生成网站分类页面与智能分页机制”

当您在 SymbolFlow 平台总控触发站点构建(Build & Deploy)时,底层的 Astro 静态引擎将全自动执行以下编译逻辑:

系统会结合您在全局配置中设定的 offeringType(默认为 offerings)与当前分类的 slug,自动生成多语言独立的网页路径:

  • 英文分类页:https://yourdomain.com/en/offerings/category/cylindrical-rubber-mounts
  • 中文分类页:https://yourdomain.com/zh/offerings/category/cylindrical-rubber-mounts

2. 自动聚合该分类下的所有商品

Section titled “2. 自动聚合该分类下的所有商品”

系统在编译时会自动检索当前语言下所有关联了该分类的商品,按排序规则整齐输出为卡片式工业展厅列表(展示产品主图、标题、核心规格标签与起始价格)。

为了确保海外买家即使在弱网环境下也能秒级打开网页,系统内置了分页控制:

  • 当该分类下的商品总数超过单页容量(默认 OFFERINGS_PER_PAGE)时,编译器会自动生成多页结构:
    • 第 1 页:/offerings/category/cylindrical-rubber-mounts
    • 第 2 页:/offerings/category/cylindrical-rubber-mounts/page/2
    • 第 3 页:/offerings/category/cylindrical-rubber-mounts/page/3
  • 并在列表底端自动渲染上一页、下一页及数字页码导航栏,买家可平滑翻页浏览。

在每个分类聚合页的左侧或顶部,系统会自动列出当前语种下的所有活跃分类,并高亮当前所在的分类(Active State),方便买家随时横向跳转换类。


5. 运营人员注意事项与稳定性红线

Section titled “5. 运营人员注意事项与稳定性红线”
  1. 分类删除预警: 如果某个分类下已经挂载了正在销售的商品,且该分类页面已被 Google 蜘蛛收录,切勿随意直接删除该分类,否则会导致该分类的 URL 报 404 错误。如需下线,请确保在 Cloudflare 配置好 301 重定向规则。
  2. 多语言标题分别录入: Offering Categories 的标题是支持多语言独立配置的。请务必切换到英文(en)环境填写专业地道的英文行业名词,切换到中文(zh)填写标准中文分类名,确保不同语言站点的买家获得地道的母语采购体验。