landing-page-generator

落地页生成器

运用经验证的文案框架、版块模式和转化优化技术，设计并构建高转化率的落地页。

---

目录

• 关键词
• 快速开始
• 核心工作流
• 页面版块库
• 文案框架应用
• 转化优化清单
• 设计风格参考
• CTA 策略
• SEO 和性能
• A/B 测试框架
• 最佳实践
• 集成点

---

关键词

落地页、落地页设计、转化优化、潜在客户获取页面、营销活动页面、营销页面、主视觉版块、CTA 策略、落地页文案、落地页生成器、促销页面、转化页面、潜在客户开发页面、单页网站、落地页模板、A/B 测试、页面布局、首屏内容、社会认同、定价表、常见问题版块、客户评价版块

---

首先明确需求

生成页面前，请确认以下信息。若有任何信息未知或模糊，请询问，不要自行假设：

• 转化目标和优惠内容 — 唯一的行动，以及访客会得到什么（每个页面只有一个目标和一个 CTA）
• 目标受众和认知阶段 — 他们是谁、了解什么（据此选择 PAS/AIDA/BAB 文案框架）
• 关键痛点和核心收益 — 问题和主要成果（决定主视觉标题及问题/解决方案版块的内容）
• 流量来源 — 广告、邮件或自然流量（决定信息匹配方式和页面调整）

停止规则：只询问对输出影响最大的 2-3 项。如果用户说“直接起草”，就继续，并在文档开头列出你的假设。

快速开始

生成落地页

1. 收集信息：产品、受众、痛点、核心收益、优惠内容
2. 选择设计风格（dark-saas、clean-minimal、bold-startup、enterprise）
3. 根据受众认知阶段选择文案框架（PAS、AIDA、BAB）
4. 按顺序构建版块：主视觉 > 问题 > 解决方案 > 社会认同 > 工作原理 > CTA
5. 发布前运行转化优化清单
6. 为标题和 CTA 变体设置 A/B 测试

落地页需求模板

## Landing Page Brief
- Product/Service: [Name]
- Value proposition: [One sentence]
- Target audience: [Who and what they need]
- Key pain point: [Primary problem you solve]
- Key benefit: [Primary outcome they get]
- Offer: [What you are offering — trial, demo, download, purchase]
- Traffic source: [Where visitors come from — ads, email, organic]
- Design style: [dark-saas / clean-minimal / bold-startup / enterprise]
- Copy framework: [PAS / AIDA / BAB]

---

核心工作流

工作流 1：构建完整落地页

步骤 1：明确唯一目标

每个落地页只有一个目的和一个 CTA。请先明确目标，再进行其他工作：

• 希望访客采取什么行动？
• 访客会得到什么回报？
• 流量来源是什么（这决定标题匹配方式）？

步骤 2：选择文案框架

框架	适用场景	受众认知阶段
PAS（问题 > 激化 > 解决）	受众了解这个问题	问题认知阶段
AIDA（注意 > 兴趣 > 欲望 > 行动）	受众需要了解相关信息	未认知到问题认知阶段
BAB（之前 > 之后 > 桥接）	受众希望实现转变	解决方案认知阶段

步骤 3：按顺序构建版块

顺序	版块	目的
1	主视觉	在 5 秒内传达价值
2	社会认同栏	即刻建立可信度
3	问题陈述	表明你理解他们的痛点
4	解决方案 / 收益	展示你的解决方案
5	工作原理	降低感知到的复杂度
6	功能及其收益	详细说明他们能获得什么
7	客户评价	来自真实客户的证明
8	定价（如适用）	帮助他们做出决定
9	常见问题	处理异议
10	最终 CTA	再次提出行动请求，并降低风险

步骤 4：撰写各版块文案

使用下方“页面版块库”中的版块专属指南。

步骤 5：优化转化率

发布前运行转化优化清单。

工作流 2：营销活动落地页

适用于广告活动、邮件活动或发布活动：

步骤 1：信息匹配

落地页标题必须与引流广告或邮件中的文案一致：

