landing-page-optimizer

着陆页优化器

借助 Unbounce 和 Oli Gardner 经实践验证的框架，优化着陆页以实现最高转化率——运用「一个目标、一条信息、一个行动」原则，并采用数据驱动的设计、文案和 CTA 最佳实践。

适用场景

在以下情况下使用此技能：

• 为营销活动创建新着陆页
• 优化转化效果不佳的现有着陆页
• 在上线前审核着陆页设计
• 提高潜在客户获取页面的表单转化率
• 系统地对着陆页元素进行 A/B 测试
• 依据最佳实践审核着陆页
• 撰写能带来转化的着陆页文案
• 设计能够促使用户采取行动的 CTA

此技能尤其适用于：

• 投放付费营销活动的 PPC 营销人员
• 优化转化漏斗的增长营销人员
• 构建潜在客户获取页面的需求生成团队
• 创建产品着陆页的电子商务营销人员
• 为客户构建着陆页的代理商
• 发布新产品或优惠的创始人

---

方法论基础

来源：

• Unbounce - Oli Gardner 撰写的《101 Landing Page Optimization Tips》
• Unbounce 着陆页最佳实践
• Unbounce 转化基准报告（超过 5,700 万次转化）

核心原则： 一个目标、一条信息、一个行动。着陆页上的每个元素都应服务于单一转化目标，不受任何干扰。

「着陆页优化是系统地改进各个元素以提高转化率的过程。它包括对设计、文案、表单和行动号召进行数据驱动的调整，引导更多访客采取你期望的行动。」

---

Claude 的工作与由你决定的事项

Claude 的工作	由你决定
构建制作工作流	最终创意方向
提出技术方案	设备和工具选择
创建模板和检查清单	质量标准
识别最佳实践	品牌／语气决策
生成脚本大纲	最终脚本审批

此技能的功能

调用后，我将引导你全面优化着陆页：

1. 明确转化目标 - 确定你希望用户采取的单一行动
2. 审核当前页面 - 找出转化障碍
3. 优化首屏内容 - 标题、价值主张、CTA 位置
4. 改进文案和信息传达 - 使用清晰、以利益为重点的语言
5. 为转化进行设计 - 视觉层级和引导提示
6. 优化表单 - 减少阻力，提高完成率
7. 建立信任元素 - 社会认同、可信度标识
8. 规划 A/B 测试 - 制定系统化的改进方法

---

使用方法

提供有关着陆页或营销活动的信息：

示例提示词：

• 「审核此着陆页并提出优化建议：[URL／描述]」
• 「为[营销活动／优惠]创建着陆页结构」
• 「优化我的潜在客户获取表单以提高转化率」
• 「为[产品／服务]撰写着陆页文案」
• 「帮我对着陆页 CTA 进行 A/B 测试」
• 「依据最佳实践审核此页面」

有帮助的信息：

• 优惠内容或营销活动目标
• 目标受众
• 流量来源（PPC、电子邮件、社交媒体等）
• 当前转化率（如已知）
• 现有文案／设计（截图或描述）
• 必填表单字段
• 行业／领域

---

说明

基础：一个目标、一条信息、一个行动

开始任何优化前，先明确：

问题	目的
你希望用户采取的唯一行动是什么？	明确主要转化目标
唯一的信息是什么？	核心价值主张
唯一的受众是谁？	特定访客群体

页面上的所有内容都必须服务于这一单一重点。

---

阶段 1：信息匹配

原则

访客会根据广告或邮件形成预期。你的着陆页必须立即确认他们来对了地方。

信息匹配检查清单：

元素	广告/邮件	着陆页
标题	相同或相似	符合承诺
图片	风格一致	视觉基调相同
优惠	具体承诺	完全相同的优惠
CTA	暗示的操作	实际提供的操作

常见的信息匹配失败情况

BAD: Ad says "50% off running shoes"
     → Landing page shows general shoe catalog

GOOD: Ad says "50% off running shoes"
      → Landing page shows running shoes with 50% off prominently displayed

针对多个广告： 使用动态文本替换，自动让广告文案与着陆页标题相匹配。

---

阶段 2：首屏优化

首屏必须包含的内容

1. 标题 - 清晰的价值主张
2. 副标题 - 补充说明利益或阐明内容
3. 主视觉图片/视频 - 展示产品的实际使用情况或相关视觉内容
4. 主要 CTA - 醒目且可点击的按钮
5. 信任指标 - 一项证明信息（可选，但有帮助）

