cro-optimization

CRO 优化

目的

分析落地页并提供全面的 CRO 审核，给出具体、可执行的建议，以最大限度地提高转化率。

---

执行逻辑

先检查 $ARGUMENTS，确定执行模式：

如果 $ARGUMENTS 为空或未提供：

回复： "cro-optimization loaded, provide your landing page URL or paste your HTML/CSS code"

然后等待用户在下一条消息中提供落地页。

如果 $ARGUMENTS 包含内容：

立即开始执行任务（跳过“已加载”消息）。

---

任务执行

当落地页可用时（来自初始 $ARGUMENTS 或后续消息）：

1. 必须：首先读取参考文件

阻断性要求——不得跳过此步骤

在进行任何其他操作之前，必须使用 Read 工具读取全部三个参考文件：

Read: ./references/cro_principles.md
Read: ./references/landing_page_patterns.md
Read: ./references/element_audit_framework.md

你将找到以下内容：

• cro_principles.md：13 条核心 CRO 原则，包含检测标准和修复模式
• landing_page_patterns.md：来自高转化率页面（ClickUp、Notion、Stripe、Apple 等）的真实模式，按类别整理
• element_audit_framework.md：审核 HTML 元素、CTA、表单和视觉层级的系统化框架

在读取所有文件并将原则、模式和审核框架载入上下文之前，不得继续执行步骤 2。

2. 检查业务背景

检查项目根目录中是否存在 FOUNDER_CONTEXT.md。

• **如果存在：**读取该文件，并利用业务背景个性化建议（行业、目标受众、产品类型、竞争对手）。
• **如果不存在：**仅根据页面内容进行分析。

3. 获取并提取落地页

如果用户提供了 URL：

• 使用 WebFetch 获取落地页内容
• 提取并整理关键元素（见“元素提取”）

如果用户直接提供了 HTML/CSS：

• 直接分析所提供的代码
• 指出缺失的背景信息（实时样式、图片等）

4. 元素提取

提取并整理页面中的以下元素：

排版：

• H1（应恰好有一个）
• H2（版块标题）
• 正文文本示例
• CTA 按钮文案

视觉结构：

• 首屏内容
• 版块顺序
• 图片/视觉元素的位置
• 配色方案和对比度

转化元素：

• 主要 CTA（文案、位置、设计）
• 次要 CTA
• 表单（字段数量、标签）
• 信任信号（徽标、推荐语、徽章）
• 社会认同（数据、评论、案例研究）

技术方面：

• 移动端响应式设计指标
• 加载速度问题（大尺寸图片等）

5. 根据 CRO 原则进行审核

针对 cro_principles.md 中的 13 条原则，逐条执行：

1. 检查页面是否违反该原则
2. 根据证据记录具体违规之处
3. 判断严重程度（高/中/低）
4. 拟定具体建议

按影响程度排序：

• 高：首屏信息清晰度、CTA 效果、重大信任缺口
• 中：异议处理、视觉层级、易读性
• 低：细微文案调整、锦上添花的补充内容

6. 对比高转化率模式

使用 landing_page_patterns.md：

1. 确定最相关的类别（B2B SaaS、电商等）
2. 将页面结构与已验证的模式进行比较
3. 指出高绩效页面常见但当前页面缺失的元素
4. 找出可采用成功模式的机会

7. 生成建议

针对发现的每个问题，提供：

1. 需要更改的内容——具体元素及操作
2. 重要性——违反的原则及预期影响
3. 实施方法——具体示例或改写文案
4. 优先级——高/中/低及原因

8. 格式化并验证

• 按照输出格式部分组织结果
• 完成质量检查清单自检
• 确保建议具体且可执行（而非泛泛而谈）

---

写作规则

硬性约束，不得自行解读。

核心规则

• 每条建议都必须具体且可执行
• 文案修改需提供修改前后的示例
• 指明违反的具体原则
• 按转化影响而非实施难易程度确定优先级
• 尽可能将修改表述为可测试的假设
• 提出修改建议时，必须说明原因

分析规则

• 系统地进行审查，不要遗漏任何原则
• 不仅指出问题，也要说明哪些方面表现良好
• 考虑页面面向的目标受众
• 考虑可能的流量来源
• 区分关键问题与优化项

建议规则

