# Website 维护指南

## 📁 文件结构
```
website/
├── css/custom.css      # 自定义样式
├── js/main.js         # 主要脚本
├── images/            # 图片资源
├── index.html         # 首页
├── product.html       # 产品介绍
├── solutions.html     # 解决方案
├── cases.html         # 客户案例
├── news.html          # 新闻动态
├── about.html         # 关于我们
└── contact.html       # 联系我们
```

## 🔧 维护任务

### 内容更新
1. **新闻更新**：编辑 `news.html`，添加新内容
2. **产品信息**：更新 `product.html` 产品功能
3. **客户案例**：在 `cases.html` 添加成功案例
4. **联系信息**：修改 `contact.html` 联系方式

### 图片管理
- 使用WebP格式优化加载速度
- 图片大小控制在500KB以内
- 添加适当的alt属性

### SEO优化
- 更新页面title和meta描述
- 检查关键词密度（2-3%）
- 保持H标签层次结构
- 添加结构化数据标记

## 🚀 部署流程

### 本地测试
```bash
# Python服务器
python -m http.server 8080

# Node.js服务器
npx serve . -p 8080
```

### 生产部署
```bash
# 上传文件到服务器
scp -r website/* user@server:/var/www/html/

# 检查文件权限
chmod -R 644 /var/www/html/*
chmod 755 /var/www/html/
```

## 📊 性能监控

### 关键指标
- 页面加载时间 < 3秒
- 首屏渲染时间 < 1.5秒
- Google PageSpeed 分数 > 90

### 优化建议
- 启用Gzip压缩
- 配置浏览器缓存
- 使用CDN加速
- 图片懒加载

## 🔍 SEO检查清单

- [ ] 页面标题包含目标关键词
- [ ] Meta描述控制在150字符内
- [ ] 图片添加alt属性
- [ ] 内链和外链正常
- [ ] 移动端适配良好
- [ ] 页面加载速度优化

## 📞 技术支持

- **前端开发**：frontend@niumall.com
- **SEO优化**：seo@niumall.com
- **服务器运维**：ops@niumall.com