• 如果广告写着“将客户流失率降低 30%”，落地页标题就必须写“将客户流失率降低 30%”
• 预期不符会导致访客立即跳出

步骤 2：聚焦单一信息

移除所有导航、侧边栏链接和次要 CTA：

• 不要设置页眉导航（减少离开页面的路径）
• 除法律要求外，不要设置页脚链接
• 页面上重复展示同一个 CTA 2-3 次
• 每个版块都应服务于单一转化目标

步骤 3：适配流量来源

流量来源	页面适配方式
付费搜索（Google）	在 H1 中突出用户搜索的关键词
付费社交媒体（Meta、LinkedIn）	以广告中的吸引点或优势开篇
邮件活动	以邮件承诺的内容开篇
自然搜索	以全面的解答开篇
推荐／合作伙伴	以推荐方的背景开篇

---

页面版块库

首屏版块

最重要的版块。必须在 5 秒内传达价值。

组成部分：

• 标题（核心价值主张）
• 副标题（展开说明标题，并增加具体信息）
• 主 CTA 按钮
• 次要 CTA（可选，承诺度较低）
• 辅助视觉素材（产品截图、插图或视频）
• 信任信号（社会认同栏、客户数量或徽章）

首屏布局变体：

变体	布局	最适合
居中	文字居中，CTA 位于下方，视觉素材再置于其下	简单的产品或服务、价值主张清晰的产品
左右分栏	文字在左，视觉素材在右（也可反过来）	视觉效果或截图表现力强的产品
视频背景	在氛围视频上叠加文字	品牌导向强的页面、品牌认知页面
极简	仅标题和 CTA，不含视觉素材	意向明确的流量、直接销售的产品或服务
社会认同首屏	以用户评价作为标题	适合以有说服力的客户故事开篇

首屏文案指南：

• 标题：6-12 个词，包含核心优势
• 副标题：1-2 句话，增加具体信息或回答“如何实现”
• CTA：行动动词 + 用户可获得的内容（“开始我的免费试用”）
• CTA 下方的辅助文字：降低行动阻力（“无需信用卡”）

问题版块

在推介任何产品或服务之前，先让读者感到自己被理解。

结构：

• 使用读者自己的表达方式描述 2-3 个痛点
• 每个痛点都应具体且容易引起共鸣
• 可选：量化问题带来的成本（“这会让团队平均每月损失 $X”）

解决方案／优势版块

将产品与用户期望的成果联系起来。

结构：

• 3-5 个核心优势（而非功能）
• 每项优势遵循以下模式：[功能] > [其重要性] > [具体成果]
• 为每项优势配上视觉素材（图标、截图或插图）

工作原理版块

将感知到的复杂流程简化为 3-4 个简单步骤。

结构：

• 步骤 1：[操作]（附简短说明）
• 步骤 2：[操作]（附简短说明）
• 步骤 3：[操作]（附简短说明）
• 可选步骤 4：[成果]（“在 [时间范围] 内看到成效”）

规则：

• 最多 4 个步骤（复杂流程会降低转化率）
• 每个步骤都以行动动词开头
• 每个步骤都应能够独立理解

社会认同版块

按转化效果排序的类型：

类型	效果	示例
带姓名和数据的用户评价	最高	“90 天内将客户流失率降低了 23%” — Sarah Chen，市场营销副总裁
客户 Logo	高	一排知名品牌 Logo
汇总数据	高	“2,847 支团队、40 多个国家／地区、4.8/5 评分”
星级评分／评论分数	中	“G2 上 4.8/5 分（500 多条评论）”
案例研究链接	中	“了解 [Company] 如何取得 [result]”
泛泛的用户评价	低	“产品很棒！” — John D.

定价部分

指南：

• 最多设置 2-4 个档位（3 个最理想）
• 通过视觉设计突出推荐档位
• 使用功能对比表展示各档位包含的内容
• 企业档位提供“联系我们”，满足定制需求
• 如果同时提供年付和月付，添加切换选项
• 在定价附近展示信任标识（保证、随时取消）

常见问题部分

