用 AI 做网站

网站项目的正确起点

先确定页面要促成的动作：下载、注册、咨询、购买还是阅读。视觉方向应该服务于这个动作，而不是先堆动画和装饰。

五个阶段

1. 信息架构

列出页面、导航、用户入口和内容优先级。官网通常先回答：我是谁、为谁解决什么问题、为什么可信、下一步是什么。

2. 内容草稿

先写标题、说明、功能、案例、常见问题和行动按钮，再决定布局。让 AI 先给三种文案方向，并标出假设和需要补充的事实。

3. 视觉和组件

确定颜色、字体、间距、按钮、卡片、表格和状态的规则。参考网站可以说明“导航密度、色彩对比、信息层级”，不要直接复制品牌资产或未授权图片。

4. 实现首版

先做静态流程，再接表单、API 或登录。每完成一个模块就检查桌面、平板、手机、键盘操作和空状态。

5. 上线前验收

检查链接、标题、描述、分享图、图片替代文字、加载速度、移动端、404 页面、表单错误和隐私说明。

给 AI 的网站任务提示词

这是一个面向 [用户] 的 [网站类型]。
首要目标是 [动作]，次要目标是 [动作]。
请先输出：页面地图、内容优先级、桌面/手机布局和组件清单。
风格参考：[网站或截图]，但不要复制其品牌资产。
限制：保持 [已有颜色/框架/依赖]，不要加入自动播放和无必要动画。
验收：390px、768px、1440px 下没有横向滚动，键盘可以完成主要操作。

SEO 基础

每个重要页面应有唯一标题、清楚的描述、正确的标题层级、可抓取链接和有意义的 URL。不要把关键词堆在正文里；优先写真实用户会搜索、也真正有帮助的内容。

常见失败方式

• 先做一张“漂亮首页”，后补目标和内容；
• 只在自己的大屏幕上测试；
• 把重要信息放进图片，导致无法搜索和访问；
• 接入表单后没有成功、失败和重复提交状态；
• 让 AI 一次改完整站，结果无法知道哪次改动造成问题。