# 落地页横切功能诊断清单

跨所有屏的功能性检查：加载性能、CTA设计、设备端排版与交互、关键词相关性、页面指标、排版规范。

> 诊断原则：不打分，只列问题和actionable建议。问题按严重程度标注：🔴严重 / 🟡一般 / 🟢建议。
> **重要**：诊断时先确认设备类型（PC端/移动端），只做对应设备的检查，不做跨设备适配诊断。

---

## 一、加载性能诊断

### 核心指标标准

| 指标 | 优秀 | 合格 | 不合格 | 检测工具 |
|------|------|------|--------|----------|
| LCP（最大内容绘制） | ≤ 2.5s | ≤ 4s | > 4s | PageSpeed Insights |
| TTFB（首字节时间） | ≤ 600ms | ≤ 1s | > 1s | PageSpeed Insights |
| CLS（累积布局偏移） | ≤ 0.1 | ≤ 0.25 | > 0.25 | PageSpeed Insights |
| 首屏完整加载 | ≤ 1.5s | ≤ 3s | > 3s | Chrome DevTools |

### 加载时间 vs 转化率关系

| 加载时间 | 转化率 | 跳出率 | 影响 |
|----------|--------|--------|------|
| 0-1s | 4.4% | 26% | 优秀 |
| 1-3s | 3.2% | 38% | 可接受 |
| 3-5s | 2.9% | 52% | 需优化 |
| > 5s | 1.7% | 67% | 严重问题 |

### 常见性能问题（Actionable）

- 🔴 首屏加载 > 3s → **建议**：压缩图片（WebP格式）、启用CDN、延迟加载非首屏资源
- 🔴 图片未压缩 → **建议**：大图压缩至200KB以内，使用TinyPNG/Squoosh
- 🟡 无缓存策略 → **建议**：配置浏览器缓存，静态资源缓存30天
- 🟡 第三方脚本过多 → **建议**：延迟加载非核心脚本（如客服插件、统计代码）
- 🟢 无HTTP/2 → **建议**：启用HTTP/2或HTTP/3

### 性能优化优先级
1. 压缩图片（影响最大，最容易做）
2. 启用CDN
3. 延迟加载非首屏资源
4. 压缩CSS/JS
5. 配置缓存

---

## 二、CTA按钮设计诊断

### 核心标准

| 检查项 | 标准 | 未达标典型问题 |
|--------|------|---------------|
| 色彩对比 | 按钮色与背景色强反差，对比度 ≥ 4.5:1 | 相近色搭配（浅灰+浅蓝） |
| 按钮文案 | 行动号召式，突出价值感（"免费获取方案"） | "提交""立即咨询"等弱文案 |
| 按钮尺寸 | 高度 ≥ 44px（移动端），≥ 40px（桌面端） | 按钮太小，容易误触 |
| 按钮位置 | 首屏、正文每1屏、底部都要有 | 只有底部一个按钮 |
| 按钮数量 | 核心转化按钮1种主色，辅助按钮弱化 | 多色按钮混乱 |
| 圆角 | 8-12px（比直角更友好） | 直角或圆角过大 |
| 字号 | 按钮文字 ≥ 14px | 字号过小 |
| Hover状态 | 颜色加深10%-20%或轻微放大1.05倍 | 无hover反馈 |

### 3个绝对禁忌

1. ❌ **相近色搭配**：浅灰背景 + 浅蓝按钮、深蓝背景 + 藏青按钮——反差不足，用户直接忽略
2. ❌ **多色按钮混乱**：同一页面核心转化按钮只能有1种主色，辅助按钮用浅灰/白色
3. ❌ **刺眼高饱和色**：荧光绿、亮粉——短期吸睛但视觉疲劳，降低点击意愿

### 色彩心理学参考

| 颜色 | 心理暗示 | 适用场景 | 参考案例 |
|------|----------|----------|----------|
| 红色 | 紧迫、行动、促销 | 限时优惠、立即购买 | 百度推广、拼多多 |
| 橙色 | 活力、友好、创意 | 免费试用、注册 | HubSpot、ClickFunnels |
| 蓝色 | 信任、专业、安全 | B2B服务、金融 | 腾讯会议、Stripe |
| 绿色 | 安全、确认、通过 | 成功、开始 | Shopify |
| 黄色 | 警示、吸引注意 | 提醒、重要 | 美团 |

### 按钮文案对比

| 弱文案 | 强文案 | 提升逻辑 |
|--------|--------|----------|
| 提交 | 免费获取解决方案 | 强调价值 |
| 立即咨询 | 预约免费上门演示 | 具体+免费 |
| 了解更多 | 领取行业白皮书 | 利益明确 |
| 注册 | 免费试用14天 | 降低门槛 |

### 常见CTA问题（Actionable）

