mcpField
L
landing-page-optimizer

landing-page-optimizer

github.com/thatrebeccarae营销与增长188117 次安装24 周前更新
代码仓库

关于 landing-page-optimizer

面向 Claude Code 的落地页评估技能，提供提升转化率的优化建议，涵盖文案、布局、表单、社会认同和移动端体验。

主要功能

  1. 01首屏内容评估
  2. 02主视觉布局建议
  3. 03CTA 与社会认同评估
  4. 04表单和移动端优化
  5. 05转化基准与常见误区

适用场景

  1. 01上线前检查落地页
  2. 02发现注册表单阻碍
  3. 03改善移动端页面体验

安装

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

$npx skills add https://github.com/thatrebeccarae/claude-marketing --skill landing-page-optimizer

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

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

EXAMPLES.md
LICENSE
REFERENCE.md

详细介绍

落地页优化器

审核并优化落地页，最大限度提高转化率。

安装

git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/landing-page-optimizer ~/.claude/skills/

审核框架

首屏（前 5 秒）

访客必须立即回答 3 个问题：

  1. 这是什么？（清晰的标题）
  2. 为什么我应该关注？（突出利益的副标题）
  3. 接下来该做什么？（醒目的 CTA）
主视觉布局模式
模式最适用场景结构
左侧文案／右侧视觉内容SaaS、B2B左侧标题和 CTA，右侧产品截图
居中主视觉简单的产品或服务居中标题、副标题和 CTA
视频主视觉复杂产品自动播放的背景视频或嵌入式介绍视频
社会认同主视觉需要高度信任的场景带有客户 Logo 或指标的标题
拆分测试面向两类受众两条不同路径，分别配有 CTA
价值主张层级
H1: Primary benefit (what outcome they get)
Subheadline: How you deliver it (mechanism or differentiator)
Supporting points: 3 proof points or features (bullets)
CTA: Specific action + anxiety reducer
CTA 优化

文案： 动作动词 + 具体结果（例如“开始免费试用”，而不是“提交”） 设计： 与背景形成高对比度，留出充足的内边距和周围留白 位置： 首屏、每个内容区块之后，以及滚动时保持固定 微文案： 在 CTA 下方消除顾虑（“无需信用卡”，“随时取消”）

社会认同模式
类型位置影响
客户 Logo主视觉下方建立信任（B2B）
指标（“50,000+ 用户”）标题附近证明规模
星级评分CTA 附近增强购买信心
用户评价页面中部情感认同
案例研究结果页面较深处详细证明
信任徽章表单／结账附近安全保障
表单优化
  • 每删去一个字段，完成率就会提高 5-10%
  • 标签放在字段上方（绝不只用占位符）
  • 行内验证（实时验证，而非提交时验证）
  • 使用智能默认值和自动填充（autocomplete 属性）
  • 多步骤表单的效果优于单个长表单
  • 多步骤表单应显示进度指示器
移动端优化
  • 触控目标至少为 48x48px
  • 使用单列布局
  • 将 CTA 放在便于拇指触及的位置（屏幕下半部分）
  • 不要出现水平滚动
  • 简化导航（汉堡菜单或不显示导航）
  • 快速加载（4G 下 LCP <2.5s）

转化率基准

页面类型良好一般较差
SaaS 试用注册>5%2-5%<2%
电商产品页>3%1.5-3%<1.5%
潜在客户获取（B2B）>10%5-10%<5%
电子报订阅>5%2-5%<2%
网络研讨会报名>30%15-30%<15%

反模式

  1. 多个相互竞争的 CTA — 每个页面只设置一个主要操作
  2. 以功能为重点的标题 — 突出利益，而不是功能
  3. 素材库照片 — 使用真实产品截图或真实人物照片
  4. 落地页上保留导航 — 为付费流量页面移除导航
  5. CTA 只出现在首屏以下 — 首屏始终要有 CTA
  6. 没有社会认同 — 每个落地页都需要信任信号
  7. 加载缓慢 — 每延迟 100ms，转化率就会损失 1%
  8. 仅适配桌面端的设计 — 60% 以上的流量来自移动端

与其他技能集成

  • cro-auditor — 更全面的 CRO 审核框架；此技能深入分析单个页面
  • ab-testing-framework — 测试此技能建议的改动
  • copywriting-frameworks — 将 PAS/AIDA 应用于落地页文案
  • frontend-design — 实现优化后的页面设计
  • technical-seo-audit — 页面速度和技术优化

评论

支持 Markdown