关于 12-landing-page-brief-global
面向营销人员的落地页规划技能，适用于线索收集、预约或购买目标。它结合七段式页面结构，并涵盖移动端设计、性能、追踪与测试要求。
主要功能
- 01七段式落地页结构
- 02移动端优先布局与性能目标
- 03表单、追踪和分析要求
- 04A/B 测试计划
- 05单品代发货页面指南
适用场景
- 01规划线索收集落地页
- 02规划预约或购买页面
- 03构建单品代发货页面
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/12-landing-page-brief-global确认已加载。
详细介绍
落地页简介（全球通用）
1 个页面 = 1 个目标 = 1 个 CTA。不要菜单、外链或干扰内容。
信息收集
最多提 4 个问题：
- 产品/服务是什么？ 简要介绍 + 价格 + 目标受众。
- 落地页的目标是什么？ 获取潜在客户（表单）、预约、购买还是注册？
- 主要流量来源是什么？ Meta Ads、TikTok Ads、Google Ads、自然流量还是混合来源？
- 有哪些现成素材？ 产品照片/视频、客户评价、社会认同数据？
核心原则
1 个页面 — 1 个目标 — 1 个 CTA
| 原则 | 说明 |
|---|---|
| 单一目标 | 每个页面只服务于一个操作：填写表单、预约通话或购买 |
| 无导航菜单 | 移除页眉导航，避免用户离开页面 |
| 无外链 | 每个链接都应锚定滚动至 CTA，绝不链接到外部页面 |
| 移动优先 | 全球付费广告流量中，70% 以上来自移动设备，因此应优先设计移动端 |
| 加载时间 <3s | 首次内容绘制 < 1.5s，最大内容绘制 < 3s |
| 紧迫感元素 | 倒计时、库存有限、截止日期——至少要有一项 |
按设备划分的页面长度
| 设备 | 页面总长度 | 平均阅读时间 |
|---|---|---|
| 移动端 | 6–8 屏滚动内容 | 90–120 秒 |
| 桌面端 | 4–5 屏滚动内容 | 60–90 秒 |
7 个版块的结构
版块 1 — 首屏
目标： 在 5 秒内吸引用户并传达核心价值主张。
| 元素 | 要求 | 字符数限制 |
|---|---|---|
| 标题 | 明确说明收益，避免泛泛而谈 | 60 个字符 |
| 副标题 | 简短说明收益 | 120 个字符 |
| 主 CTA | 动词 + 收益，使用对比色（#ff6b00） | 25 个字符 |
| 视觉素材 | 产品图片/视频或成果展示 | 1 个首屏素材 |
| 信任徽章 | 客户数量、评分、合作伙伴徽标 | 3–5 个徽章 |
文案模板：
Headline: [Desired result] — [Time / condition]
Example: "Clear skin in 4 weeks — without injections"
Sub-headline: [Method/product] helps [audience] [achieve result] without [main concern].
Example: "Our deep-facial protocol helps busy professionals reclaim healthy skin without downtime."
CTA: [Verb] + [benefit]
Example: "Book your free consultation"
版块 2 — 问题（强化痛点）
目标： 点明具体痛点，让用户觉得“对，这说的就是我”。
| 元素 | 要求 |
|---|---|
| 3–5 个痛点 | 具体，并使用客户自己的表达方式 |
| 后果 | 如果不解决，会发生什么？ |
| 情绪 | 共情词语：疲惫、焦虑、沮丧、陷入困境 |
模板：
"Are you struggling with any of these?"
- [Pain 1 — specific, situational]
- [Pain 2 — consequence of the problem]
- [Pain 3 — accompanying emotion]
- [Pain 4 — failed past attempts]
"If even one of these resonates — [product/service] is built for you."
版块 3 — 解决方案（工作原理）
目标： 将产品/服务定位为解决版块 2 所述问题的答案。
| 元素 | 要求 |
|---|---|
| 解决方案简介 | 2–3 个短句 |
| 3–4 个流程步骤 | 编号：步骤 1 → 步骤 2 → 步骤 3 → 结果 |
| 差异化优势 | 相较竞争对手或旧方法的 3 项 USP |
| 视觉素材 | 每个步骤配图标或图片 |
模板：
"How [solution] works:"
Step 1: [Customer action] → [Outcome of step]
Step 2: [Next action] → [Outcome of step]
Step 3: [Final action] → [End result]
Why we're different:
- [USP 1]: [Short explanation]
- [USP 2]: [Short explanation]
- [USP 3]: [Short explanation]
版块 4 — 社会认同
目标： 通过真实成果建立信任。
| 元素 | 要求 | 数量 |
|---|---|---|
| 客户评价 | 真实姓名、照片、具体成果 | 3–5 条 |
| 数据 | 客户总数、平均评分、从业年限 | 3–4 项数据 |
| 合作伙伴徽标 | 面向 B2B 或与知名品牌合作时使用 | 4–6 个徽标 |
| 前后对比 | 并排展示成果图片 | 2–3 组 |
| 视频评价 | 客户讲述使用体验 | 1–2 个视频 |
客户评价模板：
"[Specific result with numbers]"
— [Name], [Role/Title], [City]
[Photo or avatar]
版块 5 — 潜在客户表单 / 主 CTA
目标： 实现转化。这是最关键的版块。
| 元素 | 要求 |
|---|---|
| 表单标题 | 重申收益并增加紧迫感 |
| 表单字段 | 最少：姓名 + 电话（2 个字段）。最多：再加电子邮箱 + 1 个可选字段 |
| CTA 按钮 | 对比色（#ff6b00），尺寸大、对比度高 |
| 安心说明 | “信息将保密”或“免费咨询，无需承诺” |
| 紧迫感 | 倒计时或“本月仅剩 [X] 个名额” |
表单规则：
- 移动端：表单宽度占满整个屏幕
- 每个字段都应有清晰的标签和示例占位符
- CTA 按钮高度 ≥ 48px（便于在移动端点击）
- 提交后：显示感谢信息，然后跳转或显示确认信息
- 如果目标是电话沟通/聊天，则不要索取电子邮箱
第 6 节 — 常见问题（消除顾虑）
目标： 回答 5–7 个常见问题，消除购买障碍。
| 类型 | 示例 |
|---|---|
| 定价 | “费用是多少？有任何隐藏费用吗？” |
| 效果 | “多久能看到效果？” |
| 安全性 | “有副作用吗？” |
| 流程 | “如何注册？” |
| 竞争 | “这与[替代方案]有什么不同？” |
| 保证 | “退款或保修政策是什么？” |
| 时间 | “需要多长时间？” |
格式： 手风琴（展开/收起）——在移动设备上默认折叠，以节省空间。
第 7 节 — 最终 CTA
目标： 最后一次发出最有力的行动号召。
| 元素 | 要求 |
|---|---|
| 标题 | 用一句话概括完整的价值主张 |
| CTA 按钮 | 与第 5 节相同——对比色、大尺寸 |
| 紧迫感 | 重申截止日期或库存有限 |
| 直接联系 | 电话热线 + WhatsApp/Messenger 链接（适用于不通过表单转化的用户） |
技术要求
性能
| 指标 | 目标 |
|---|---|
| 首次内容绘制 | < 1.5s |
| 最大内容绘制 | < 3s |
| 累积布局偏移 | < 0.1 |
| 可交互时间 | < 3.5s |
| PageSpeed 分数（移动设备） | > 80 |
必需的集成
| 集成 | 详情 |
|---|---|
| Meta Pixel | 事件：PageView、ViewContent、Lead、SubmitApplication |
| Google Analytics 4 | 事件：page_view、scroll（25/50/75/100%）、form_start、form_submit |
| 表单 → CRM/表格 | 每次提交自动保存（HubSpot、Airtable、Google Sheets） |
| 表单 → Slack/邮件提醒 | 新潜在客户提交时实时通知 |
| UTM 跟踪 | 从 URL 读取 UTM 参数，并与表单数据一同保存 |
| TikTok Pixel | 如果投放 TikTok Ads：PageView、SubmitForm |
| Google Tag Manager | 在一个容器中管理所有 Pixel |
SEO 元标签
<title>[Main headline] | [Brand name]</title>
<meta name="description" content="[Sub-headline — 150–160 chars]" />
<meta property="og:title" content="[Main headline]" />
<meta property="og:description" content="[Short sub-headline]" />
<meta property="og:image" content="[OG image URL 1200x630]" />
<meta property="og:type" content="website" />
<meta name="robots" content="noindex, nofollow" />
响应式断点
| 断点 | 要求 |
|---|---|
| 移动设备（< 768px） | 单列，字体 16px 以上，CTA 宽度占满 |
| 平板（768–1024px） | 1–2 列，CTA 醒目 |
| 桌面设备（> 1024px） | 图片+文本版块采用两列布局，最大宽度 1200px |
分析跟踪计划
| 事件 | 触发条件 | 平台 |
|---|---|---|
| PageView | 页面加载 | Meta Pixel + GA4 + TikTok Pixel |
| ViewContent | 滚动到第 3 节（解决方案）之后 | Meta Pixel |
| 滚动深度 25% | 页面滚动 25% | GA4 |
| 滚动深度 50% | 页面滚动 50% | GA4 |
| 滚动深度 75% | 页面滚动 75% | GA4 |
| 滚动深度 100% | 滚动至页面底部 | GA4 |
| FormStart | 点击第一个表单字段 | GA4 |
| Lead | 表单成功提交 | Meta Pixel + GA4 + TikTok Pixel |
| ClickCTA | 点击任意 CTA 按钮 | GA4（事件标签：版块位置） |
| ClickPhone | 点击电话号码 | GA4 |
| ClickChat | 点击在线聊天 / WhatsApp | GA4 |
A/B 测试计划
按优先级测试——每次只测试一个变量：
第 1 轮 — 影响最大
| 变量 | 版本 A | 版本 B | 指标 |
|---|---|---|---|
| 首屏标题 | 突出收益 | 聚焦痛点 | 表单转化率 |
| CTA 文案 | “预约免费咨询” | “获取我的报价” | CTA 点击率 |
第 2 轮 — 表单优化
| 变量 | 版本 A | 版本 B | 指标 |
|---|---|---|---|
| 表单字段 | 2 个字段（姓名 + 电话） | 3 个字段（+ 邮箱） | 表单转化率 |
| 表单位置 | 页面中部（第 5 节） | 顶部（首屏之后） | 表单转化率 |
第 3 轮 — 微调
| 变量 | 版本 A | 版本 B | 指标 |
|---|---|---|---|
| CTA 颜色 | 橙色（#ff6b00） | 蓝色（#155eef） | CTA 点击率 |
| 紧迫感元素 | 倒计时器 | “剩余 X 个名额”文案 | 表单转化率 |
A/B 测试规则：
- 每个版本至少获得 200 次转化后再做决定
- 至少运行 7 天，以排除星期效应
- 主要指标：表单转化率（而非跳出率）
面向代发货业务的单品落地页
当上下文为代发货业务时启用。与常规品牌落地页不同——全力聚焦转化。
单品 LP 结构（移动端优先）
| 板块 | 目标 | 元素 |
|---|---|---|
| 1. 首屏 | 留住用户 | 主视觉图片 + 醒目标题 + 价格 + CTA 按钮 |
| 2. 问题-解决方案 | 确认问题 | “厌倦了 X？这个 Y 能解决” + 产品照片 |
| 3. 工作原理 | 加深理解 | 带图标的 3 个步骤 |
| 4. 社会认同 | 建立信任 | 客户照片 + 评价（Loox/Judge.me） |
| 5. 功能与优势 | 激发购买欲 | 4-6 个功能卡片 |
| 6. 对比 | 彰显差异 | “我们与替代方案”对比表 |
| 7. 紧迫感/稀缺性 | 推动决策 | 库存倒计时 / 延迟发货时注明延误情况 |
| 8. FAQ | 消除顾虑 | 解答 6-10 个常见顾虑 |
| 9. CTA 板块 | 促成转化 | 再次展示 CTA + 提及免运费 + 保证 |
| 10. 页脚 | 建立信任 | 联系方式 + 退货政策 + 隐私政策 |
一件代发 LP 规则
- 每页只展示一个产品——绝不罗列 2 个或更多产品
- 移动端优先设计——90% 的流量来自移动端（Meta/TikTok 广告）
- 首屏展示 CTA——无需滚动即可看到“加入购物车”
- 库存倒计时——使用 Beeketing、Hurrify 或内置应用
- 挽回弃购客户——弃购邮件自动化（Klaviyo）
参考
完整流程请参阅技能 29-dropshipping-mastery-global。
输出模板
# Landing Page Brief — [Product/Service Name]
Created: [YYYY-MM-DD]
Goal: [Lead / Booking / Purchase]
Traffic source: [Meta Ads / TikTok Ads / Google Ads / ...]
---
## Overview
| Item | Detail |
|------|--------|
| Product/Service | [Name] |
| Audience | [Short description] |
| Price | [Price] |
| Main USP | [3 differentiators] |
| Target conversion rate | [X%] (benchmark: lead-gen LPs 5–15%, e-com 1–5%) |
---
## Section 1 — Hero
- **Headline:** [60 chars]
- **Sub-headline:** [120 chars]
- **CTA:** [25 chars]
- **Visual:** [Image/video description]
- **Trust badges:** [List 3–5]
## Section 2 — Problem
- Pain 1: [...]
- Pain 2: [...]
- Pain 3: [...]
- Bridge: [Sentence linking pain to solution]
## Section 3 — Solution
- Intro: [2–3 sentences]
- Step 1: [...]
- Step 2: [...]
- Step 3: [...]
- USPs: [3 points]
## Section 4 — Social Proof
- Testimonial 1: [Name, result, photo]
- Testimonial 2: [Name, result, photo]
- Testimonial 3: [Name, result, photo]
- Stats: [e.g. 1,200+ customers | 4.8/5 rating | 5 yrs experience]
## Section 5 — Form
- Form headline: [...]
- Fields: Name, Phone, [optional]
- CTA: [...]
- Urgency: [Countdown / limited slots]
- Reassurance: [...]
## Section 6 — FAQ
1. [Q] → [A]
2. [Q] → [A]
3. [Q] → [A]
4. [Q] → [A]
5. [Q] → [A]
## Section 7 — Final CTA
- Headline: [Value summary]
- CTA: [Same as Section 5]
- Contact: [Phone + WhatsApp + Messenger]
---
## Technical Requirements
- [ ] Load < 3s (mobile)
- [ ] Meta Pixel: PageView, ViewContent, Lead
- [ ] GA4: page_view, scroll depth, form_start, form_submit
- [ ] Form → CRM/Sheet (auto)
- [ ] Slack/Email lead alert (auto)
- [ ] UTM tracking with form data
- [ ] OG meta tags complete
- [ ] Responsive mobile-first
## A/B Test Plan
- Test 1: [Headline A vs B] — metric: conv rate — duration: 7 days
- Test 2: [CTA copy A vs B] — metric: click rate — duration: 7 days
- Test 3: [Form fields A vs B] — metric: conv rate — duration: 7 days
技能交叉引用
09-customer-insight-global— 提取第 2 部分的痛点和客户用语05-ad-copy-global— 编写引流至此 LP 的广告10-reverse-kpi-calc-global— 计算目标转化率和广告支出02-campaign-brief-global— 将 LP 纳入更广泛的营销活动简报13-data-analysis-global— 发布后分析 LP 的表现29-dropshipping-mastery-global— 完整的一件代发流程（LP 用于单品商店时）
质量检查清单
内容
- 首屏标题在 60 个字符内传达产品优势
- 每个板块都有明确且单一的目的，彼此不重叠
- 痛点使用客户自己的说法，而非内部行话
- 至少 3 条评价，包含真实姓名和具体成果
- 每个 CTA 都采用“动词 + 优势”的形式，而非“点击此处”或“了解更多”
- 包含紧迫性元素（倒计时、库存有限、截止日期）
- FAQ 解答所有主要顾虑
设计
- 不显示导航菜单
- 不包含外部链接
- 移动端采用单栏布局，字体 ≥ 16px
- CTA 按钮使用高对比度颜色，在移动端占满宽度
- 图片包含替代文本
- 表单最多包含 3 个字段
技术
- 4G 网络下加载时间 < 3s
- 已安装 Meta Pixel + GA4
- 表单提交至 CRM/Sheet
- 将潜在客户提醒发送至 Slack/Email
- UTM 参数与表单数据一并保存
- 已添加 1200x630 的 OG 图片
- noindex, nofollow（LP 通常不做 SEO）
上线前
- 在移动端测试表单（iOS + Android）
- 检查 PageSpeed Insights
- 检查分享链接时的 OG 预览
- 通过 Events Manager 验证 Meta Pixel
- 确认 CTA 链接和锚点滚动正常
评论
支持 Markdown