首屏布局模板

┌─────────────────────────────────────────┐
│  [Logo]                    [Trust badge]│
├─────────────────────────────────────────┤
│                                         │
│  [HEADLINE - Main Value Proposition]    │
│                                         │
│  [Subheadline - Supporting benefit]     │
│                                         │
│  ┌─────────────────┐   ┌─────────────┐  │
│  │                 │   │ [Hero Image │  │
│  │   [CTA BUTTON]  │   │ or Video]   │  │
│  │                 │   │             │  │
│  └─────────────────┘   └─────────────┘  │
│                                         │
│  [Brief trust statement or social proof]│
└─────────────────────────────────────────┘

五秒测试

向某人展示你的页面 5 秒，然后将其隐藏。询问：

• 页面讲的是什么？
• 主要优惠是什么？
• 你应该做什么？

如果对方无法清楚回答，你的首屏就需要改进。

---

阶段 3：文案优化

标题公式

突出利益：

[Get/Achieve] [Desired Outcome] [Without Common Pain Point]

Example: "Get More Qualified Leads Without Cold Calling"

提出问题并加以强调：

[Tired of/Struggling with] [Pain Point]? [Solution]

Example: "Tired of Landing Pages That Don't Convert? We Can Help"

具体明确：

[Specific Number] [People/Companies] [Achieved Specific Result]

Example: "12,847 Marketers Increased Conversions by 34%"

正文文案最佳实践

要做	不要做
使用短段落（2-3 句话）	大段文字
用项目符号列出利益	冗长、密集的列表
以“你”为中心的措辞	以“我们”为中心的措辞
使用具体数字和结果	使用模糊的说法
使用动作动词	使用被动语态

Krug 法则

“把文案删掉一半，然后把剩下的一半再删掉一半。”

如果能用更少的词表达，就这么做。

---

阶段 4：CTA 优化

CTA 文案最佳实践

明确说明点击后会发生什么：

较弱的 CTA	较强的 CTA
提交	获取我的免费电子书
点击此处	开始我的免费试用
了解更多	查看定价方案
下载	下载清单
注册	创建我的账户

尽可能使用第一人称：

• “开始我的免费试用”而不是“开始你的免费试用”
• “获取我的副本”而不是“获取你的副本”

CTA 设计检查清单

• 对比鲜明的颜色 - 在页面中醒目突出
• 尺寸合适 - 易于点击或轻触
• 留白 - 按钮周围留有充足空间
• 位于首屏 - 无需滚动即可看到
• 长页面重复出现 - 每隔一屏出现一次
• 看起来可点击 - 有按钮形状、立体感和悬停状态

按钮颜色

对比度比具体颜色更重要。按钮应是页面上视觉上最突出的元素。

测试不同颜色，但优先考虑：

• 与背景形成高对比
• 与页面上的其他元素颜色不同
• 与品牌风格一致（但仍足够醒目）

---

阶段 5：表单优化

摩擦公式

字段越多 = 摩擦越大 = 转化越少

减少字段的策略

保留	问题	移除
姓名	是否需要名和姓？	称谓、后缀
电子邮箱	后续跟进所必需	备用电子邮箱
电话	你真的会打电话吗？	传真
公司	对 B2B 资格筛选至关重要	公司规模
职务	有助于用户细分	工作年限

经验法则： 每添加一个字段，都问问自己：“这些信息能否显著提升我们服务这条潜在客户线索的能力？”

多步骤表单

对于有 5 个或更多必填字段的表单，可拆分为多个步骤：

Step 1 (Easy):
- Name
- Email

Step 2 (Medium):
- Company
- Role

Step 3 (Sensitive):
- Budget
- Timeline

先从简单的问题开始，再逐步询问敏感信息。

表单设计最佳实践

• 标签要大且易读
• 采用单列布局（更便于浏览）
• 提供清晰的错误消息
• 多步骤表单显示进度指示器
• 提供内联验证
• 适配移动设备的触控区域

---

阶段 6：建立信任

需要包含的信任元素

元素	用例	位置
客户评价	B2B、服务、课程	CTA 附近或页面中部
客户徽标	B2B、企业	首屏上方或页脚
评价/评分	电商、SaaS	定价信息/CTA 附近
案例研究摘要	B2B、高客单价	辅助内容
安全徽章	电商、表单	表单/结账附近
保证	电商、课程	CTA 附近
媒体报道	品牌建设	页脚或信任栏

