页面：落地页（Landing Page）

指导落地页的结构设计、转化路径规划与优化策略。主要用途：付费广告（PPC/SEM）——落地页通常专为承接付费流量而构建；广告内容与页面信息的一致性对转化率至关重要。详见 paid-ads-strategy，了解何时启用付费广告及广告与页面对齐的核心原则。该指南同样适用于联盟注册、产品发布、线索捕获、网络研讨会报名及其他以单一目标为导向的转化型页面。规模化场景：当需批量构建落地页（如按城市、按产品、按集成方案定制）时，应采用 programmatic-seo（模板 + 数据驱动）并结合 template-page-generator 进行模板化设计。区别于首页（多功能入口）和产品页（目录式展示）。

调用方式说明：首次使用时，若有助理解，可先用 1–2 句话简要说明本技能覆盖范围及其重要性，再输出主体内容；后续调用或用户明确要求跳过引导时，则直接输出主体内容。

付费广告：落地页必备要求

当落地页承接付费流量时，须满足以下要求：广告承诺必须在页面首屏即时兑现；移动端优先（主行动按钮 CTA 置于首屏可见区域、加载速度快）；表单极简化（字段数量最少化）；信任要素必须出现在首屏。完整版广告-页面对齐规范与质量得分（Quality Score）详见 paid-ads-strategy。

初始评估

请首先检查项目上下文：若存在 .claude/project-context.md 或 .cursor/project-context.md 文件，请通读其中关于产品、目标用户及价值主张的关键信息。

需明确识别以下三项：

1. 页面目标：注册、购买、线索捕获、网络研讨会报名、资料下载等
2. 流量来源：付费广告、邮件、联盟渠道、自然搜索等
3. 目标用户：冷启动用户 or 温度用户；如已知细分人群，请明确标注

落地页结构（五步转化流程）

页面中每个元素都应服务于上述五项功能之一。含多个相互竞争的转化目标的页面，其线索获取量平均下降约 266%。

主标题公式

[面向谁] + [具体成果] + [时间/限定条件]

• 避免使用：抽象化承诺（例如“释放您的潜能”“重塑您的业务”）
• 推荐使用：具象化表达（例如“无需新增软件，发票处理效率提升 70%”）

CTA 最佳实践

• 仅设一个主 CTA：杜绝多个并行操作选项，打造通往转化的“单行道”
• 移动端首屏可见：确保拇指可触达区域；当前超 65% 流量来自移动设备
• 价值导向文案：使用“开启免费试用”而非“提交”
• 搭配信任信号：在按钮旁同步展示客户数量、Logo 或关键数据指标
• 移除或精简导航栏：可提升转化率 2–28%

程序化落地页（规模化方案）

当需要构建大量落地页（例如按城市、按产品、按集成方案定制）时，应采用 programmatic-seo：一套模板 + 多组数据 = 数百至数千个落地页。将前述五步转化流程、CTA 设计与信任要素统一纳入模板体系；模板结构设计详见 template-page-generator。示例场景：“[产品] for [城市]”类本地化落地页（嵌入本地数据）；“[App A] + [App B]”集成方案注册页。

落地页类型

落地页 ↔ 页面类型（内容与流程映射）

内容复用来源（对应五步流程中的第 2–4 步）：

• customer-stories-page-generator：用于社会认同建设的用户评价与案例研究；提供“挑战→解决方案→成果”三段式摘要
• faq-page-generator：用于异议处理的 FAQ 区域；复用已验证有效的转化相关问答
• 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：合作伙伴注册流程本身即构成一类落地页

站内链接策略：

• 落地页应链接至 homepage（品牌锚点）；about-page（增强信任）；privacy-page（保障表单合规性）
• 避免“孤儿页”（orphan LPs）：确保至少存在一处来自站点地图、主导航或活动中心的内部链接

性能与设计规范

• 加载时长：控制在 2.5 秒以内；每增加 1 秒延迟，转化率平均下降约 7%
• 移动端优先：响应式布局；CTA 在不滚动前提下可见
• 视觉素材：首屏图或视频可使转化率最高提升达 80%
• 前端视觉美学：如需定制化排版、动效、空间构图或背景设计，请参考 brand-visual-generator 中的 Frontend Aesthetics 模块
• 披露声明：涉及联盟推广或付费合作时，须符合 FTC 合规要求

上线前核验清单

落地页正式发布前，请逐项确认：

输出格式要求

• 主标题 与副标题
• 结构（按五步转化流程组织各区块）
• 信任信号 的位置安排
• CTA 文案及其位置设定
• 异议处理（FAQ、保障条款等）
• 站内链接（指向的目标页面）
• SEO 元数据（若该页面需被搜索引擎索引）

关联技能

• hero-generator：首屏区域（对应五步流程第 1 步）
• grid、list：首屏下方内容布局；含模块分区、功能列表、用户评价等
• cta-generator：CTA 按钮的设计与位置策略
• image-optimization：图片的 alt 文本、WebP 格式、LCP 优化、响应式与懒加载
• pricing-page-generator：点击穿透型落地页的目标页面；含注册类 CTA
• faq-page-generator：用于异议处理的 FAQ 区域
• homepage-generator：多功能首页与单目标落地页的差异；二者结构高度相似
• paid-ads-strategy：广告与页面对齐规范；付费广告启用时机判断
• alternatives-page-generator：面向竞品品牌词广告的对比型落地页（非博客类内容）
• programmatic-seo：通过模板 + 数据实现落地页规模化生成
• template-page-generator：程序化落地页所需的模板结构定义
• title-tag、meta-description、page-metadata：落地页专属元数据配置