- 🔴 按钮颜色与背景相近 → **建议**：使用色环差 ≥ 120°的颜色组合，对比度 ≥ 4.5:1
- 🔴 只有1个CTA且在最底部 → **建议**：首屏+每滚动1屏（约500px）+底部各放一个CTA
- 🟡 按钮文案是"提交" → **建议**：改为"免费获取方案""预约演示"等价值型文案
- 🟡 无Hover效果 → **建议**：加颜色加深10%或微缩放1.05倍
- 🟢 按钮圆角过大或直角 → **建议**：调整为8-12px圆角

---

## 三、设备端排版与交互诊断

**诊断前确认设备类型**，只做对应设备的检查，不做跨设备适配诊断。

### PC端诊断标准

| 检查项 | 标准 | 未达标典型问题 |
|--------|------|---------------|
| 按钮尺寸 | 高度 ≥ 40px，便于鼠标点击 | 按钮太小，不易点击 |
| 悬浮CTA（可选） | 右下角固定"立即咨询"小窗 | 无悬浮入口 |
| 多列布局 | 信息层级清晰，左右分栏合理 | 单列过长、信息拥挤 |
| 首屏加载 | 桌面端首屏 ≤ 1.5s | 加载过慢 |
| 字体可读 | 正文字号 ≥ 14px，标题 ≥ 18px | 字体过小 |
| 表单友好 | 输入框高度 ≥ 36px，间距合理 | 输入困难 |

### 移动端诊断标准

| 检查项 | 标准 | 未达标典型问题 |
|--------|------|---------------|
| 首屏无横向滚动 | 内容宽度适配屏幕，左右留白16-20px | 出现横向滚动条 |
| 按钮触控友好 | 按钮占满屏幕宽度的80%，高度 ≥ 48px | 按钮太小，拇指点不到 |
| 悬浮CTA | 底部有固定悬浮按钮（如"电话咨询"） | 滚动后找不到转化入口 |
| 图片自适应 | 图片宽度100%，高度自动缩放 | 图片过大或过小 |
| 字体可读 | 正文字号 ≥ 14px，标题 ≥ 18px | 字体过小 |
| 表单友好 | 输入框高度 ≥ 40px，有放大效果 | 输入困难 |
| 首屏加载 | 移动端首屏 ≤ 2s | 加载过慢 |

### 移动端特殊注意

- **悬浮固定CTA**：移动端可在底部添加悬浮按钮（如"电话咨询""立即咨询"），避免用户滚动后找不到转化入口
- **左文右图→上图下文**：桌面端左文右图在移动端应调整为上图下文或纯文字优先
- **表单分步**：移动端表单可尝试分2页，降低填写压力
- **一键拨打**：电话号码直接可点击拨打
- **微信跳转**：如适用，提供"一键加微信"功能

### 常见设备端问题（Actionable）

#### PC端问题
- 🟡 按钮太小（< 40px）→ **建议**：按钮高度 ≥ 40px
- 🟡 无悬浮CTA → **建议**：右下角加固定"立即咨询"小窗
- 🟢 单列内容过长 → **建议**：合理分栏，每列内容不宜超过一屏

#### 移动端问题
- 🔴 移动端首屏加载 > 3s → **建议**：压缩图片至100KB以内，延迟加载非首屏资源
- 🔴 按钮太小（< 48px）→ **建议**：按钮高度 ≥ 48px，宽度占满80%
- 🟡 无悬浮CTA → **建议**：底部加固定悬浮按钮"立即咨询"或"电话咨询"
- 🟡 文字与图片叠加看不清 → **建议**：移动端单独调整遮罩透明度或换图
- 🟢 表单显示不全 → **建议**：表单宽度100%，输入框间距增大

---

## 四、关键词-页面相关性诊断

### 核心标准

| 检查项 | 标准 | 未达标典型问题 |
|--------|------|---------------|
| 首屏标题含核心词 | 首屏主标题包含用户搜索的核心关键词 | 标题与搜索词无关 |
| 一关键词一页 | 每个关键词/计划对应专属落地页 | 所有流量都到首页 |
| 内容匹配搜索意图 | 页面内容解决搜索词背后的需求 | 内容与搜索意图不符 |
| 搜索词落地一致性 | 创意文案与落地页内容一致 | 创意写"免费试用"，落地页没有 |

### 相关性检查方法

1. 列出该落地页对应的核心关键词（5-10个）
2. 检查首屏标题是否包含这些关键词
3. 检查页面内容是否围绕这些关键词展开
4. 检查创意文案与落地页是否一致

### 常见相关性问题（Actionable）

- 🔴 首屏标题与搜索词不匹配 → **建议**：确保首屏标题直接包含搜索核心词，用户3秒内确认"找对了"
- 🔴 所有流量都到首页 → **建议**：为不同产品/服务建专属落地页，一关键词对应一页
- 🟡 创意与落地页脱节 → **建议**：创意承诺的内容落地页必须有（如创意说"免费试用"，落地页要有试用入口）
- 🟡 页面内容太泛 → **建议**：根据关键词调整页面内容，如"SEM代运营"和"百度推广"对应不同落地页
- 🟢 无关键词分组策略 → **建议**：按关键词意图分组（信息型→内容页、交易型→转化页）