客户评价最佳实践

较弱的客户评价：

“很棒的产品！”——J.S.

有力的客户评价：

“第一个月，我们的转化率提升了 47%。两周内，投资回报就抵得上全年订阅费用。”——Jane Smith，Acme Corp 营销总监 [附照片]

请包含：

• 全名和职位
• 公司名称
• 具体成果
• 照片（视频效果更好）

应避免的信任杀手

• 普通图库照片（尤其是握手照片）
• 虚假紧迫感（库存无限却声称“仅剩 3 件！”）
• 无法核实的说法
• 咄咄逼人的弹窗
• 拼写和语法错误
• 失效的链接或图片

---

阶段 7：视觉层次与设计

视觉引导

使用以下方式将视线引向 CTA：

• 箭头——明确的指向标记
• 视线——让照片中的人物看向 CTA
• 线条和形状——引导视线指向行动区域
• 色彩对比——让 CTA 更醒目
• 留白——凸显重要元素

设计原则

原则	应用
F 型阅读模式	沿页面顶部和左侧放置关键信息
图片的 Z 型阅读模式	视线沿对角线移动
对比	让重要元素更醒目
邻近性	将相关元素分组
对齐	建立视觉秩序
重复	在整个页面中保持样式一致

移动端优化

83% 的落地页访问来自移动设备。

移动端检查清单：

• 单列布局
• 按钮尺寸大且易于点击（至少 44px）
• 无需缩放即可阅读文字
• 加载速度快（<3 秒）
• 简化导航
• 点击即可拨打的电话号码

---

阶段 8：A/B 测试

测试优先级（按影响从高到低）

1. 优惠内容——你在销售什么
2. 标题——主要价值主张
3. CTA——文案和设计
4. 主视觉图片——视觉影响
5. 表单长度——字段数量
6. 社会认同——类型和位置
7. 页面长度——短版与长版

测试最佳实践

• 一次只测试一个变量
• 等待结果达到统计显著性
• 记录每项测试及其结果
• 测试前先提出假设
• 根据胜出方案指导后续测试

测试内容

元素	可尝试的变化
标题	强调收益还是问题，短版还是长版
CTA 文案	动作词，第一人称还是第二人称
CTA 颜色	高对比度选项
表单	字段、步骤、布局
图片	产品图、人物、插画
社会认同	客户评价、徽标、评论
页面长度	短版还是长版

---

示例

示例 1：SaaS 免费试用落地页

**背景：**项目管理软件提供 14 天免费试用

当前问题：

• 标题谈论功能，而非成果
• CTA 写着“提交”
• 表单有 8 个字段，且电话号码为必填项
• 首屏没有社会认同

优化后的结构：

ABOVE THE FOLD
━━━━━━━━━━━━━━━
Headline: "Finish Projects 40% Faster—Without the Chaos"
Subhead: "Join 12,000+ teams who've simplified project management"

[Hero: Screenshot of clean dashboard with happy metrics]

CTA: "Start My Free Trial" (no credit card required)

Trust bar: [Logo] [Logo] [Logo] "Trusted by teams at..."

BELOW THE FOLD
━━━━━━━━━━━━━━━
Section: 3 key benefits with icons
- "See every project at a glance"
- "Automate status updates"
- "Collaborate without meetings"

Section: Social proof
- Video testimonial from recognizable company
- Specific results ("Saved 10 hours/week per team member")

Section: Quick product tour (3-step animation)

Section: FAQ (3 most common objections)

STICKY CTA (on scroll):
"Start My Free Trial"

表单优化：

• 字段从 8 个减少到 3 个（姓名、电子邮件、公司）
• 单步完成
• 按钮附近注明“无需信用卡”

---

示例 2：潜在客户开发电子书落地页

**背景：**B2B 咨询公司提供行业报告下载

当前问题：

• 表单前的文案过长
• CTA 文案笼统地写着“下载”
• 没有内容预览
• 缺少作者资历介绍

优化后的结构：

ABOVE THE FOLD
━━━━━━━━━━━━━━━
Headline: "The 2024 State of [Industry] Report"
Subhead: "Data from 500+ companies reveals what's working (and what's not)"

[Hero: 3D mockup of report cover]

FORM (3 fields):
- Name
- Work Email
- Company

