集团官网的 3 个”老大难”问题
做了 100+ 个企业门户网站后,我们发现集团类客户几乎都会遇到这 3 个问题:
- 信息找不着:10 个业务板块、50+ 个产品、200+ 篇内容,用户进来就迷路
- 各部门”各做各的”:子公司/事业部各自建站,视觉风格五花八门
- 更新维护难:改一个联系方式要找 3 个部门确认,上线要排 2 周期
企业门户的本质:不是一个”大网站”,是一个”内容管理系统 + 品牌规范平台 + 多角色协作工具”。
信息架构设计:让用户 3 次点击找到任何内容
架构设计 3 原则
原则 1:按用户视角组织,不按组织架构
| 错误做法 | 正确做法 |
|---|---|
| 按部门分(技术部/市场部/运营部) | 按用户需求分(解决方案/客户案例/关于我们) |
| 按产品线分(A产品/B产品/C产品) | 按行业/场景分(制造业方案/零售方案/金融方案) |
原则 2:广度优先,深度不超过 3 层
Level 1:核心导航(5-7 个入口)
Level 2:分类页面(10-20 个)
Level 3:详情页面(无限)
超过 3 层 = 用户找不着 = SEO 权重稀释。
原则 3:关键入口多路径可达
重要页面(联系方式、核心产品、案例)不应只有一条路径。
集团企业推荐导航结构
├── 首页(集团概览 + 核心业务入口)
├── 关于我们
│ ├── 集团介绍
│ ├── 发展历程
│ ├── 企业文化
│ └── 资质荣誉
├── 业务板块(按行业/场景分类)
│ ├── 解决方案A
│ ├── 解决方案B
│ └── ...
├── 新闻中心
│ ├── 集团动态
│ ├── 行业洞察
│ └── 媒体报道
├── 投资者关系(上市公司必需)
│ ├── 财务报告
│ ├── 公告信息
│ └── 股东信息
├── 人才招聘
└── 联系我们
权限体系设计:让各部门协同而不混乱
多角色权限模型
| 角色 | 权限范围 | 典型操作 |
|---|---|---|
| 超级管理员 | 全站 | 架构调整、品牌规范、用户管理 |
| 内容编辑 | 所属板块 | 新增/编辑/删除内容 |
| 内容审核 | 所属板块 | 审核发布内容 |
| 品牌管理员 | 全站视觉 | 审核/替换品牌素材 |
| 访客 | 前台浏览 | 查看内容、提交表单 |
内容发布流程
内容编辑创建 → 内容审核审核 → 品牌管理员确认视觉合规 → 发布上线
关键机制:
- 审核不通过可退回修改,附带修改意见
- 发布后保留历史版本,支持回滚
- 所有操作留痕,可追溯
品牌统一:让 10 个子站看起来像一家人
品牌统一的 3 个层级
| 层级 | 说明 | 实现方式 |
|---|---|---|
| 强制统一 | Logo、主色、字体 | 组件级锁定,不可修改 |
| 引导统一 | 排版规范、图像风格 | 设计规范文档 + 模板 |
| 灵活定制 | 内容风格、辅助视觉 | 限定范围的自定义能力 |
技术实现方案
方案一:设计系统(Design System)
建立统一的组件库,所有子站使用相同的基础组件:
| 组件 | 统一规则 | 可定制范围 |
|---|---|---|
| Header | Logo 位置、导航结构、品牌色 | 辅助链接、语言切换 |
| Footer | 品牌信息、主链接 | 联系方式、社交链接 |
| 卡片 | 圆角、阴影、字体 | 内容、图片 |
| 按钮 | 主色、圆角、字号 | 文案 |
| 表单 | 样式、验证规则 | 字段内容 |
方案二:主题变量系统
:root {
/* 强制变量(不可覆盖) */
--brand-primary: #2563eb;
--brand-logo-height: 40px;
/* 可定制变量(子站可覆盖) */
--brand-accent: #3b82f6;
--brand-radius: 8px;
}
企业门户的技术选型建议
| 方案 | 适合场景 | 优势 | 劣势 |
|---|---|---|---|
| Astro 静态站 | 内容为主、更新频率低 | 性能极佳、SEO 友好 | 动态功能需后端支持 |
| Headless CMS + Astro | 内容频繁更新、多角色协作 | 内容管理便捷、性能好 | 需维护 CMS |
| 传统 CMS(WordPress) | 功能需求多、预算有限 | 生态丰富、上手快 | 性能一般、安全风险 |
狐赛科技推荐:Astro + Headless CMS(如 Strapi/Directus),兼顾性能和内容管理效率。
狐赛科技企业门户解决方案
狐赛科技提供从规划到落地的企业门户网站全链路服务:
- 信息架构规划:基于用户路径的导航与内容层级设计
- 品牌统一设计系统:组件库 + 设计规范 + 主题变量
- 多角色内容管理:权限体系 + 审核流程 + 版本管理
- 高性能技术架构:Astro 静态站 + Headless CMS
企业门户不是一个”大网站”,是一个”品牌平台 + 内容系统 + 协作工具”。先规划架构,再设计视觉,最后用技术保障体验。