---

## 五、页面指标诊断

### 核心指标标准

| 指标 | 合格 | 良好 | 问题 | 数据来源 |
|------|------|------|------|----------|
| 跳出率 | < 70% | < 50% | ≥ 70% | 百度统计/GA4 |
| 平均访问时长 | ≥ 60s | ≥ 90s | < 30s | 百度统计/GA4 |
| 点击-线索转化率 | ≥ 3% | ≥ 6% | < 1% | SEM后台 |

### 点击-线索转化率计算公式
```
点击-线索转化率 = 线索量 ÷ 点击量 × 100%
```

### 转化率参考（SEM点击→线索，B2B行业）

> 以下标准综合了事橙营销服务客户的实际数据与2026年行业基准（Dupple、FirstPageSage、Ruler Analytics、Unbounce）。注意：SEM cold traffic的转化率通常比全站/organic低30-50%，因此B2B SEM落地页的标准与"全行业中位数6.6%"不能直接对标。

| 转化率 | 等级 | 评价 | 优化空间 | 行业对标 |
|--------|------|------|----------|----------|
| > 8% | S级 | 优秀 | 很小 | Top 10%-25%水平 |
| 5-8% | A级 | 良好，高于平均 | 1-2% | Top 25%-50%水平 |
| 3-5% | B级 | B2B SEM行业平均水平 | 2-3% | 符合B2B Services均值(2.6%)及cold traffic修正后范围 |
| 1-3% | C级 | 较差，需重点优化 | 3-5% | 低于行业平均，有很大优化空间 |
| < 1% | D级 | 严重问题 | 5-10%+ | 远低于行业底线，建议全面排查 |

**行业基准参考（2026年数据）**：
- Dupple: B2B Services平均2.6%，Top 25%=7.2%，Top 10%=12%+
- FirstPageSage: B2B SaaS中位数1.1%，Manufacturing 2.1%，Legal 3.4%
- Ruler Analytics: B2B全站中位数2.9%（含表单1.7%+电话1.2%）
- Unbounce: 全行业中位数6.6%（含B2C/低摩擦转化）
- 关键规律：cold paid traffic转化率约为blended rate的50-70%

### 指标问题分析（Actionable）

- 🔴 跳出率 ≥ 70% → **建议**：检查首屏相关性、加载速度、设备端适配
- 🔴 平均访问时长 < 30s → **建议**：检查首屏吸引力、内容可读性、加载速度
- 🔴 转化率 < 1%（D级）→ **建议**：全面检查AIDA各环节，重点优化首屏和CTA，同时排查流量质量问题（关键词是否太泛）
- 🟡 转化率1-3%（C级）→ **建议**：优化CTA文案、减少表单项、增加信任元素，预计可提升2-3%
- 🟡 转化率3-5%（B级）→ **建议**：A/B测试不同首屏文案、增加紧迫感元素、优化加载性能，预计可提升1-2%
- 🟢 转化率5-8%（A级）→ **建议**：持续小步优化，关注竞品动态，保持优势
- 🟢 转化率 > 8%（S级）→ **建议**：记录成功经验，复制到其他落地页

---

## 六、排版规范诊断

### 3个绝对禁止

1. ❌ **首屏放无关内容**：大段公司介绍、复杂流程图——用户点击SEM广告是为了"解决需求"，不是了解公司历史
2. ❌ **文字与图片叠加混乱**：图片上的文字必须加半透明背景遮罩（如黑色遮罩+50%透明度），确保文字清晰
3. ❌ **转化路径过长**：首屏必须有转化入口，正文每滚动1屏（约500px）添加1个转化按钮

### 排版标准

| 检查项 | 标准 | 未达标典型问题 |
|--------|------|---------------|
| 字体数量 | 全页面1-2种字体 | 字体过多，视觉杂乱 |
| 正文字号 | ≥ 14px | 字号过小 |
| 行高 | 1.5-1.8倍 | 行高过小或过大 |
| 段落长度 | 每段不超过3行 | 大段文字无人读 |
| 小标题 | 每屏有小标题，方便扫读 | 无小标题，全是正文 |
| 留白 | 适当的留白，不塞满 | 信息过载 |
| 栅格 | 8点栅格系统 | 间距混乱 |

### 排版优先级
1. 先搞定按钮反差色+字号（转化入口基础保障）
2. 再优化首屏排版（留不住用户，后面再棒也没用）
3. 最后调整正文细节（短段落、项目符号提升可读性）

### 常见排版问题（Actionable）

- 🟡 大段文字无分段 → **建议**：每段不超过3行，用小标题分割
- 🟡 无项目符号 → **建议**：列表内容用√符号，提升扫读效率
- 🟢 间距不规范 → **建议**：统一使用8的倍数作为间距基准
- 🟢 字体超过2种 → **建议**：正文1种+数字/英文专用1种