【哥飞实操教学】如何用 ChatGPT O3 做出 SEO 友好的落地页?

大家好，我是哥飞。

前几天 ChatGPT 发布了 O3 模型，自带 Agent ，这东西是个宝啊，可以用来帮助我们更好地写好落地页文案。

今天，哥飞就带着大家，试试是否可以用 O3 做出一个 SEO 友好的落地页。

去年5月，V2EX邀请码系统上线时，哥飞就提醒过大家，可以做一个网页，获取相关关键词流量，然后来卖V2EX邀请码。

今天哥飞就以这几个关键词为例，要求 ChatGPT O3 先帮我们调研，之后生成文案。

哥飞的提示词如下：

V2EX.com 是一个创意者工作社区网站，很多设计师、程序员、产品经理喜欢在V2EX发帖分享，他们也喜欢每天刷一刷这个网站，看到感兴趣的话题还会评论交流。2024年5月，V2EX上线了邀请码系统，新账号注册后，需要有邀请码激活账号，才能正常使用网站功能。想要邀请码的人会有很多，他们甚至愿意出钱购买邀请码，这就是需求。而邀请码，可以由老用户使用V2EX的金币生成，而金币则可以每天签到、发帖、回帖等方式赚取。这就一定会导致有老用户赚到金币之后，生成邀请码然后拿去卖给那些需要邀请码的人。有需求就会有供给。我希望做一个中文网页，在网页里出售V2EX邀请码。我主要通过谷歌和百度搜索获取流量，那么这个网页就需要围绕着"V2EX邀请码"、"V2EX注册码"等关键词去写作，最终写出SEO友好的文案。我希望你帮我调研清楚之后，为我写出SEO友好的文案。

哥飞提需求之后，O3 进行了一番思考，然后要求哥飞给出更多的参考信息，哥飞想偷懒，就说让 O3 自己去联网搜索了解，调研获取信息。

大家可以看到 O3 思考了差不多两分钟，找了很多网页，这比我们自己手动去搜索然后整理信息快多了。

搜索完资料之后， O3 就整理出来了关键信息。

之后就生成了一篇落地页文案，哥飞截图给大家看看，文章太长了，只截取了前半部分。

在 Markdown 文档后面，O3 还提示说，要把这个页面放在哪里，要加什么样的内链，要怎么加 Schema 结构化标记，才能使得 SEO 更友好。

到这里，信息就整理完毕了，哥飞开始提要求，让他去写网页代码了，提示词如下：

请你以HTML+Tailwind CSS+Shadcn UI技术栈，设计一个既美观大气又符合SEO最佳实践的完整静态页面，需要围绕着"V2EX邀请码"、"V2EX激活码"等核心关键词创作文案，以你收集到的信息为基准，需包含以下完整结构：1. 语义化的HTML标记2. 适当的meta标签3. 响应式导航栏4. Hero/Banner区域5. 主要内容区域6. 联系方式或CTA区域7. 页脚区域
请将完整代码放在一个HTML文件中，使用Tailwind CDN和Shadcn UI组件，确保代码可直接复制使用。

不过，可能是我这个提示词不够明确，又或者 O3 思考得比较多，这个在 Claude 能用的提示词，在 O3 这里被要求明确到底做什么样的页面。

在我要求直接做纯 HTML 页面之后，O3 终于开始写页面了。

最终出来的第一版页面效果如下：

这个页面，只能说符合SEO要求，但是不够漂亮，于是我要求 O3 再美化一下，我要求只给 CSS 代码。

拿到 CSS 代码放进去之后，第二版页面如下，还是丑，这说明 O3 审美不行，又或者是我的提示词不够明确，大家可以在评论区分享下经验。

那怎么办呢？

还是请 Claude 来帮忙吧，我把第一版完整 HTML 代码发给了 Claude ，要求美化，并且说明，可以用 Shadcn UI 。

最后得到的页面如下，不得不说，Claude 的审美就是更好。

不知道大家是否能够感受出来，但是 Claude 写的第三版，的确就比 O3 写的前两版更好看，更舒服。

看来在审美上面，O3 还需要再努力一下。

当然，也不是说 Claude 做的第三版就是最好的，永远没有最好的，只有更好的。大家可以用哥飞今天介绍的这个方法去试试，以后上线一个网页，真的就是只需要发出命令，然后等待AI完成就好了。