mcpField
L
landing-page-optimization

landing-page-optimization

github.com/reynau营销与增长0237 次安装39 周前更新
代码仓库

关于 landing-page-optimization

面向营销人员和产品团队的落地页优化技能，涵盖页面结构、文案框架、设计模式、信任信号、定价和测试，帮助评估并改进转化页面。

主要功能

  1. 01首屏内容指导
  2. 02PAS、AIDA、FAB 等文案框架
  3. 03布局与设计模式
  4. 04社会认同与信任信号
  5. 05定价页结构
  6. 06转化测试清单

适用场景

  1. 01修改落地页标题和行动号召
  2. 02规划定价页面
  3. 03检查移动端布局和页面流程
  4. 04设置标题、行动号召或视觉测试

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/reynau/landing-page-optimization --skill landing-page-optimization

安装后在 Claude Code 中输入/landing-page-optimization确认已加载。

附带文件references/examples.md

详细介绍

着陆页优化

基于对 SaaS、科技、Web3、金融和健康行业 1000 多个着陆页的分析得出的研究洞见。

核心原则

着陆页是全天候的销售团队。用户会在 3 秒内决定是否留下。重点突出清晰度和即时价值。

1. 首屏区域（最初 3 秒）

首屏区域决定访客是否留下。内容含糊的首屏会使转化率降低 40%–60%。

要求
元素指南
价值主张回答：这是什么？适合谁？为什么值得关注？
标题聚焦收益，打动用户
副标题补充证据或具体信息
视觉内容产品演示、插图或痛点相关视觉内容。不要使用图库照片。
CTA设置两个：一个低承诺选项（“3 分钟内开始使用”），一个高价值选项（“预约演示”）
避免
  • 行话：“AI 驱动”“革命性”“下一代”“无缝”“颠覆性”
  • 泛化的图片（抽象球体、随意选用的图库照片）
  • 单一且含糊的 CTA
示例改写
Before: "Innovative AI Platform" + bland orb visual
After:  "The Only Platform for Continuous Offensive Pentests - 
        Catch SOC2 Violations Before Hackers Do" + vulnerability icons

结果：页面停留时间翻倍，点击率提高 35%。

2. 文案框架

优秀文案能提升平庸设计的效果。糟糕文案则会拖累出色设计。每个词都必须便于快速浏览、能引发情感共鸣并突出收益。

主要框架

PAS（问题-激化-解决方案） — 观察到转化率提升 25%–40%

  1. 指出痛点：“是否受够了低转化率？”
  2. 激化痛点：“你会在短短几秒内失去 78% 的访客。”
  3. 提供解决方案：“我们的模板转化效果提升 3 倍。”

AIDA（注意-兴趣-欲望-行动）

  1. 用吸引注意力的陈述开场
  2. 通过故事或相关内容激发兴趣
  3. 通过明确的收益激发欲望
  4. 以具体的 CTA 收尾

FAB（特性-优势-收益）

  • 特性：“AI 聊天机器人”
  • 优势：“全天候支持”
  • 收益：“每年节省 1 万美元客服招聘费用”

前后对比-桥接

  • 之前：困境
  • 之后：成功
  • 桥接：你的产品
文案规则
  • 具体明确：“销售额提升 47%” > “增加收入”
  • 使用有力词语：“解锁”“转变”“主导”
  • 使用短句。采用主动语态。
  • 加入社会认同：“加入 500 多位已使潜在客户增加一倍的创始人”

3. 设计模式

用户追求简洁。复杂设计的跳出率高达 70%；极简设计则为 30%。

有效做法
模式适用场景
极简主义整洁的布局、主导色彩方案、有目的地留白
便当网格展示功能和用户评价。添加翻转卡片以提升交互性
受 iOS 启发的设计圆角、柔和阴影、活泼的价格卡片
单页设计初创公司、快速构建、高转化
无效做法
  • 劫持滚动
  • 过度动画
  • 加载时间 > 2 秒
  • 紫色使用过度或随意添加特效
  • 桌面端优先设计（60% 的流量来自移动端）
目标指标
  • 加载时间：< 1 秒
  • 跳出率：< 35%
  • 滚动流程线性且可预测

4. 社会认同与信任

只有 22% 的企业对自己的转化率感到满意。差异往往来自信任信号。

有效的证明元素
类型实施方式
用户评价 2.0突出关键短语、弹出式个人资料、针对特定领域（“作为 SaaS 创始人……”）
标志 + 指标展示知名客户标志，并注明“受到 1 万多名用户信赖”
案例研究简短并聚焦收益：“2 周内转化率从 10% 提升至 45%”
紧迫感营造倒计时、限量名额、“已有 500 人加入等待名单”

有力的社会认同可使转化率提升 2–3 倍。

5. 定价页设计

定价是用户最关心的问题。隐藏价格会流失访客。

结构（最多 3 个层级）
层级价格定位
入门版/免费版$0-29/mo入门选项，基础功能
专业版（突出显示）$49-149/mo最受欢迎标记，性价比最高
企业版定制联系我们，专属支持
最佳实践
  • 展示收益，而不只是功能
  • 使用月付／年付切换选项（年付显示节省金额）
  • 使用更好的行动号召：「开始使用」优于「立即购买」
  • 如果对产品有信心，就不必提供退款保证；应聚焦于成果

这种结构使追加销售提升了 30%。

6. 转化率优化清单

99% 的页面内容过多。用户的注意力只有 8 秒。

简化规则
  • 移除落地页上的导航菜单
  • 每个元素都指向一个转化目标
  • 不添加分散注意力的次要链接或选项
  • 首屏内容应回答：是什么？面向谁？为什么？
测试要求
  • 对标题进行 A/B 测试（影响最大）
  • 对行动号召进行 A/B 测试（措辞、颜色、位置）
  • 对视觉素材进行 A/B 测试（产品、生活方式或抽象风格）
  • 进行移动端测试（占流量的 60%）
紧迫感元素
  • 倒计时（谨慎使用）
  • 限量供应信息
  • 限时赠品优惠

简化后的结果：转化率提升 50%–100%。

快速参考：反面模式

不要这样做原因
「创新的 AI 平台」没有说明任何具体内容
微笑人群的图库照片过于普通，缺乏可信度
隐藏价格用户最不满的问题
大段文字用户会浏览，而不是逐字阅读
多个相互竞争的行动号召导致决策瘫痪
加载缓慢每多 1 秒，转化率就降低 7%
把移动端当作次要考虑大多数流量来自移动端

框架选择指南

目标框架
解决具体痛点PAS
讲述转变故事Before-After-Bridge
解释复杂功能FAB
展示完整的营销漏斗叙事AIDA
筛选并转化用户QUEST

详细示例和案例研究请参阅 references/examples.md。

评论

支持 Markdown