大猫OPC
项目记录

妇儿专科医院官网重构与内容管理系统建设

已完成 官网重构 / CMS 建设 更新:已验收

从「改内容靠外包」到「医院自己运营」:607 个历史页面零丢失、旧地址零变更、核心页面 Lighthouse 100 分。

背景与决策.

客户与背景

妇儿专科医院。应客户要求,本案例隐去医院名称、域名、联系方式与人员信息。

项目挑战

1. 内容散、格式旧、难维护 历史文章、医生介绍、科室页分散在旧模板里,部分正文是图片、表格或旧编辑器格式,搜索引擎读不到,医院也改不动。

2. 地址不能变 网站已有搜索收录和外部链接,任何 URL 变化都可能让积累归零。重构必须做到旧地址 1:1 对应,分页与别名统一 301。

3. 没有可用的后台 医院每次更新都要排期给外包,活动、专家出诊、通知无法及时上线;同时缺少权限、日志与备份,误操作风险高。

项目概况

项目 说明
客户类型 妇儿专科医院
服务内容 官网重构、内容迁移、CMS 建设、SEO/GEO、上线部署
历史页面 607 个
内容规模 261 篇文章与单页、580 张图片、11 个科室、48 位医生资料
验收结果 内容缺失 0、链接异常 0、核心页面 Lighthouse 100 分

目标.

  • 不丢失任何历史内容
  • 不改变任何旧地址
  • 让医院自己能运营

执行阶段.

STEP 01 全站内容盘点与迁移

对旧站做全量采集与结构化整理,建立「频道—栏目—内容」模型,保留旧 ID,确保 607 个页面逐页可核对。

  • 文章、单页、医生、科室、FAQ 分类入库
  • 580 张图片按原路径迁移
  • 旧地址与新地址一一对应

STEP 02 前端重构与性能优化

响应式单站替代独立手机站,统一标题、正文、按钮、卡片与表单规范;图片自动生成多尺寸 WebP,按屏幕加载。

  • 一套内容适配手机 / 平板 / 电脑
  • 首屏图片优先加载,其余懒加载
  • 核心页面 Lighthouse 三项 100 分

STEP 03 自研内容管理系统

围绕医院日常运营设计后台,而不是照搬通用 CMS:15 个模块,管理员 / 编辑两级权限,操作留痕,误删可恢复。

  • 内容、栏目、频道、FAQ、轮播、导航
  • 留言、评论、招聘、友链、站点设置
  • 操作日志、回收站、数据库备份

STEP 04 搜索与 AI 可见性

为每个页面生成独立标题、描述、canonical 与结构化数据;拆分站点地图,输出 212 个可收录地址,并配置 llms.txt 方便 AI 助手读取。

  • 医院 / 医生 / 问答结构化数据
  • 旧地址 301、分页规范化
  • robots 与 AI 爬虫策略

成果与证据.

检查项 方法 结果
内容完整性 607 个旧地址逐页文本比对 缺失 0
页面规范性 全站扫描标题、H1、canonical、结构化数据、图片 alt 与尺寸 异常 0
链接可用性 站点地图 212 个地址全量访问 全部正常
页面性能 Google Lighthouse(首页、列表、详情、联系、医生) 性能 / 无障碍 / SEO 100 分
图片优化 原图生成多尺寸 WebP,按屏幕加载 308MB → 47MB,约 -85%
后台能力 登录、发布、留言、设置、权限实测 15 个模块全部通过
备份恢复 备份文件导入临时库校验 261 篇内容完整恢复

以上数据来自项目验收检查,不是估算值。

问题与复盘.

「这次不是换一个好看点的页面,而是把网站从『外包维护的展示页』变成『医院自己能运营的内容平台』。旧内容一条没丢,旧地址一个没变,后台医院自己能改。」

—— 项目组总结

这个项目体现了哪些能力

能力 在本案例中的体现
内容迁移与治理 607 页盘点比对;屏蔽词、旧排版、图片表格的清理与结构化;医生职称与科室信息补齐
信息架构 频道 / 栏目 / 内容三级模型;导航、内链、面包屑、聚合页与旧地址映射
前端体验 响应式单站;统一排版与组件;图片 WebP 与懒加载;核心页面 100 分
CMS 产品化 15 个后台模块;管理员 / 编辑权限;操作日志;回收站;数据库备份与恢复验证
SEO / GEO 标题描述模板、canonical、JSON-LD、sitemap 拆分、llms.txt、301 规范化
交付与运维 测试环境部署、验收脚本、切流手册、复用手册、内容审核清单

有类似的问题?

说明你的行业、现状和目标,我会判断哪些能做、哪些不该做。