CTA: "Get My Free Report"

Trust: "Downloaded by 5,000+ executives"

BELOW THE FOLD
━━━━━━━━━━━━━━━
Section: What's inside (table of contents preview)
- "Chapter 1: The Metrics That Matter"
- "Chapter 2: Benchmarks by Company Size"
- "Chapter 3: Predictions for 2025"

Section: Author credentials
- Photo, title, notable clients
- "Based on 15 years of consulting experience"

Section: Sample data visualization from report

Section: Testimonials from previous readers
- "This report changed how we budget" — CMO, Fortune 500

BOTTOM CTA:
"Get Your Free Copy Now"

主要改动：

• 表单在首屏可见
• 内容预览激发用户兴趣
• 作者资历建立信任
• CTA 文案具体且有价值

---

检查清单与模板

发布前落地页检查清单

MESSAGE & CONTENT
□ Single, clear conversion goal defined
□ Headline matches ad/email promise
□ Value proposition clear in 5 seconds
□ Copy is concise and benefit-focused
□ No navigation or exit links
□ All content supports conversion goal

CTA OPTIMIZATION
□ CTA visible above the fold
□ Button text is specific and action-oriented
□ High contrast button design
□ CTA repeated on long pages
□ Secondary CTA for not-ready visitors (optional)

FORM (if applicable)
□ Minimum necessary fields only
□ Privacy policy link included
□ Thank you page configured
□ Form submission tested
□ Error states are helpful

TRUST ELEMENTS
□ Social proof included (testimonials, logos, reviews)
□ Credentials/certifications displayed
□ Contact information available
□ No broken links or images
□ Spelling and grammar checked

TECHNICAL
□ Mobile responsive verified
□ Page loads in <3 seconds
□ Analytics tracking installed
□ A/B test variant created (if testing)
□ Cross-browser tested

落地页简介模板

LANDING PAGE BRIEF

Campaign: ____________________
Traffic Source: ____________________
Target Audience: ____________________

CONVERSION GOAL
Primary action: ____________________
Success metric: ____________________

MESSAGING
Headline: ____________________
Subheadline: ____________________
Key benefits (3):
1. ____________________
2. ____________________
3. ____________________

OFFER
What they get: ____________________
Why it's valuable: ____________________
Urgency/scarcity: ____________________

TRUST ELEMENTS
Testimonials available: □ Yes □ No
Customer logos: □ Yes □ No
Statistics/results: ____________________

FORM FIELDS (if applicable)
Required:
□ ____________________
□ ____________________
Optional:
□ ____________________

DESIGN NOTES
Hero image: ____________________
Brand colors: ____________________
Mobile considerations: ____________________

A/B 测试规划模板

A/B TEST PLAN

Test Name: ____________________
Start Date: ____________________
Traffic Required: ____________________

HYPOTHESIS
"If we change [element] from [A] to [B],
then [metric] will [increase/decrease]
because [reason]."

VARIANTS
Control (A): ____________________
Variation (B): ____________________

SUCCESS METRIC
Primary: ____________________
Secondary: ____________________

MINIMUM SAMPLE SIZE: ____________________
EXPECTED DURATION: ____________________

RESULTS
Winner: ____________________
Lift: ____________________
Confidence: ____________________

LEARNINGS
____________________
____________________

NEXT TEST
____________________

---

技能边界

此技能擅长的内容

• 构建音频制作工作流
• 提供技术指导
• 创建质量检查清单
• 提出创意方案

此技能无法做到的事

• 取代音频工程专业知识
• 做出主观的创意决策
• 直接访问或编辑音频文件
• 保证商业成功

参考资料

主要来源：

• Unbounce。《101 条落地页优化建议》。作者：Oli Gardner 和 Garrett Hughes。
• Unbounce。《落地页最佳实践》。
• Unbounce 转化基准报告

其他资源：

• Krug，Steve。《Don’t Make Me Think》。
• Godin，Seth。《Permission Marketing》。
• CXL Institute 落地页课程

---

相关技能

• copy-frameworks - AIDA、PAS 和其他说服结构
• cta-writing - 撰写有效的行动号召
• headline-formulas - 经验证有效的标题模板
• persuasion-cialdini - 影响力心理学
• conversion-copywriting - 促进转化的文案
• grand-slam-offers - 打造令人无法抗拒的优惠
• sales-letter-writer - 长篇说服性文案