指南：

• 最多设置 5-8 个问题
• 问题应回应真实的购买顾虑
• 答案应直接明了（1-3 句话）
• 添加 FAQPage 架构标记，以利于 SEO

建议涵盖的常见问题：

• 定价如何计算？
• 可以随时取消吗？
• 设置需要多长时间？
• 提供免费试用吗？
• 我的数据安全吗？
• 支持哪些集成？
• 与 [competitor] 相比有什么不同？

最终行动号召部分

结构：

• 重申核心价值的标题
• 1 句辅助文案
• 主要行动号召按钮（与首屏相同）
• 消除顾虑的说明（保证、无需信用卡、随时取消）
• 可选：客户数量或简短的客户评价

---

文案框架应用

将 PAS 应用于落地页

部分	PAS 要素	文案方法
首屏标题	问题	直接点明痛点
问题部分	激化	展示不采取行动的后果
解决方案部分	解决	介绍产品如何解决问题
行动号召	解决	明确说明如何获取解决方案

示例：

• 首屏：“你的团队每周浪费 4 小时手动制作报告”
• 问题：“这相当于每年浪费 200 小时——相当于一名全职员工的时间都耗在电子表格上。与此同时，竞争对手正在推出新功能。”
• 解决方案：“[Product] 可自动生成报告。设置一次，每周一早上即可收到报告。”
• 行动号召：“自动生成我的报告——开始免费试用”

将 AIDA 应用于落地页

部分	AIDA 要素	文案方法
首屏标题	注意	用大胆醒目的陈述吸引注意力
优势部分	兴趣	补充相关细节和优势
社会认同	渴望	展示证据，描绘转变后的样貌
行动号召	行动	提出明确、有吸引力的行动号召

将 BAB 应用于落地页

部分	BAB 要素	文案方法
首屏 + 问题	之前	当前令人困扰的状态
解决方案 + 优势	之后	理想的未来状态
工作原理	桥梁	产品如何帮助用户实现目标

---

转化优化清单

首屏区域

• 标题能在 6 秒内传达价值
• 在手机上无需滚动即可看到行动号召（375px 视口）
• 导航选项不超过一个（也可完全不设导航）
• 副标题为标题补充具体信息
• 视觉内容能强化信息（而非仅作装饰）

整个页面

• 整个页面始终围绕单一转化目标
• 行动号召出现 2-3 次（首屏、页面中部、页脚）
• 在前两屏滚动范围内展示社会认同
• 每项功能都对应一项优势
• 在最终行动号召之前回应用户顾虑
• 在每个行动号召附近说明如何消除风险
• 不添加会分散用户对行动号召注意力的外部链接
• 表单只询问必需的最少信息

信任与可信度

• 客户评价注明客户姓名并提供具体内容
• 获得许可后再使用公司徽标
• 如适用，展示安全徽章和认证
• 在任何数据收集表单中添加隐私政策链接
• 提供实体地址或公司信息

移动端

• 页面在移动端的加载时间低于 3 秒
• 行动号召按钮便于拇指点击（高度至少为 48px）
• 无需缩放即可阅读文字（至少 16px）
• 无需水平滚动
• 表单可通过移动设备键盘正常填写

---

设计风格参考

样式选项

样式	视觉基调	最适合
深色 SaaS	深色背景、鲜明的点缀色、渐变效果	开发者工具、技术产品、现代 SaaS
简洁极简	白色背景、细腻的边框、简洁的排版	专业服务、医疗保健、教育
大胆创业	大号排版、明亮色彩、动态布局	消费类产品、初创公司、创意工具
企业风格	柔和色调、结构化布局、保守设计	B2B 企业、金融、政府

视觉层级规则

1. 标题是页面上字号最大的文本元素
2. CTA 按钮是视觉上最突出的元素
3. 辅助文本明显小于标题
4. 使用留白分隔各个版块，营造呼吸感
5. 色彩对比度符合 WCAG AA 标准（文本最低为 4.5:1）
6. 定价页面上的推荐方案在视觉上应有明显区分

