商品/服务分类配置与自动分页
在 B2B 工业品出海独立站中,清晰、专业的品类导航是海外采购工程师快速锁定所需零件的“指南针”。
如果几百种规格各异的螺栓、密封圈和减震器全都杂乱堆放在一个通用目录里,海外买家的跳出率将极高。SymbolFlow Appsuite 提供了灵活的 商品/服务分类 (Offering Categories) 体系。运营人员可以随时新建品类,实现单个产品向多个分类的交叉归属;更重要的是,在编译生成网站时,系统会自动为每一个分类生成独立的聚合页面,并自动实现分页与 SEO 结构化数据输出!
1. 核心架构与商业运作原理
Section titled “1. 核心架构与商业运作原理”| 核心特性 | 传统建站系统痛点 | Appsuite 自动化机制 |
|---|---|---|
| 分类归属灵活性 | 许多系统强制 1 个商品只能选 1 个主分类,无法多渠道曝光 | 支持多对多归属 (hasMany):1 个商品可同时挂载到多个分类,跨品类无缝曝光 |
| 分类聚合页生成 | 需要手动去新建页面、手动插入商品列表组件,维护成本高 | 全自动编译生成:只要创建了分类并绑定了产品,系统自动生成对应的分类落地页 |
| 海量商品分页 | 页面拉得很长导致加载卡顿,或需要安装第三方分页插件 | 原生高性能分页:自动计算总页数,无缝切分 /page/2、/page/3,提供标准化翻页器 |
| SEO 权重传递 | 分类页往往缺乏独立的 Meta 标签,被搜索引擎视为薄弱页面 | 自动注入分类 SEO:自动继承分类名称作为标题,生成面包屑导航与 JSON-LD 结构化数据 |
2. 第一步:创建与维护商品分类
Section titled “2. 第一步:创建与维护商品分类”分类数据在后台独立的 「商品/服务分类」 (Offering Categories) 集合中管理:
- 登录 Payload CMS 管理后台;
- 在左侧功能菜单的 集合 (Collections) 分组下,点击 「商品/服务分类」 (Offering Categories);
- 点击右上角 「新建商品/服务分类」 (Create New);
- 填写核心字段:
- 标题 (Title):分类显示名称(支持多语言
— en,— zh)。- 英文环境填:
Cylindrical Rubber Mounts - 中文环境填:
圆柱形橡胶减震器
- 英文环境填:
- 别名 (Slug):该分类在前台的英文唯一 URL 路径标识。
- 例如填写:
cylindrical-rubber-mounts
- 例如填写:
- 标题 (Title):分类显示名称(支持多语言
- 点击右上角 「保存」 (Save)。
[!TIP] 品类命名建议: 别名 (Slug) 必须遵循小写字母与半角连字符规则(如
marine-vibration-isolators)。这不仅利于海外买家记忆,更是 Google 判定分类主题的重要 SEO 抓手。
3. 第二步:将商品分配到一个或多个分类中
Section titled “3. 第二步:将商品分配到一个或多个分类中”完成分类创建后,您可以在录入或编辑具体商品(Offerings)时,将该商品分配至对应的类别:
- 在左侧菜单点击 「商品/服务」 (Offerings),打开目标产品(如我们的标杆产品 VD型圆柱橡胶双头螺栓减震器);
- 滚动至基本属性栏,找到 分类 (Categories) 字段;
- 这是一个 多选关联下拉框 (
hasMany: true),您可以同时选中多个符合该产品应用特征的类别:- 类别 1:
Cylindrical Rubber Mounts(基础机械形态归类) - 类别 2:
HVAC Vibration Isolators(暖通空调应用场景归类) - 类别 3:
Industrial Anti-Vibration Hardware(通用工业标准件大类)
- 类别 1:
- 点击右上角 「发布」 (Publish) 保存。
多分类交叉归属的商业价值:
Section titled “多分类交叉归属的商业价值:”无论海外买家是从网站顶部的“暖通空调配件专区”进入,还是从“橡胶减震元件”目录进入,都能在对应列表里看到这款 VD 减震器。这极大地拓展了产品的站内曝光触点,提升了采购商选型加单的转化概率。
4. 自动生成网站分类页面与智能分页机制
Section titled “4. 自动生成网站分类页面与智能分页机制”当您在 SymbolFlow 平台总控触发站点构建(Build & Deploy)时,底层的 Astro 静态引擎将全自动执行以下编译逻辑:
1. 自动生成专属分类 URL
Section titled “1. 自动生成专属分类 URL”系统会结合您在全局配置中设定的 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. 自动聚合该分类下的所有商品”系统在编译时会自动检索当前语言下所有关联了该分类的商品,按排序规则整齐输出为卡片式工业展厅列表(展示产品主图、标题、核心规格标签与起始价格)。
3. 自动分页 (Automatic Pagination)
Section titled “3. 自动分页 (Automatic Pagination)”为了确保海外买家即使在弱网环境下也能秒级打开网页,系统内置了分页控制:
- 当该分类下的商品总数超过单页容量(默认
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
- 第 1 页:
- 并在列表底端自动渲染上一页、下一页及数字页码导航栏,买家可平滑翻页浏览。
4. 自动生成分类侧边栏导航
Section titled “4. 自动生成分类侧边栏导航”在每个分类聚合页的左侧或顶部,系统会自动列出当前语种下的所有活跃分类,并高亮当前所在的分类(Active State),方便买家随时横向跳转换类。
5. 运营人员注意事项与稳定性红线
Section titled “5. 运营人员注意事项与稳定性红线”- 分类删除预警: 如果某个分类下已经挂载了正在销售的商品,且该分类页面已被 Google 蜘蛛收录,切勿随意直接删除该分类,否则会导致该分类的 URL 报 404 错误。如需下线,请确保在 Cloudflare 配置好 301 重定向规则。
- 多语言标题分别录入:
Offering Categories的标题是支持多语言独立配置的。请务必切换到英文(en)环境填写专业地道的英文行业名词,切换到中文(zh)填写标准中文分类名,确保不同语言站点的买家获得地道的母语采购体验。