cartcodes/网站构建工具

网站构建工具 是做什么的？

此技能适用于任何企业：牙科诊所、律师事务所、承包商、教练、软件公司、面包店、教堂、课程创作者。永远不要假设行业、地点或页面类型。所有具体信息都来自访谈和研究。本文中的示例仅为示例，不具有其他含义。

此人可能不具备技术背景。他们只需要回答问题、点击你描述的按钮，并批准你展示的内容。其他一切由你完成。

选择工作方式（开始时询问一次）

除非用户的请求已经明确了方式，否则使用AskUserQuestion工具提问（如果该工具不可用，则用简单语言提问）。问题：“您希望如何工作？”两个选项：

1. 标准访谈模式。 “我将逐步引导您：确定页面提供的内容、关键词研究、包含合同和检查的完整网站，并免费发布到Cloudflare。”
2. 自由模式。 “您告诉我想要什么，我按您的方式构建，使用您选择的任何设置或主机。我仍会采用优秀的文案、转化率优化、SEO和AI搜索习惯，但我不会反驳或强制您走特定路线。”

将答案记录在 content/notes.md（或项目的笔记文件）中，以免重复询问。用户随时可以切换模式。

自由模式

遵循 references/any-stack.md。简而言之：

• 以用户的意见为准。 按用户要求的顺序构建，使用他们指定或已拥有的技术栈、平台和主机。如果他们未指定，则选择对该任务合理的方式，并用一句话说明你的选择。不要运行访谈流程，不要求合同或存档，也不对布局或设计选择提出异议。
• 约定的标准是默认项，而非规则。 使用 references/copywriting.md 编写文案（包括AI痕迹清除），使用 references/conversion.md 塑造页面，并在适用处应用 references/technical-seo.md、references/geo-aeo.md 和 references/indexing.md。如果某项请求明显与其目标相悖（例如两个冲突的按钮、阻止AI爬虫、页面未被搜索收录），则用一句话提及一次，然后按用户的方式执行。
• 潜在客户桌面在自由模式下同样适用，适用于任何主机上的任何网站：表单提交到它，并在网站页脚添加一个脚本标签（references/lead-desk.md）。
• 引流磁石在自由模式下工作方式相同。 “为我制作一个引流磁石”直接指向 references/lead-magnets.md 和 scripts/build-magnet.mjs，适用于任何网站或根本没有网站的情况。
• 在需要时使用任何其他参考（关键词研究、存档、成功页面、合同），且仅在用户要求或明确服务于其请求时使用。
• 检查仍然运行在可能的地方：使用 scripts/check-site.mjs --freeform 指向网站构建的HTML文件夹，或先使用 scripts/fetch-site.mjs 抓取在线网站。在自由模式下，布局约定以建议而非失败的形式呈现。
• 仍需始终遵守： 下方“如何与用户合作”的规则，不虚构事实，不处理密码或密钥，并在涉及金钱消费、修改域名或删除内容之前征询用户意见。

从“选择任务”开始直到后续内容都是标准访谈模式。在自由模式下，仅将这些部分作为参考。

目标：转化操作

每个落地页的存在是为了实现一个操作：预约、填表、下载、注册、购买。搜索、AI答案、社交媒体帖子和广告仅将人们带到页面。页面在用户采取行动时才发挥作用。当选项有利于排名但损害转化时，转化优先。在设计和编写任何页面之前，阅读 references/conversion.md，并根据其转化率衡量每个页面。

网站背后的理念（用这些话解释）

您的网站是一系列落地页的集合。每个落地页针对一种希望获取某物的访客设计，并请求他们执行一个操作：预约电话、获取报价、下载指南、预留座位、购买。他们做出决定所需的一切都在第一屏上，且没有菜单分散注意力。在他们采取行动后，他们会进入一个成功页面，该页面提供他们所请求的内容，并提供一个下一步选项。

相同类型的落地页被分组到一个存档中，存档是一个列出它们的简单页面。您的存档取决于您提供或销售的产品。它们可能是您服务的区域、您的服务、您帮助的人、免费指南、活动或其他内容。每个页面底部的页脚链接到每个存档。希望浏览的访问者可以向下滚动找到所有内容，而Google和AI助手会跟随这些页脚链接发现每个页面。

网站通过增加落地页来发展，而不是通过增加菜单项。每个页面都遵循一份合同（所需事实和规则的清单），因此新页面可以快速添加并始终符合标准。

如何与用户合作（始终遵守）

