用自然语言告诉AI你的要求,不断优化页面、内容和用户体验。 这一阶段解决的是:从真实访客角度判断网站是否看得懂、信得过、用得了,并把具体问题交给AI修正。

🎯 本阶段目标

学会发现具体问题、清楚描述要求、让Codex或WorkBuddy完成修改,并对照修改前后结果完成验收。

🚀 开始行动

上一章,你已经得到了一套能够正常打开的网站。

它有网站源码、生成好的静态文件、本地查看地址和临时分享地址,AI也已经完成了第一轮检查。

这些文件和报告你不需要逐个研究,更不需要学习代码。本章只做一件事:

站在品牌经营者和真实访客的角度,找出网站中最影响使用和公开展示的问题,再用自然语言让AI直接修改。

你不需要告诉AI代码应该怎么写。你只需要像给自己的设计师或员工安排工作一样,说清楚:

然后让AI修改网站、重新生成,再回到页面复看。

这一章属于日常修改,默认只需要本地预览地址。需要发给同事或朋友远程查看时,再直接告诉AI“请再给我一个临时远程预览地址”。

完成本章后,你会得到

本章只需要完成五个动作:

打开网站 → 找出问题 → 说清要求 → 让AI修改 → 对照验收

先看这张图,记住本章从头到尾只走这一条路:

图片展示了第8章网站精修中第一版从头到尾的五个步骤。步骤1是打开网站,即回到当前项目并打开查看地址;步骤2是找出问题,先处理最影响理解和使用的;步骤3是说清要求,说明位置、现象结果和保留项;步骤4是让AI修改,直接修改网站不要只给建议;步骤5是对照验收,重新打开页面真实点击并比较。图片与上下文紧密相关,直观呈现了本章操作流程,帮助用户明确从第一版到可交付版本的步骤。

看到这里,你只需要记住:第一版负责让网站真实出现,第八章负责把最影响使用的问题逐个改掉。

一、先明白:第一版为什么还需要精修

AI第一次生成的网站,通常已经具备完整页面、内容和基本功能,但它不一定完全符合你的品牌,也不一定完全符合真实访客的使用习惯。

常见问题包括:

这不代表网站生成失败。

第一版的作用,是先把网站的整体结构和内容做出来。接下来要做的,是把明显问题逐个改掉,让网站从“技术上能打开”,变成“访客看得懂、信得过、用得了”。

先别推翻重来 这一章不是重新建站,也不是不停更换风格。不要因为一个按钮不够好看,就推翻整个网站。

**正常结果:**你接受第一版还可以继续变好,也知道本章只处理真正影响理解、信任和使用的问题。

二、先学会看网站:只看三件事

很多人打开自己的新网站后,会觉得“好像哪里不对”,却不知道应该从哪里开始。

不要一上来纠结字体、圆角、阴影和动画。先把自己当成第一次来到这里的访客,只看三件事:

访客看网站的三条检查线:看得懂、信得过、用得了

这三条线不是专业术语。它们就是一个真实访客从打开首页到决定是否咨询的自然过程。

先看:访客看得懂吗

打开首页,暂时忘掉你脑子里已经知道的品牌信息。不要替网站补充解释,只看页面,在几秒钟内回答:

如果其中有两个以上的问题说不清,说明首页主线还不够清楚。

这时优先修改标题、介绍文字、内容顺序和咨询入口,不要先花时间调整小装饰。

用北境原野举例:

如果首页只写“去更远的地方,看更大的世界”,气氛有了,但第一次来的访客仍然不知道这是内蒙古旅行服务、具体能去哪里、适合什么人。

更清楚的页面应该让访客很快看见:这是北境原野,提供内蒙古全域旅游服务,有草原、火山、沙漠、亲子家庭和小团定制等具体入口,感兴趣的人可以继续查看行程或咨询。

**正常结果:**不需要你在旁边解释,访客也能大致理解你的品牌、业务和下一步。

再看:访客信得过吗

主线看懂后,再检查页面里的重要事实。

重点核对:

