Press "Enter" to skip to content

用AI制作一个静态单页面落地页Landing Page并在Cloudflare Page部署

巴士哥不懂编程,对html代码仅有粗浅的了解,能做简单的编辑修改。之前有过念头做一个静态单页面网页作为落地页Landing Page主攻Google SEO用于Affiliate Program联盟营销,各种折腾下来最终还是选择了无需代码的WordPress。还好现在有了AI人工智能来帮忙,对于不懂代码编程的人来说也能搞一些简单的技术活了。

最近用AI做了两个静态单页面网页,部署到Cloudflare免费的Page服务并绑了域名,看看效果,若有成效,则可批量操作了,毕竟成本极低,仅需支付10美元/年的域名钱就行了。

现在的大语言模型真的是太智能了,把需要推广的产品直接告诉它,就能生成一个像模像样的营销页面。不过巴士哥的思路首先还是人工撰写一篇高质量营销文案做打底,然后让AI在形式上自由发挥,也不能完全依赖机器。

例如巴士哥要推广某金融科技项目,关于该项目的简介、优势特点、注册开户流程、使用体验、注意事项等维度内容进行深入挖掘,汇总包括自己及网友们对该项目的测评讨论。至于SEO,巴士哥认为把基础层面做好就行,然后以一个“作家”的水准来撰写文章,没必要在技术层面过于死磕,以人为本胜于以机器为本。文章写在Word文档里即可。

选择哪个AI用于编写代码好呢?巴士哥最常用的是Grok,主要原因就是马老板有钱,不差算力,Grok响应非常快,最近又订阅了ChatGPT Plus会员,肤浅的感觉也就那样吧。国货之光DeepSeek也不错,就是处理速度太慢,最后用了Qwen千问来完成项目。

Qwen Chat(通义千问海外版)目前最新的是Qwen3版本大模型,把写好的Word文档上传到聊天框,下达指令“根据文档中的内容,生成一个单页面网页用于营销,设计风格偏商务一些,精致简约”。Qwen Chat在写代码输出速度方面比DeepSeek快一些,但不能同步处理图片,即便Word文档中有图片URL链接,也没能适当的插入到页面中,只得后续再单独下达指令“在某处插入图片,图片URL地址……”。

使用千问Qwen3大模型制作网页Landing Page

主体页面html代码生成后还需进行多次修改,例如下达这些指令:

  • “在某处创建一个按钮,按钮文字内容是***,按钮链接是***”
  • “在head部分创建网站描述、关键词标签,内容为***”
  • “把所有链接加上nofollow标签,在新窗口打开”
  • “添加结构化数据,让Google更容易理解网页内容”
  • “为图片添加alt属性”
  • “添加网站图标代码”
  • “添加Google Analytics代码”
  • ……

别看都是一些小任务,全部处理好还是需要些时间的,一个单页面巴士哥搞了好几个小时,把活儿做细致一些没错。

由于要部署到免费的Cloudflare Page,页面中的图片、图标这些文件要和AI生成的html文件放在同一文件夹中。

在CloudFlare Page中部署单页面落地页

最后就是在Cloudflare中部署了,这个操作就简单了,创建一个Page项目,上传这些文件,再绑定一个域名搞定。网页内容后期如有需要修改的,再找AI或用记事本打开html文件手工修改代码,然后进行重新部署,用新文件覆盖旧文件更新网页。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注