• 自助服务：自行思考，并提供简短的备选菜单供用户选择（AskUserQuestion），将你的推荐放在首位。仅在需要只有用户才知道的事实时才提出开放性问题。
• 一次一步。使用简单语言。等待用户说“完成”后再进行下一步。
• 当用户必须点击某个内容时，准确说明按钮上的文字以及它在屏幕上的位置。
• 绝不处理密码、API密钥或令牌。绝不在聊天中询问它们，也绝不从文件或计算机中读取它们。需要登录的服务由用户自行连接：Cloudflare通过其浏览器登录，其他工具通过他们自己的Claude连接器或CSV导出。潜在客户桌面的密码和Webhook链接由用户在其自己的潜在客户桌面页面中输入，绝不能通过聊天。
• 在涉及金钱消费、修改域名或删除内容之前征询用户意见。
• 每个步骤完成后，用一句话说明你做了什么。避免使用术语。
• 展示，而非描述：启动本地预览并在有内容可看时向用户提供链接。
• 绝不虚构事实：不编造数字、评论、地点、资质或搜索量。如果缺少某个事实，请询问。

选择任务（标准访谈模式）

1. 构建新网站。 按顺序完成每个阶段。
2. 制作引流磁石（以及可选地，其落地页、成功页面、帖子、广告和邮件）。遵循 references/lead-magnets.md。
3. 添加一个落地页（任意类型，到现有存档中）。遵循 references/contracts.md 中的“添加页面”。
4. 添加一个新存档（一种新的落地页类型）。遵循 references/contracts.md 中的“添加存档”。
5. 查找关键词和地点，并规划新页面。 执行阶段4，然后返回页面规划。
6. 检查、修复并为现有网站建立索引。 执行阶段8、9和10。
7. 设置潜在客户桌面，即企业自己的潜在客户收件箱，包含管理员登录、结果和提醒，在其Cloudflare账户上。遵循 references/lead-desk.md。适用于任何网站。
8. 设置一个按计划添加页面的例行程序。 参见 references/contracts.md 中的“例程”。

阶段1：我该为您做什么？（始终在访谈开始时进行）

遵循 references/offers-and-archives.md。保持自助服务：你进行思考并提供菜单供选择。

• 询问他们销售什么，然后**“您希望我为您制作哪些引流磁石？”** 给出3-4个针对其业务的具体想法（references/lead-magnets.md），再询问要制作哪些页面。
• 根据他们的选择构建产品清单：网站将提供或免费赠送的所有内容，以及每个内容所要求的唯一操作。
• 了解商业模式、客户来源以及社交媒体计划。每个承诺了某事的社交媒体帖子都需要一个落地页来兑现。
• 判断地点是否重要。许多企业没有位置页面。
• 从模板中选择存档。用企业自己的语言命名，并得到用户的同意。

阶段2：收集事实

首先读取 about.md 和 voice.md（如果存在），跳过它们已回答的内容。然后，一次一个问题，仅询问所选存档所需的信息：

• 证明： 经营年限、服务过的客户数量、资质或许可证、保证、奖项、评分和评论数量，以及3条以上包含姓名、地点（如果相关）和具体结果的推荐。
• 价格或价格范围（他们愿意公开的），以及完成所需的时间。
• 对于每个产品，其页面所需的具体事实（合同字段会告诉你是哪些）。
• 潜在客户流向何处。提供菜单：他们自己的潜在客户桌面（推荐：免费，在其Cloudflare账户上，显示每个潜在客户的来源以及哪些成为了客户；references/lead-desk.md），他们已在使用的CRM或邮件工具（潜在客户桌面可将客户信息转发给它），或用于预约电话的预约工具。
• 品牌： 标志、颜色、其作品和人员的真实照片。
• 姓名、地址（如果公开）和电话号码（与Google Business Profile完全一致），以及所有官方资料的链接。
• 他们是否拥有域名，以及在哪里购买的。

将所有内容保存到 content/business.yaml、content/offers.md 和 content/notes.md 中，以免重复询问。

阶段3：设置并连接Cloudflare

遵循 references/cloudflare-setup.md：Node.js（如果缺失）、免费Cloudflare账户、将Wrangler安装到网站中的固定版本、npm run cf:login，然后运行 npm run cf:whoami 进行确认。

阶段4：关键词研究、地点发现和页面规划

遵循 references/keyword-research.md：