发现不准确的内容时,不要让AI自行猜测。直接把正确内容告诉AI,并明确要求全站统一修改。

同时检查网站里有没有不应该公开的内容:

**正常结果:**重要事实在全站保持一致,没有测试内容、隐私信息和明显不真实的表达。

最后看:访客用得了吗

接下来不要只看页面,要真的点击。

以北境原野为例,你可以沿着一条真实游客可能会走的路线操作:

  1. 从首页点击“查看旅行线路”或当前主按钮;
  2. 打开一条草原、火山、沙漠或亲子旅行线路;
  3. 继续寻找咨询、电话、微信或行程定制入口;
  4. 真正打开对应页面或联系方式。

在这条路上检查:

**正常结果:**访客从了解品牌,到查看线路,再到找到咨询入口,整个过程可以顺利完成。

这张图片是“北境原野”品牌官网的首页,页面主视觉为草原日落的自然场景,搭配一家四口的人物形象,呈现内蒙古的户外人文与自然风貌。页面核心标题为“一家人的内蒙古,不该只剩下赶路”,下方介绍品牌从草原、沙漠到城市人文,提供家庭与小团服务,还标注了住宿体验、费用、行程等服务相关说明,设置了“看看十余路线”“获取行程书报价”的按钮,导航栏则有旅行路线、私家定制等功能选项,整体传递出家庭出游的品牌定位,符合打磨官网让内容更易被理解的相关要求。

根据以上的学习,第一眼看到这个首页,你有哪些想改动的地方吗?

三、电脑和手机都要亲自看一遍

电脑上正常,不代表手机上也正常。

完成电脑端检查后,用手机打开临时分享地址,或者在电脑浏览器里切换到手机预览。

你不需要学习手机型号、屏幕像素和技术参数。只需要像普通访客一样上下滑动、打开菜单和点击按钮。

图片展示了电脑和手机查看同一个页面时的对比效果。电脑端页面标题自然换行,不重复也不拥挤,主体完整且清晰;手机端页面标题和主体部分也清晰显示,图片主体没有被裁掉。图片与上下文紧密相关,上下文强调电脑和手机都要亲自看一遍,重点检查标题、文字、图片、菜单、按钮、页面晃动、底部按钮、图片显示等问题,此图直观呈现了检查标准。

图片展示了真实访客路径,强调不要只看页面,要真的点击一次。从了解品牌到找到咨询入口,每一步都必须顺利走通。分为首页、服务或案例页、联系入口三个步骤,分别说明先看品牌是谁、提供什么及下一步做什么,继续了解适合谁、解决什么问题及为什么值得相信,电话、微信、邮箱或表单等联系方式真实可用,访客知如何行动。图片与上下文紧密相关,直观呈现了从品牌了解至咨询的完整流程。

重点看:

发现问题时,先截图。

截图比“手机上有点乱”更容易让AI准确理解,也能帮助你在修改后回到同一位置复看。

**正常结果:**你在电脑和手机上都真实打开、滑动并点击过网站,至少留下了一张需要修改位置的截图。

四、一次只改一个最值得改的问题

第一次检查网站时,你可能会同时发现很多问题。

不要一次把十几个不同问题全部扔给AI。这样即使网站发生了很大变化,你也很难判断是哪一项修改产生了效果,哪里又被意外改坏。

建议按照下面的顺序处理:

  1. 错误的品牌事实和联系方式;
  2. 访客看不懂的首页主线;
  3. 无法点击或打开的功能;
  4. 手机上影响阅读和操作的问题;
  5. 图片不匹配、模糊或裁切错误;
  6. 颜色、间距、字体和装饰等视觉细节。

先解决会影响理解、信任和咨询的问题,再处理“还可以更好看”的问题。

把模糊的感觉变成清楚的修改要求

AI可以写代码,但它不能准确猜出你心里的“高级”“大气”和“有感觉”分别是什么。

每次提出修改要求时,尽量说清四件事:

哪里有问题+现在是什么样+希望改成什么样+哪些内容不能动

下面这张对照图,帮助你快速判断一句要求能不能被验收:

