使用 AI 生成网站的一些技术经验和技巧,AI 原生 CMS

现在时代就是这样,手敲写网站,真的没有这个必要了。我们应该大胆一点,多用 AI 来做我们的站点以及任何东西,等人工智能新时代成熟了,我们不仅已经是行业内实践专家了,而且也已经少受很多没必要、没价值、没意义的苦,更是多年来享受了 AI 的便利舒服,甚至因此得利很多。

本文的完整版全文原文:https://www.ccgxk.com/codeother/617.html

下面的内容,有很多关于使用 AI 来完全直接建站的技巧和经验。

前言

咱们现在业内,管这种方案,叫 AI 原生的 CMS(内容管理系统),且 SEO 友好。

首先,我们从设计网站之初,就要充分考虑是要使用 AI 技术的,且后续的内容管理,也要考虑到。

因此,我们务必要知道我们不能再用成熟从 wordpress 那套完全不用我们操心 SEO 的软件的使用经验了。我们要在设计之初就考虑到 多语言、关键词优化、网站结构、页面结构、内容高质量填充.... 是的,我们得有手搓网站的经验最好,没有的话也得学学基本的 SEO 知识。

如果你真的小白,那你起码得花 5 个小时,阅读一下网站 SEO 的常识和注意事项,我不多说了,网上大把,推荐读哥飞写的 SEO 基础。尤其是注意事项,了解就行。除非你真的不在意 SEO 。

没错,我们不基于任何 CMS ,比如 WordPress 这类,而是从头的。原因是现有的系统,是基于人类使用的,让 AI 接管,会麻烦很多。

那么我们的技术栈是?

框架:当然是基于 AI 最擅长的,技术失误率基本最低、社区生态优秀、一次跑通率最高的 Next.js + TS 了!

其余的:chatLLM (大模型聚合)、sora webUI(这个看个人爱好,都行)......

要 SEO 友好

首先是 SEO 友好:

实际上这个概念的定义很简单,就是谷歌喜欢。最简单的判断方式是,直接搜索站名,站排在最前头,并且下面会有很多小标题(专有名词 Sitelink ),列出访问量或综合评价最好的链接,比如经典的 菜鸟教程:

img

这种就说明谷歌相当认可你的站,你的站做的 SEO 是合格的!

排在第一位且具有 Sitelink 列表们,那恭喜你,你的站,成功占取了这个谷歌品牌词(很多时候,一对一绑定)!且 SEO 做的还可以!

一句话去除 AI 味道

AI 原生的 CMS 的特点:一切都可以让 ai 生成

我们设计的 CMS 是可以辅助完成网站的分类、撰写内容、配图、封面图、标签添加、链接..... 各种。同时解决很头疼的低质量页面、浓浓 AI 味道。

各大搜索引擎,是不排斥你使用 AI 建站的,内容使用 AI 也不是不行,但是别搞成垃圾。起码你自己能看得过去。这里我不多说,大家心里有数。谷歌自己也在大量用 AI 搞东西,所以不用太避讳。

去除 AI 味道,有个秘不传人的小技巧,在【】里写你的内容,其 Claude 的提示词 prompt 是这样(这是调整了 N 遍的最佳版本,谨慎改动,其他大模型也可以)----> task: 我打算在网络上留言,主题是【xxxxxxx】,我希望你模仿初学英语的中国人的风格来写,他们通常一板一眼,没有很高的词汇量,不了解口语化的哩语和缩写。

当然,模型无需多么好,选个性价比高的就可以了,其实对于 2026 年的大模型,这些能力都是洒洒水,连 Claude 这种比较贵且很专业的也用不上。deepseek V3.2 足以。最好是 token 比较大的。更甚,其实 GPT-4o 这种小而老的便宜模型就完全足够了。

因为这些内容,完全没有难度,全是各种调 API ,因此真的不需要高智商模型。

现在有各种 Agent 工具了,直接使用 Trae 就可以了,能开 solo 模式最好。

网站结构

还记得上面的品牌词判断方法吗?就是谷歌直接搜,如果被占用了,就放弃!