• 优先提出影响最大的修改
• 将相关建议归为一组
• 提供具体的文案改写，而不只是说“让它更清晰”
• 除了内容建议，还要说明建议的放置位置
• 单独考虑移动端体验

---

输出格式

# CRO Audit Report: [Page Name/URL]

## Executive Summary
[2-3 sentences: Overall assessment, biggest opportunities, expected impact]

---

## What's Working Well
[Bullet list of 3-5 elements that follow CRO best practices]

---

## Critical Issues (Fix First)

### Issue 1: [Specific Problem]
**Principle Violated:** [Principle name and number]
**Current State:** [What exists now]
**Problem:** [Why this hurts conversions]
**Recommendation:** [Specific fix]
**Example:**

修改前：[当前文案/元素] 修改后：[建议文案/元素]

**Expected Impact:** [What improvement to expect]

### Issue 2: [Specific Problem]
[Same structure]

---

## High-Impact Optimizations

### Optimization 1: [Improvement Area]
**Current State:** [What exists]
**Opportunity:** [What could be better]
**Recommendation:** [Specific change]
**Example:**

修改前：[当前内容] 修改后：[建议内容]

**Priority:** [High/Medium] — [Reasoning]

[Continue for each optimization]

---

## Section-by-Section Analysis

### Above the Fold
- **H1:** [Assessment and recommendation if needed]
- **Subheadline:** [Assessment and recommendation if needed]
- **CTA:** [Assessment and recommendation if needed]
- **Trust signals:** [Assessment and recommendation if needed]

### [Section Name]
[Analysis and recommendations]

[Continue for each major section]

---

## Quick Wins (Easy Implementations)
1. [Simple change with good impact]
2. [Simple change with good impact]
3. [Simple change with good impact]

---

## Testing Roadmap
1. **Test First:** [Highest impact hypothesis]
2. **Test Second:** [Next priority]
3. **Test Third:** [Following priority]

---

## Benchmark Comparison
**Compared to:** [Relevant high-converting examples from patterns file]
**Missing elements:** [What top performers have that this page lacks]
**Adoption opportunities:** [Specific patterns to consider implementing]

---

参考资料

分析前必须使用 Read 工具阅读以下全部三个文件（见步骤 1）：

文件	用途
./references/cro_principles.md	13 条 CRO 原则，包含检测标准、修复模式和违反原则的症状
./references/landing_page_patterns.md	ClickUp、Notion、Stripe、Apple、Shopify 等真实案例模式，按类别整理
./references/element_audit_framework.md	系统审查 H1、CTA、表单、社会认同和视觉层级的框架

**为什么三者缺一不可：**原则告诉你问题所在。模式展示优秀案例。审查框架确保你系统地检查所有内容。三者结合，才能产出具体、有证据支撑的建议，而不是泛泛的 CRO 建议。

---

质量检查清单（自我核验）

提交最终结果前，请确认以下所有事项：

分析前检查

• 我在分析前阅读了 ./references/cro_principles.md
• 我在分析前阅读了 ./references/landing_page_patterns.md
• 我在分析前阅读了 ./references/element_audit_framework.md
• 我已掌握全部 13 条原则、各类别模式和审查标准

信息提取检查

• 我已找到 H1 并评估其清晰度
• 我已记录所有 CTA 及其文案
• 我已记录社会认同元素及其位置
• 我已评估首屏内容
• 我已评估各版块的顺序

分析检查

• 我已根据页面逐条评估每项原则
• 问题均指明违反的具体原则
• 建议均包含修改前后的示例
• 优先级基于转化影响确定
• 我已参照相关的高转化模式进行比较

输出检查

• 执行摘要概括了关键发现
• 关键问题列在最前
• 每条建议都具体且可执行
• 测试路线图提供了明确的后续步骤
• 已包含“表现良好的方面”一节

如果有任何一项未通过 → 请修改后再提交。

---

默认设置与假设

除非上下文另有说明，否则使用以下默认设置：

• 页面类型： SaaS 落地页（最常见）
• 流量意向： 混合（从冷到热）
• 主要目标： 注册或预约演示
• 受众： 企业决策者
• 设备占比： 60% 桌面端，40% 移动端
• 转化定义： 点击主要 CTA

如果页面类型明显不同（例如电商、内容网站等），请相应调整分析。

在执行摘要中说明所做的任何假设。

---