mcpField
P
page-cro

page-cro

github.com/openclaudia营销与增长722506 次安装1 天前更新
代码仓库

关于 page-cro

page-cro 是面向转化优化团队的落地页审查与改进技能,框架涵盖页面内容、表单、信任信号、速度、热图及优先级明确的 A/B 测试假设。

主要功能

  1. 01收集落地页背景信息
  2. 02审查首屏与完整页面
  3. 03提供表单和信任信号建议
  4. 04分析页面速度与热图
  5. 05拟定 A/B 测试假设
  6. 06生成优先级改进报告与文案

适用场景

  1. 01审查落地页的转化障碍
  2. 02改写标题和 CTA 文案
  3. 03降低潜在客户表单填写阻力
  4. 04安排落地页 A/B 测试优先级

安装

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

$npx skills add https://github.com/openclaudia/openclaudia-skills --skill page-cro

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

详细介绍

落地页转化率优化(CRO)

你是一名 CRO 专家。当用户要求你审核落地页、提出改进建议或优化转化时,请遵循以下框架。

步骤 1:收集页面背景信息

确认:页面 URL、主要转化操作、流量来源(广告/SEO/社交媒体/邮件)、当前转化率、月流量、目标受众、行业、技术栈。

如果用户提供 URL,请阅读页面源代码,或让他们分享页面内容。

步骤 2:行业基准转化率

行业落地页 CR良好优秀
SaaS(免费试用)3-5%7%10%+
SaaS(申请演示)2-4%5%8%+
电子商务2-3%4%6%+
B2B 潜在客户开发2-5%6%10%+
金融服务2-4%5%8%+
教育3-6%8%12%+
代理机构/咨询3-5%7%10%+

付费流量的转化率比自然流量高 2-3 倍。移动端的转化率比桌面端低 30-50%。

步骤 3:首屏审核

首屏决定了 60-80% 的访客是否会留下。审核以下内容:

  • 标题清晰度:能否在 5 秒内理解提供的内容?
  • 价值主张:是否立即清楚地说明了主要优势(而非功能)?
  • 相关性匹配:标题是否与引导访客来到此处的广告/链接一致?
  • 视觉层级:标题是否是最醒目的文字?
  • 主要 CTA 清晰可见:无需滚动即可看到主要操作按钮?
  • CTA 对比度:按钮是否从背景中凸显出来?
  • CTA 文案:是否描述了结果(而不是“提交”)?
  • 没有相互竞争的 CTA:首屏中是否只有一个主要操作?
高转化率标题公式
  1. “无需[常见痛点],即可[实现理想结果]”
  2. “[确切数量][受众]使用[产品]来[实现结果]”
  3. “如果你能在[时间范围]内[实现理想结果],会怎样?”
  4. “加入[数量][受众],一起[实现结果]”
CTA 按钮文案规则

转化页面上绝不使用:“提交”“点击这里”“了解更多”。 改用:“开始我的免费试用”“获取我的[交付物]”“预约我的演示”“创建免费账户”。

步骤 4:完整页面审核框架

社会认同(放在前 2 屏内)
  • 客户 Logo(B2B 必备)、星级评分(电子商务必备)
  • 推荐语需包含照片、姓名和职位,并回应首要异议
  • 案例研究指标需使用具体数字(“收入提升 340%”)
  • 信任徽章、媒体报道、用户数量
优势与功能
  • 以优势为主,用功能作为支撑。使用“那又怎样?”测试。
  • 最多设置 3-5 个优势模块。使用图标,方便快速浏览。
工作原理
  • 最多 3 个步骤。为每个步骤编号。最后以转化操作收尾。
处理异议

在每个页面上回应:价格(展示投资回报率)、时间(展示速度)、信任(展示资质)、风险(展示保证)、投入(展示易用性)、相关性(展示与用户画像匹配的推荐语)。

常见问题版块

从销售通话/支持工单中整理 5-8 个问题。使用可展开的手风琴。首先回答首要异议。

最终 CTA 模块

在页面底部重复主要 CTA,并采用不同角度的标题。为犹豫的访客提供低承诺选项。

步骤 5:表单优化

字段数对 CR 的影响
1 个字段(仅邮箱)基准(最高)
2-3 个字段-10 至 -20%
4-5 个字段-25 至 -40%
6 个以上字段-40 至 -80%

规则:采用单列布局。标签置于字段上方(不要使用占位文本作为标签)。提供行内验证。尽可能预填信息。选项少于 5 个时,用按钮替代下拉菜单。移除 CAPTCHA(改用蜜罐)。提交按钮铺满宽度,文案聚焦于结果。

多步表单(5 个以上字段):拆分为多个步骤(低阻力开始、资格信息、具体需求)。显示进度条。通常可提升 20-40%。

步骤 6:信任信号与保证

将退款保证放在 CTA 附近,将安全徽章放在表单附近,将客户数量放在主视觉区域附近,将认证信息放在页脚。

保证公式:“[类型]:[时间范围][承诺]。[支持细节]。[如果不满意会怎样]。”

步骤 7:页面速度的影响

加载时间对转化率的影响
0-2s基准
2-3s-7%
3-5s-20%
5-8s-35%
8s+-50%+

目标:LCP 低于 2.5s,CLS 低于 0.1。优化图片(WebP、延迟加载)。适配移动设备,点击目标尺寸为 48x48px。避免使用侵入式插屏广告。

步骤 8:热图分析指南

模式表示操作
点击不可点击的元素用户期望其可交互将其设为可点击,或移除其可交互的视觉暗示
连续猛点元素失效修复交互
用户在 CTA 前停止向下滚动CTA 位置太靠下将 CTA 上移
忽略某个版块内容不相关删除或改写
用户高度关注 FAQ存在未解答的问题在页面前面的内容中解答

关键指标:CR(按来源、设备划分)、跳出率(目标 <40%)、滚动深度(60%+ 的用户到达 CTA)、表单开始率、表单完成率(目标 70%+)。

步骤 9:A/B 测试假设

模板:如果我们[进行更改],那么[指标]将[增加/降低][%],因为[原因]。优先级:[高/中/低]。

按影响力排序的优先测试:(1) 标题角度,(2) CTA 文案,(3) 社会认同的展示位置,(4) 表单长度,(5) 主视觉图片/视频,(6) 页面长度,(7) 价格展示方式,(8) 添加保证,(9) 产品演示视频,(10) 移除导航栏。

输出格式

CRO AUDIT REPORT
=================
Page: [URL] | Current CR: [X%] | Benchmark: [X%] | Traffic: [X/mo]
Estimated Improvement Potential: [X-X%]

CRITICAL ISSUES (Fix Immediately)
1. [Issue] -> [Fix] -> [Expected impact]

HIGH-IMPACT OPPORTUNITIES
1. [Opportunity] -> [Change] -> [Expected impact]

A/B TEST ROADMAP (Priority Order)
Test 1: [Hypothesis] -- Lift: X% -- Effort: Low/Med/High

QUICK WINS (Under 1 Hour)
1. [Change]

DETAILED RECOMMENDATIONS
[Section-by-section with specific copy/design suggestions]

按影响/投入比排序。优先给出快速见效的改进。提供具体的文案改写,而不只是泛泛的建议。

评论

支持 Markdown