我们在 AI 建站前,就要在谷歌,把我们准备注册的域名,比如 runoob.com 就搜索 runoob,看看是否被占用了,如果被占了,那..... 你只能换。千万不要犯这个低级错误!!!

这样,我们就注册好域名,开始建站了。

在动手前,一定要在纸上画出你的网站架构。

目前唯一一个硬通货结构,就是 一分四、四分八,分门、别类、罗列大法,就比如这样子:

img

把你的网站主题,切碎,一级一级做出来,一般不超过 4 级,一般 3 级就行了!最保险、最稳定、SEO 最友好,也是最笨的好办法。

另外,每个页面都得有返回上一页的链接,必须得有,这个低级错误不要犯!

数据表结构

数据表的话,我是借用一个老师喜欢的那种。

页面信息大概就这几个。

id              自增id(不对外显示,避免网页可遍历)
language        语言(里面存某内容的不同语言的版本)
base_id         基准 id
page_url        这个页面的路径(静态化页面时使用)
page_name       页面的名称(英文,最简短版本)
page_title      页面的 title 标题(为了 SEO,可适当长一些)
page_decription 页面的描述
page_intro      一句话介绍
-------
page_prompt     此页面的内容生成提示词(很重要!)
page_css        此页面的微调 CSS
reference_cont  参考资料,减少 AI 的幻觉(不公开)

其中 language 和 base_id 两个字段值得说说。baseID 默认使用英文页面作,比如产品英文页面自身的自增 id 为 101 ,其中文版本自增 id 为 102,但 101 页面的 base_id 为 0,而 102 页面的 base_id 为 101 。主要也是为了找出所有页面方便,只要查询 base_id 等于 0 ,就马上出来了!

大概就是这个思想,然后其他页面类似,以此为基础来设计。

页面结构

这个老生常谈。一个页面只能用一个 H1 。其余的重要内容如树叉一样分布开来

H1: 页面名称(数据库的 page_name)
H2: 页面标题(数据库的 page_title)和 一句话介绍,还有各种比较大的板块(Section),比如 FAQ 等等
H3: 就是各种细分了,也叫 content....

注:一个 page 包含多个 Section,一个 Section 包含多个 content

注意,每个页面的【比较大的板块】,比如 FAQ ,你也可以单独为其生成一个页面,这也是比较好的各种长尾词关键词落地页。

现在 SEO 就这样吧。

储存提示词

接下来 AI 方面了!是 page_prompt 。

这个字段是做什么呢?这个很重要!这是给 AI 用的!

因为我们的网页是主要基于 AI 生成的,那么每个大部分、小部分,其实是对应一个 prompt 的。而不是内容。

以及还有个 reference_cont 字段,用于让 AI 存放参考资料。这样 AI 在生成时,内容权威点,幻觉少。以前如果没这样要求 GPT 时,它会胡说八道.....

哈哈,也就是说,如果后续发现页面,内容有不妥,我们要做的是微调 提示词,而不是直接动内容。

另外,还有一个重要的点,数据库最好自建,因为整个过程会大量使用数据库,因此不建议用 Supabase 等在线数据库,成本太高。不想自建,也可以使用 MySQL、PostgreSQL 或 Cloudflare 的一些产品。

内容的翻译

目前,更建议,如果是 10 个语言版本,

要同一个提示词,让 AI 生成 10 次,而不是生成 1 个英文版本,然后翻译 9 次。这样效果会很不错。一分价钱一分货,也费不了多少钱。

页面的标签

页面里是有很多标签的,但是请注意,我们不要让 AI 去生成标签,而是我们自己去挖掘 搜索引擎 上已有的长尾词,比如 text to speech、speech to text、image to video 这种有搜索价值的。

我们要手动去选,去各大站点找,去搜索引擎找。这个没巧办法。

这个步骤很关键,能保证标签的搜索量。

好,技术细节就到这里了!

posted @ 2026-01-14 22:59  独元殇  阅读(0)  评论(0)    收藏  举报