图片展示了模糊要求与清楚要求的对照。左侧红框内是模糊要求,即“这个页面不好看,帮我做得更高级一点”,指出没有位置、没有具体问题,也没有可以验收的结果,AI只能猜。右侧绿框内是清楚要求,包含4点:哪里有问题(首页最上方的介绍区域)、现在什么样(文字太多,看不出主要业务)、希望改成什么(缩短介绍,突出服务和咨询按钮)、哪些不能动(保留品牌名、品牌色和联系方式)。此图与上下文紧密相关,用于说明每次提出修改要求时应说清四件事,帮助AI准确理解修改需求。

模糊要求与清楚要求的对照

例子一:首页重点不清楚

不要只说:

这个首页不好看,帮我做得更高级一点。

可以改成:

北境原野首页最上方的介绍文字太多,访客第一眼看不出我们主要提供什么。保留品牌名称、现有蓝绿色和草原主图,把内容缩短,重点说清“内蒙古全域旅游服务”,并让“查看旅行线路”按钮更明显。不要修改公司名称、现有线路事实和联系方式。

例子二:线路介绍不容易阅读

不要只说:

这个旅行产品介绍太普通了,帮我优化一下。

可以改成:

“火山与草原”线路页面中间的介绍现在是一大段文字,访客很难快速找到重点。不要修改行程事实,把内容整理成“适合谁、能看到什么、每天怎么走、如何咨询”四部分,让亲子家庭和第一次来内蒙古的游客能够快速看懂。

例子三:图片与线路不匹配

不要只说:

这张图不好,换一张高级的。

可以改成:

呼伦贝尔线路页的首图现在更像沙漠场景,和页面内容不匹配。请换成能体现草原、莫日格勒河或当地旅行氛围的图片。保留当前标题、按钮位置和整体色彩,不要顺便重做其他线路页面。

例子四:按钮打开了错误页面

不要只说:

这个按钮有问题,修一下。

可以改成:

首页“查看旅行线路”按钮现在点击后进入品牌介绍页,与按钮名称不一致。请把它改为进入线路列表页,保留按钮文字和现有样式。修改后请在电脑和手机上真实点击确认能够正常打开。

描述得越具体,AI越容易一次改对,你也越容易判断修改是否完成。

**正常结果:**你已经选出这一轮最值得修改的一处问题,并能用完整句子说清位置、现状、目标和保留项。

图片展示的是北境原野品牌官网首页。背景为夕阳下的草原景象,画面右侧有四人站立,面向远方。左侧大字标题为“一家人的内蒙古,不该只剩下赶路”,下方文字介绍北境原野从草原、火山、沙漠到城市人文,为家庭与小团量身排车程、住宿与体验,费用在出发前讲清,行程中由本地团队持续把控。底部有“看看十条路线”和“获取行程与报价”按钮。该图片与上下文关于打磨品牌官网、让内容更容易被理解的内容相关,直观呈现了官网首页设计。

图片展示了ChatGPT界面及网页内容。左侧为ChatGPT界面,显示“北境至野品牌官网”任务,提示词为“首页大标题,字体太大了,给人一种要被吓到的感觉,请以手写体,改成通行行书体”。右侧网页是“北境至野”官网,首页大标题为“一家人的内蒙古,不该只剩下赶路”,字体较大。该图片与上下文紧密相关,直观呈现了文档中提到的“描述得越具体,AI越容易一次改对”的示例,展示了明确位置、问题、修改要求的提示词效果。

截图中的提示词包含了明确的位置、问题、修改要求,问题清晰,ai改起来就精准,一次就能搞定。

图片展示的是北境原野官网首页。背景为草原、火山、沙漠等自然景观。上方有“北境原野”及“NORTHERN WILDERNESS”字样。中部大标题为“一家人的内蒙古,不该只剩下赶路”,下方文字介绍北境原野从草原、火山、沙漠到城市人文,为家庭与小团重排车程,住宿与体验费用在出发前讲清,行程中由本地团队持续总控。底部有“查看十条路线”“获取行程报价”按钮。该图与上下文关于打磨GEO品牌官网,让内容更容易被理解的内容相关,展示了官网首页现状。

