marketing-geo-site-builder

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 帮你生成使用手册——请回顾刚才的协作过程，形成一份面向非技术用户的使用手册。