---

CTA 策略

CTA 的放置位置

位置	目的	文案方式
主视觉区	主要转化点	行动 + 优势：“开始我的免费试用”
优势介绍之后	抓住兴趣高涨的时机	强化：“看看实际效果”
社会认同之后	利用信任	社交：“加入 2,847 个团队”
页面页脚	最后促成转化	紧迫感：“今天就开始——免费使用 14 天”

CTA 文案公式

[Action Verb] + [What They Get]

• “开始我的免费试用”
• “获取完整指南”
• “查看适合我团队的定价”
• “创建我的第一个仪表板”

CTA 辅助文本

在按钮下方添加文字，降低用户顾虑：

• “无需信用卡”
• “2 分钟即可完成设置”
• “随时取消”
• “免费使用 14 天”
• “加入 2,847 个团队”

---

SEO 与性能

SEO 检查清单

• 标题标签：主要关键词 + 品牌，50-60 个字符
• 元描述：优势 + CTA，150-160 个字符
• H1：每页一个，包含主要关键词
• OG 图片：1200x630px，包含产品名称和价值主张
• 已设置规范 URL
• 为所有图片添加替代文本
• 结构化数据：如果存在 FAQ 版块，则使用 FAQPage schema
• 已添加移动视口 meta 标签

性能目标

指标	目标	实现方法
最大内容绘制（LCP）	低于 2.5 秒	优化主视觉图片，使用现代格式（WebP/AVIF）
累积布局偏移（CLS）	低于 0.1	为所有图片和嵌入内容设置明确尺寸
交互到下一次绘制（INP）	不超过 200ms	延迟加载非关键 JavaScript，将长任务拆分（INP 于 2024 年 3 月取代 FID）
首字节时间（TTFB）	低于 600ms	使用 CDN、服务端渲染或静态生成
页面总大小	低于 1MB	压缩图片，精简 JavaScript 包

---

A/B 测试框架

测试内容（按影响从高到低）

1. 标题 — 影响最大的单一元素。测试 2-3 个版本。
2. CTA 文案和颜色 — 测试行动文案和视觉突出程度。
3. 主视觉图片/视觉素材 — 对比产品截图、插图和视频。
4. 社会认同的放置位置 — 对比首屏上方和优势介绍之后。
5. 表单长度 — 对比更少字段和更多合格潜在客户。
6. 价格展示方式 — 对比默认显示年付还是月付，以及定价锚点。

测试规则

• 一次只测试一个变量
• 测试至少运行 14 天，或每个版本达到 1,000 名访客
• 在宣布获胜版本前计算统计显著性（95% 置信度）
• 记录每项测试的假设、版本和结果
• 绝不要根据早期结果提前结束测试

测试文档

## A/B Test: [Name]
- Page: [URL]
- Hypothesis: [If we change X, then Y improves because Z]
- Control: [Current version]
- Variant: [Changed version]
- Primary metric: [Conversion rate / Click rate / Signup rate]
- Duration: [Start - End]
- Traffic per variant: [Number]
- Result: [Winner + lift + confidence]
- Learning: [What we apply going forward]

---

最佳实践

1. 一个页面，一个目标 — 页面上的每个元素都必须服务于唯一的转化目标。如果不能帮助转化，就将其移除。

2. 信息一致 — 落地页标题必须与引导访客到达页面的广告、邮件或链接内容一致。预期不符是导致访客跳出的首要原因。

3. 移除导航 — 落地页不应有页眉导航、侧边栏，也不应有页脚链接（法律要求除外）。每条离开页面的路径都会造成转化流失。

4. 优先考虑移动端 — 首先针对 375px 视口进行设计。大多数广告流量来自移动设备。

5. 首屏展示 CTA — 无论在桌面端还是移动端，主要 CTA 都必须在无需滚动的情况下可见。

6. 尽早展示社会认同 — 在前两次滚动范围内展示可信度信号。信任是转化的前提。

7. 尽量减少表单字段 — 每增加一个字段，转化率都会下降。只询问筛选潜在客户所需的最少信息。