✅一次对话,AI完美解决我的问题。

五、回到当前AI任务,让AI直接修改

本章继续以Codex作为主导演示。回到生成当前网站的Codex任务,继续在同一个项目中修改;如果你使用WorkBuddy,就回到生成当前网站的同一个WorkBuddy任务。

不要重新上传全部资料,也不要重新要求AI建站。告诉它继续修改当前网站即可。

如果有截图,把截图和修改要求一起发送。

图片展示的是ChatGPT界面,左侧为功能菜单栏,右侧是“构建北境原野品牌资产”任务页面。页面中“北境原野”品牌介绍部分,有“不用一次看懂整个内蒙古”等文字,下方有“先看价格与路线说明”链接。画面下方突出显示了一段精修提示词,内容为“北境原野”品牌介绍部分的修改建议,包括优化文字表述、调整图片位置等。该图片与文档中“可直接复制的精修提示词”内容相关,用于指导AI任务对品牌介绍部分进行修改。

截图+描述具体位置+具体问题和你想修改成什么样,我没有给他指定照片,自动根据主题选一张,也可以指定某某文件夹,某张照片名称进行替换。

这是打磨后的“北境原野”GEO品牌官网的旅行路线页面,页面背景为广袤草原与蜿蜒河流的实景图,搭配“不用一次看懂整个内蒙古”的白色醒目大标题,下方还有适配场景的辅助说明文字与“发现这次旅途同行”的操作按钮,顶部导航栏设有“旅行路线”“私家定制”等功能选项,且该页面已完成背景图片添加,是对应AI修改任务完成后的实际效果展示。

✅已完成旅行路线页面背景图片添加

可直接复制的精修提示词

**用来做什么:**把你真实看到的一处问题交给生成当前网站的AI任务。

**发送前准备:**问题所在页面、真实表现、希望结果、必须保留的内容;有截图时一并提供。

**发送后会得到:**修改后的网站、新生成的静态文件、检查结果和可以复看的页面或地址。

看到这些信号算正常:

提示词 P08-01|精修当前网站 打开复制页(会直接定位到同编号提示词) →

请继续修改当前网站,不要重新建站。

问题位置:
【写清是哪个页面、哪个位置】

现在的问题:
【写你真实看到的情况;有截图时请结合截图判断】

我希望改成:
【写清修改后希望访客看到、理解或完成什么】

必须保留:
【写不能修改的品牌事实、文字、颜色、图片、页面结构或功能】

如果我提供的是已经写完、准备公开的文章、客户案例或问答,请把它视为权威正文,只做我明确要求的修改以及必要的校对和排版;保留原有顺序、人物、场景、动作、对话、细节、情绪、观点和语气,不得为了统一页面结构把正文改成流程、清单、方法论或摘要。若版式与正文冲突,优先调整字号、宽度、断点、组件和数据结构。只有我提供的是提纲、关键词、聊天说明、访谈记录或模糊素材时,才允许重新创作和具象化。

开始本次重要修改前,请先检查当前项目状态,把当前最后一个已验证的Git提交记录为“修改前版本”;首次尚无提交时写none,不要为记录修改前状态制造空提交。不要覆盖或丢弃我已有但尚未提交的内容。发现无法判断的旧修改、密钥或无关文件时先暂停说明。

请直接修改网站,不要只给建议。

完成修改后,请重新生成可以查看的版本,检查这次修改涉及的页面、电脑和手机显示,以及相关按钮和链接是否正常。对本次修改涉及的成稿逐段与输入正文对照,未说明的实质性删改或缺失必须为零。

检查通过后,确认没有密钥、凭证、out/、缓存和临时文件进入版本记录,再保存“修改后版本”。告诉我修改前和修改后的完整版本编号、工作区是否clean、out/清单哈希、本地预览地址和检查结果。

