页面：着陆页 是做什么的？
指导广告活动着陆页结构、转化流程和优化。主要用途：付费广告（PPC/SEM）——着陆页通常为接收付费流量而构建；广告与页面的一致性对转化至关重要。关于何时使用付费广告以及广告与页面对齐原则，请参阅 paid-ads-strategy。同样适用于联盟注册、产品发布、线索捕获、网络研讨会注册以及其他单一目标转化页面。规模：当构建大量着陆页（针对特定城市、产品、集成）时，请使用 programmatic-seo（模板+数据）和 template-page-generator 进行模板设计。与首页（多用途）和产品页面（目录）不同。
调用时：首次使用时，如有帮助，可先用1-2句话说明此技能涵盖的内容及其重要性，然后提供主要输出。后续使用或用户要求跳过时，直接提供主要输出。
付费广告：着陆页要求
当着陆页接收付费流量时：页面上方立即体现广告承诺；移动优先（首屏CTA，快速加载）；表单最小化（字段更少）；首屏建立信任。有关广告与页面对齐及质量得分的完整信息，请参阅 paid-ads-strategy。
初始评估
首先检查项目上下文： 如果存在 .claude/project-context.md 或 .cursor/project-context.md，请读取以获取产品、受众和价值主张信息。
识别：
- 页面目标：注册、购买、线索捕获、网络研讨会、下载
- 流量来源：付费广告、邮件、联盟、自然流量
- 受众：冷流量与温流量；如已知，进行细分
着陆页结构（5步流程）
| 步骤 | 目的 | 元素 |
|---|---|---|
| 1. 吸引注意 | 大约2.6秒内抓住注意力 | 标题、副标题、主图或视频 |
| 2. 建立信任 | 在提出请求前提供社会证明 | 标志、推荐、评分、客户数量 |
| 3. 解释价值 | 优势、功能、用例 | 清晰的文案；目标人群及功能 |
| 4. 消除疑虑 | 处理异议 | 常见问题解答、保证、对比 |
| 5. 提出要求 | 单一主要行动号召 | 一个明确的行动；在合理位置重复 |
每个元素应为上述五个功能之一服务。包含多个竞争性优惠的页面，潜在客户数量会减少约266%。
标题公式
[目标人群] + [具体成果] + [时间/限定词]
- 避免：抽象承诺（“释放你的潜力”、“改变你的业务”）
- 优选：具体描述（“无需新软件，发票处理时间缩短70%”）
CTA最佳实践
- 一个主要CTA：无竞争性操作；创建通向转化的“单行道”
- 移动端首屏：拇指可触及范围；约65%以上流量来自移动端
- 价值导向文案：“开始免费试用”而非“提交”
- 配合信任信号：按钮旁显示客户数量、标志或统计数据
- 移除或最小化导航：可将转化率提升2%–28%
程序化着陆页（规模化）
当需要大量着陆页（例如特定城市、产品、集成）时，使用 programmatic-seo：一个模板+数据=数百或数千个着陆页。将着陆页结构（5步流程、CTA、信任）应用于模板；有关模板设计，请参阅 template-page-generator。示例：包含本地数据的“[产品] for [城市]”着陆页；“[应用程序A] + [应用程序B]”集成注册页面。
页面类型
| 类型 | 用途 | CTA目标 |
|---|---|---|
| 点击型 | 将温流量引导至优惠之前；最适合SaaS、订阅 | pricing-page, products-page, signup |
| 线索捕获 | 收集邮件以进行培育；表单不超过5个字段（较长的表单会导致约81%的放弃率） | newsletter-signup, contact-page |
| 产品聚焦 | 深入介绍功能与优势；产品发布 | products-page, features-page |
| 对比 | X vs Y；竞争对手品牌关键词广告；商业意图 | alternatives-page, features-page, pricing-page |
| 用例/解决方案 | 针对难以拆分工具的集成产品 | features-page, services-page |
| 免费工具 | 独立实用程序；线索生成；相同ICP；产品摘要 | tools-page-generator；有门槛时工具页作为着陆页 |
| 桥梁/奖励 | 通过您的链接购买时的额外激励 | pricing-page, products-page |
| 网络研讨会/活动 | 活动注册；直播前收集注册 | resources-page（网络研讨会作为资源） |
着陆页 ↔ 页面类型（内容与流程）
从以下位置拉取内容（步骤2-4）：
- customer-stories-page-generator：用于社会证明的推荐与案例研究；挑战→解决方案→结果片段
- faq-page-generator：处理异议的常见问题解答部分；复用与转化相关的问答
- features-page-generator：为“解释价值”步骤提供优势优先的功能文案
- resources-page-generator：用磁力内容（电子书、模板）交换邮箱；网络研讨会作为资源
CTA导向：
- pricing-page-generator：点击型着陆页→定价页面；注册、试用
- products-page-generator：产品着陆页→产品详情或目录
- services-page-generator：服务着陆页→联系、报价、预约
- contact-page-generator：线索捕获着陆页→联系表单；B2B演示请求
- affiliate-page-generator, creator-program：合作伙伴注册=着陆页类型
内部链接：
- 将着陆页链接至首页（品牌锚点）；关于页面（信任）；隐私页面（表单合规性）
- 避免孤立着陆页：确保至少有一个来自站点地图、导航或活动中心的内部链接
性能与设计
- 加载时间：2.5秒以内；每多一秒可能导致约7%的转化损失
- 移动优先：响应式设计；无需滚动即可看到CTA
- 视觉效果：主图或视频最高可将转化率提升80%
- 前端美学：关于独特的排版、动效、空间构图、背景——请参见 brand-visual-generator 前端美学部分
- 披露声明：适用时，遵循FTC合规的联盟/付费披露声明
交付前检查清单
在发布着陆页之前，请验证：
| 类别 | 检查项 |
|---|---|
| 视觉 | 不使用表情符号作为图标（使用SVG）；使用统一图标集（Heroicons/Lucide）；悬停状态不导致布局偏移 |
| 交互 | 所有可点击元素具有 cursor-pointer；悬停提供清晰反馈；过渡时间150–300ms |
| 可访问性 | 图像具有alt文本；表单输入具有标签；颜色不是唯一指示符；尊重 prefers-reduced-motion |
| 布局 | 移动端无水平滚动；内容不被固定导航遮挡；在375px、768px、1024px分辨率下响应良好 |
| 性能 | 加载时间低于2.5秒；LCP已优化；图片在适当时使用WebP/懒加载 |
| 图片 | 关于alt、格式、响应式、懒加载，请参见 image-optimization |
输出格式
- 标题 和副标题
- 结构（5步流程各部分）
- 信任信号 放置位置
- CTA 文案和放置位置
- 异议处理（常见问题解答、保证）
- 内部链接（目标页面）
- SEO 元数据（如果页面被索引）
相关技能
- hero-generator：英雄区域（步骤1）
- grid, list：英雄区域下方的内容布局；各部分、功能、推荐
- cta-generator：CTA按钮设计与放置
- image-optimization：Alt文本、WebP、LCP、响应式、懒加载
- pricing-page-generator：点击型着陆页目标；注册CTA
- faq-page-generator：处理异议的常见问题解答部分
- howto-section-generator：在常见问题解答/CTA之前的操作步骤部分（例如设置流程）
- comparison-table-generator：竞争对手/传统与现代对比的表格部分；消息与广告匹配
- homepage-generator：多用途首页与单一目标着陆页的比较；结构类似
- paid-ads-strategy：广告与页面对齐；何时使用付费广告
- alternatives-page-generator：竞争对手品牌关键词广告→对比着陆页（非博客）
- programmatic-seo：通过模板+数据规模化着陆页
- template-page-generator：程序化着陆页的模板结构
- title-tag, meta-description, page-metadata：着陆页元数据