使用 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 ),列出访问量或综合评价最好的链接,比如经典的 菜鸟教程:
这种就说明谷歌相当认可你的站,你的站做的 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,看看是否被占用了,如果被占了,那..... 你只能换。千万不要犯这个低级错误!!!
这样,我们就注册好域名,开始建站了。
在动手前,一定要在纸上画出你的网站架构。
目前唯一一个硬通货结构,就是 一分四、四分八,分门、别类、罗列大法,就比如这样子:
把你的网站主题,切碎,一级一级做出来,一般不超过 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 这种有搜索价值的。
我们要手动去选,去各大站点找,去搜索引擎找。这个没巧办法。
这个步骤很关键,能保证标签的搜索量。
好,技术细节就到这里了!
本文来自博客园,作者:独元殇,转载请注明原文链接:https://www.cnblogs.com/duyuanshang/p/19484528

浙公网安备 33010602011771号