8. 速度就是转化 — 加载时间每增加一秒，转化率约降低 7%。务必积极优化。

9. 持续测试 — 仅标题一项就可能导致 20-50% 的转化率差异。对每个影响重大的元素进行 A/B 测试。

10. 在每个 CTA 附近消除风险顾虑 — “无需信用卡”“退款保证”“随时取消”。在访客做决定的那一刻，消除最后的顾虑。

---

集成点

• 文案撰写 — 用于文案层。Landing Page Generator 负责结构和优化，文案撰写负责文字内容。
• 广告创意 — 用于为落地页引流的广告。确保广告与页面的信息一致。
• 营销心理学 — 运用心理学原理（锚定效应、社会认同、损失厌恶）强化页面元素。
• 营销活动分析 — 用于衡量落地页表现，并将洞察用于优化。
• 品牌指南 — 参考品牌视觉和语调标准，确保一致性。
• 内容人性化处理 — 如果初稿中的页面文案听起来生硬或泛泛而谈，可使用此工具。

---

故障排查

症状	可能原因	解决方法
付费流量的跳出率较高	标题与广告不一致	确保广告文案与落地页 H1 的信息完全一致。
移动端首屏下方才显示 CTA	Hero 区块过高，或 CTA 未被优先展示	在 375px 视口下测试。CTA 必须无需滚动即可看到。
流量不错，但没有转化	转化跟踪失效	确认像素能在感谢页面上触发。使用真实转化进行测试。
页面加载缓慢（移动端 >3s）	图片未优化、JS 负载过重	运行 page_speed_estimator.py。将图片转换为 WebP，并延迟加载非关键 JS。
表单已提交，但 CRM 中没有潜在客户	表单与 CRM 的集成失效	端到端测试表单提交。检查 webhook/API 连接。
多个 CTA 让访客感到困惑	转化路径过多	每个落地页只设一个目标。所有 CTA 都应引导至同一操作。
文案不错，但转化率仍然很低	缺少社会认同或风险消除信息	运行 conversion_checklist.py。添加客户评价，并在 CTA 附近标注“无需信用卡”。

---

成功标准

• 主要 CTA 的转化率高于 6.6%（2025 年各行业中位数）
• 移动端页面加载时间低于 3 秒（LCP 低于 2.5s，CLS 低于 0.1）
• 桌面端（1440px）和移动端（375px）的首屏均可见 CTA
• 只有一个转化目标，且没有与之竞争的导航或离开路径
• 信息一致：落地页标题与流量来源（广告、邮件、链接）一致
• 前两次滚动范围内可见社会认同信息
• 高流量页面始终对标题或 CTA 进行 A/B 测试

---

范围与限制

范围内： 落地页结构、版块模式、文案框架应用、转化优化、CTA 策略、SEO 元标签、A/B 测试框架、设计风格指南。

范围外： 页面文案撰写（使用 copywriting）、用于引流的付费广告活动（使用 paid-ads）、CMS/网站构建器管理、分析平台配置。

限制： 转化基准因行业、流量来源和优惠类型而有很大差异。6.6% 的中位数涵盖所有行业；SaaS 试用的转化率可能达到 10-25%，而电子商务可能为 2-3%。

---

Python 自动化工具

1. 页面速度估算器（scripts/page_speed_estimator.py）

根据 HTML 源码估算 Core Web Vitals：LCP、CLS 风险、脚本/图像分析和转化影响。

python scripts/page_speed_estimator.py page.html
python scripts/page_speed_estimator.py page.html --json

2. CTA 分析器（scripts/cta_analyzer.py）

分析落地页中 CTA 的位置、文案力度、操作阻力和一致性。

python scripts/cta_analyzer.py page.html
python scripts/cta_analyzer.py page.html --json

3. 转化检查清单（scripts/conversion_checklist.py）

根据 2025-2026 年的最佳实践和基准，开展涵盖 20 多项的全面转化优化审查。

python scripts/conversion_checklist.py page.html
python scripts/conversion_checklist.py page.html --json