|
|
@@ -0,0 +1,125 @@
|
|
|
+# L1 实战练习：从产品 PPT 到 GEO 优化内容站点
|
|
|
+
|
|
|
+> **模块**：市场营销 | **难度**：L1 | **类型**：业务 SOP | **预计耗时**：30 分钟
|
|
|
+>
|
|
|
+> 一个完全不懂编程的市场/运营人员，用一份产品介绍 PPTX，30 分钟内生成一个被 AI 搜索引擎收录的多语言产品官网。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 这个项目是什么
|
|
|
+
|
|
|
+把你手头的产品介绍 PPTX 交给 AI，让它自动完成：学习产品 → 研究 SEO 策略 → 设计网站架构 → 编写完整网站代码 → 构建预览。
|
|
|
+
|
|
|
+**一句话**：PPT 进去，网站出来。
|
|
|
+
|
|
|
+## 你需要的材料
|
|
|
+
|
|
|
+| 材料 | 格式 | 说明 |
|
|
|
+|------|------|------|
|
|
|
+| 产品介绍 PPT | `.pptx` | 产品定位、功能、品牌信息 |
|
|
|
+| 品牌手册（可选） | `.pptx` 或 `.pdf` | 品牌视觉和文案规范 |
|
|
|
+
|
|
|
+## 你将获得什么
|
|
|
+
|
|
|
+```
|
|
|
+website/ # 完整的多语言产品官网
|
|
|
+├── 38 个页面（中英双语）
|
|
|
+├── GEO 结构化数据（6 种 Schema）
|
|
|
+├── 博客文章、FAQ、术语表
|
|
|
+├── 自动生成的 sitemap + robots.txt + llms.txt
|
|
|
+└── 国内网络环境下可直接访问（无海外 CDN 依赖）
|
|
|
+```
|
|
|
+
|
|
|
+## 四步走完
|
|
|
+
|
|
|
+### 第一步：准备材料（3 分钟）
|
|
|
+
|
|
|
+创建一个项目文件夹，把产品 PPTX 放进去：
|
|
|
+
|
|
|
+```
|
|
|
+你的项目目录/
|
|
|
+└── 产品介绍/
|
|
|
+ └── 你的产品介绍.pptx
|
|
|
+```
|
|
|
+
|
|
|
+### 第二步：让 AI 学习产品 + 研究策略（5 分钟）
|
|
|
+
|
|
|
+在 Fmode Studio 中打开项目目录，发送：
|
|
|
+
|
|
|
+```
|
|
|
+请读取"产品介绍/"目录下的所有 PPT 文件，深度理解产品定位、核心功能、目标客户。
|
|
|
+
|
|
|
+然后搜索 GEO（Generative Engine Optimization）的最佳实践，基于产品理解，梳理目标用户会搜索什么内容，建立一个问题库和关键词列表。
|
|
|
+
|
|
|
+最后，把以上内容整理成一份 GEO 优化方案，写入 ARCHITECTURE.md。
|
|
|
+```
|
|
|
+
|
|
|
+### 第三步：让 AI 设计架构 + 写网站（18 分钟）
|
|
|
+
|
|
|
+```
|
|
|
+基于 ARCHITECTURE.md，请使用 Astro 框架搭建完整的产品官网。
|
|
|
+
|
|
|
+要求：
|
|
|
+1. 支持中英文双语（/zh/ 和 /en/）
|
|
|
+2. 包含完整 GEO 优化（结构化数据、hreflang、FAQ schema 等）
|
|
|
+3. 创建 website 目录存放所有代码
|
|
|
+4. 禁止使用海外 CDN 资源（Google Fonts、Partytown 等）
|
|
|
+5. 所有代码一次性生成，确保完整可运行
|
|
|
+
|
|
|
+先创建任务清单，再逐步执行，直到网站可以正常构建和预览。
|
|
|
+```
|
|
|
+
|
|
|
+### 第四步：审核输出 + 反馈迭代（4 分钟）
|
|
|
+
|
|
|
+网站构建成功后，用浏览器打开检查：
|
|
|
+
|
|
|
+- [ ] 页面排版是否正常
|
|
|
+- [ ] 语言切换是否正常
|
|
|
+- [ ] 手机端是否正常显示
|
|
|
+
|
|
|
+有问题直接告诉 AI 修复，没问题就把改进意见补充到 SOP 中。
|
|
|
+
|
|
|
+## 这个项目的实际案例
|
|
|
+
|
|
|
+本项目就是用这份 SOP，基于**未来飞马（Fmode）**的两份产品 PPTX（共 58 页），在约 35 分钟内完成的真实产物：
|
|
|
+
|
|
|
+| 指标 | 数值 |
|
|
|
+|------|------|
|
|
|
+| 输入 | 2 个 PPTX 文件（58 页） |
|
|
|
+| 输出 | 38 个中英双语页面 |
|
|
|
+| 代码文件 | 40+ 个 |
|
|
|
+| SEO Schema | 6 种结构化数据类型 |
|
|
|
+| 实际耗时 | ~35 分钟 |
|
|
|
+
|
|
|
+## 选这个场景的理由（SLP 法则）
|
|
|
+
|
|
|
+| 判断维度 | 本场景评估 |
|
|
|
+|---------|-----------|
|
|
|
+| 输入明确 | ✅ PPTX 是确定的输入材料 |
|
|
|
+| 规则可描述 | ✅ 产品官网有明确的行业惯例 |
|
|
|
+| 输出可验证 | ✅ 网站能不能打开、好不好看，一眼可知 |
|
|
|
+| 闭环完整 | ✅ PPTX → 网站，输入到输出是一条完整链路 |
|
|
|
+| 人工耗时大 | ✅ 手工搭建同类网站需数天到数周 |
|
|
|
+
|
|
|
+## 常见卡住场景
|
|
|
+
|
|
|
+| 卡住原因 | AI 反馈 | 解决方法 |
|
|
|
+|---------|--------|---------|
|
|
|
+| 缺少 Python 包 | `ModuleNotFoundError` | 告诉 AI："请自己安装缺失的依赖" |
|
|
|
+| 国内网络超时 | 安装依赖卡住 | 告诉 AI："请换用国内镜像源" |
|
|
|
+| 页面样式错乱 | 只有文字、无排版 | 告诉 AI："检查是否引用了海外 CDN，替换为国内方案" |
|
|
|
+
|
|
|
+## 延伸方向
|
|
|
+
|
|
|
+跑通这个项目后，你可以尝试：
|
|
|
+
|
|
|
+- **换一份 PPT**：拿公司其他产品的 PPTX 再做一次，检验 SOP 的通用性
|
|
|
+- **增加内容**：加入客户案例、行业解决方案页面
|
|
|
+- **部署上线**：告诉 AI "帮我把网站部署到 Vercel"
|
|
|
+- **进阶 L2**：把这个 SOP 封装为标准化的 Skill，让团队其他同事直接引用
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+> **关联课程**：本练习对应 L1 第一讲《Software 3.0 时代：从 Vibe Coding 到企业级 Agentic AI 驾驭工程》的实战环节。
|
|
|
+>
|
|
|
+> **下一步**：完成后，让 AI 帮你生成使用手册——`请回顾刚才的协作过程，形成一份面向非技术用户的使用手册`。
|