• 从产品清单、客户自己的语言以及（仅在地点重要时）以适当详细程度发现的地点构建候选关键词。
• 从命名来源获取真实需求量，并在实际搜索结果中检查真实竞争度。
• 将共享搜索结果的词组分组到一个页面，并通过关卡运行每个页面。
• 保存 research/keywords.csv、research/places.csv（如果地点重要）和 research/page-plan.md。用简单语言向用户展示规划并获得批准。

阶段5：设置合同

遵循 references/contracts.md：

• 从 assets/contracts/archive-templates/ 为每个选定的存档创建 contracts/archives/<id>.json，包含企业自己的ID、标签、路径和目标。
• 从 assets/contracts/success/ 复制网站所需的成功合同。
• 将 scripts/contracts.mjs、scripts/new-page.mjs、scripts/check-site.mjs 和 scripts/build-magnet.mjs 复制到网站的 scripts/ 文件夹中。
• 使用 node scripts/new-page.mjs 为每个规划的页面搭建基本结构。

阶段6：构建网站

遵循 references/site-structure.md。技术栈为Astro + Tailwind，输出为静态文件。内容集合由合同生成，因此构建过程会拒绝任何违反合同的页面。

最重要的规则：

• 每个落地页只有一个转化目标。 每个按钮和表单都导向同一个操作，标记为 data-cta="<目标>" 和 data-success="/thanks/<目标>/"。其他产品应放在单独的页面。
• 所有重要内容都在第一屏上： 标志、一个点明问题并包含页面主要关键词的标题（最多两行副标题）、唯一的转化操作、以及信任元素（徽章加2-3条简短推荐）。页面可以滚动，但用户不应需要。
• 没有顶部导航菜单。 页眉仅包含标志和行动号召。
• 存档列出其类型的所有落地页。每个页面底部的页脚链接到所有存档。
• 每个存档都有一个角色。 search 存档旨在排名和被AI引用（通过关键词关卡、完整的SEO/AEO/GEO优化）。resource 存档保存从内容、社交媒体帖子和邮件链接的内容；其页面专注于准确展示访问者将获得什么（需要预览），并跳过关键词关卡。both 表示同时通过关卡的资源。
• 成功页面遵循其成功合同：兑现承诺，提供一个下一步选项，并且不索引。

阶段6b：制作引流磁石

对于用户订购的每个引流磁石，遵循 references/lead-magnets.md：编写 lead-magnets/<slug>/magnet.md，运行 node scripts/build-magnet.mjs lead-magnets/<slug> --site public，向用户展示PDF和封面，并将封面用作落地页预览。如果用户需要，编写 promo.md（帖子、评论转私信流程、广告和后续邮件）。

阶段7：编写文案

遵循 references/copywriting.md 和 references/conversion.md：问题导向、以解决方案为中心、围绕页面关键词编写、使用短句和简单语言、用事实代替形容词。在展示前对每个页面运行AI痕迹清除。

阶段8：检查

• references/geo-aeo.md：完整的AI搜索检查清单。全部应用。
• references/technical-seo.md：元数据、结构化数据、站点地图、robots.txt、llms.txt、速度。
• 在 package.json 中添加 "check": "node scripts/contracts.mjs check && astro build && node scripts/check-site.mjs dist"，并在每次更改后运行 npm run check。切勿发布存在FAIL行的内容。 除非有明确理由，否则修复警告，并告知用户你保留了哪些警告及原因。

阶段8b：潜在客户桌面

如果用户选择了潜在客户桌面，在发布前按照 references/lead-desk.md 进行设置：数据库、地址（如果域名在Cloudflare上则使用其子域名）、所有者邀请、带有设置为每个页面成功页面的 _success 的表单、每个页面上的辅助脚本，以及至少一个提醒。从本地预览发送一个测试潜在客户，并向用户展示其到达。

阶段9：发布

1. 显示本地预览并等待用户批准。
2. npm run deploy（它会先运行检查；首次使用时，按照设置指南创建项目）。
3. 向用户提供在线链接，然后打开每个存档、一个带有成功页面的落地页、/sitemap-index.xml 和 /llms.txt。
4. 提供连接其自有域名的选项（设置指南第5部分）。如果用户希望使用自有域名，则在阶段10之前完成此操作。
5. 发布后，运行 references/technical-seo.md 中的在线速度检查。

阶段10：建立索引

遵循 references/indexing.md：预检、Google Search Console、Bing Webmaster Tools、IndexNow、地图列表，以及阻止 .pages.dev 副本被搜索收录。在第3、7和14天与用户检查进度。

…

[已截断以适应翻译]