如果本次修改没有通过检查,不要把它标记为完成版本;先修复,或者用保留历史、可以再次撤销的方式恢复到修改前检查点。不得使用git reset --hard、git clean或强制删除。

最后告诉我:
1. 实际修改了什么;
2. 哪些检查已经完成;
3. 我应该打开哪个页面或地址复看;
4. 还有哪些内容没有确认。

除非缺少会改变品牌事实或公开承诺的重要信息,否则请直接完成修改,不要停下来询问普通的样式选择。

如果AI只给方法,没有真正修改

继续发送:

不要只告诉我修改方法,请继续当前任务,直接修改网站。修改完成后重新生成,并给我可以复看的页面或地址。

如果AI一次修改了太多地方

继续发送:

这次只处理我指出的这一类问题。请保留其他已经正常的页面和样式,不要顺便重新设计整个网站。

如果AI需要确认品牌事实

涉及公司名称、联系方式、价格、资质、案例数据和公开承诺时,应当由你提供真实信息。

普通的间距、字号、排版和实现方式,可以让AI直接判断,不需要每一步都询问你。

**正常结果:**AI明确告诉你实际改了什么,已经重新生成并检查网站,并给出可以复看的页面或地址。

**正常结果:**Codex/WorkBuddy 同时给出修改前和修改后的完整Git版本编号、工作区clean/dirty状态、out/清单哈希、本地预览地址和检查结果。修改没有通过时,不创建“修改后版本”,只报告未完成工作区、失败项和续做位置。

把AI当做一个你的同事。你认为用什么样的方式跟跨部门的同事沟通,他能理解?那么AI他就能理解你的意图。

六、对照验收,然后停止继续换风格

AI告诉你“已经修改”,不代表页面一定符合要求。

你必须重新打开页面,亲自查看和点击。

第一次对照:原来的问题解决了吗

打开刚才出现问题的位置,对照你的要求检查:

第二次对照:有没有影响其他地方

如果修改的是全站共同使用的导航、按钮、字体、颜色或页脚,还要快速打开其他页面看一下。

例如:

第三次对照:电脑和手机是否都正常

同一个页面至少在电脑和手机上各看一次。

不要只看截图,要真的滑动页面、打开菜单并点击关键按钮。

保留修改前后截图

在修改前和修改后,分别截取同一个页面、同一个位置。

两张截图尽量保持相同的显示范围,不要通过不同裁切让修改效果看起来更大。

修改前后截图有三个作用:

截图不需要覆盖整个网站。选择这一轮真正修改的页面和位置即可。

什么时候应该停止继续修改

网站永远可以继续优化,但课程的目标不是把第一版改到永远不再变化。

当下面这些条件已经满足,就可以停止继续换风格:

剩余的小问题,例如某处留白还能再多一点、某个图标还能再精致一点,可以在网站上线后继续调整。

如果一直要求AI“换一种风格再试试”,很容易把已经正常的网站越改越乱。

本章完成检查

本章完成标志 你已经把一套“技术上能打开的第一版”,修改成了一套访客能够看懂、重要事实值得相信、电脑和手机能够正常使用、关键路径可以顺利走通,并且值得进入正式上线阶段的品牌官网。 更重要的是,你已经掌握了一种以后仍然可以反复使用的能力:不需要自己写代码,也能通过观察、截图和自然语言,让AI继续修改自己的网站。

本章作业

提交下面四项内容:

  1. 一张修改前的真实页面截图;
  2. 一段你发给AI的具体修改要求;
  3. 一张修改后的同页面、同位置截图;
  4. 更新后的临时分享地址或本地检查结果。

下一阶段预告

到这里,网站的页面修改和人工检查已经完成。

下一章,我们会先让AI对当前网站做一次上线前检查,再跟着流程把网站发布到正式域名。发布完成后,AI还会从真实网址重新检查一遍,确认访客能够正常打开和使用。

你不需要提前理解技术细节,跟着第9章一步一步完成即可。

📌 本章把页面改好;下一章把网站正式发布到公网。

进入阶段09|正式发布你的官网:让客户真正访问你的品牌 →

← 返回课程总目录