启动着陆页
此技能帮助设计和构建产品发布的着陆页。一个优秀的着陆页要做到两件事：快速传递价值，并让访客尽快进入“惊叹时刻”。其他一切均为次要。
两个设计问题
在编写任何文案或代码之前，先回答以下问题：
-
“如何让访客尽可能快地体验到‘惊叹’时刻？” 最好的着陆页让访客使用产品，而不仅仅是阅读产品介绍。对于开发者工具，这可能意味着一个嵌入式游乐场。对于 SaaS，是实时演示。对于 AI 产品，是一个在页面上运行推理的小部件。从“我到达这里”到“哦，这太棒了”之间的摩擦越小，转化率就越高。
-
“如何让这个页面设计得足够好，以至于它本身就值得被称赞？” 一个人们会截图并在社交媒体上分享的着陆页，能将发布的影响力扩展到初始推送之外。这并不意味着过度设计——而是意味着深思熟虑、精致且独特。
页面结构
英雄区域
这是对大多数访客而言唯一重要的部分。60-80% 的访客永远不会滚动过去。
组成部分：
- 标题 —— 来自消息简报的主要价值主张。一句话，具体，以利益为重点。应回答“我能用它做什么？”而不是“它是什么？”
- 副标题 —— 1-2 句话扩展标题。增加具体性——面向谁、工作原理或关键证明点。
- 主要 CTA —— 一个明确的行动。“免费试用”、“开始使用”、“查看实际效果”。不要用两个 CTA 争夺注意力。
- 视觉元素 —— 产品截图、演示视频或交互式小部件。绝不要使用素材图片。展示标题所承诺的实际产品正在执行的功能。
支撑性部分（滚动深度）
只包含值得占用空间的部分。每个部分应针对一个特定的异议或扩展一个次要的价值主张。
常见部分（选择本次发布重要的部分）：
- 工作原理 —— 3 步或可视化引导。减少“这太复杂了吗？”的异议。
- 关键特性/能力 —— 3-4 个卡片或列。每个都是一个次要的价值主张，带有具体示例或截图。
- 社会证明 —— 客户标志、引用、使用数据、基准结果。减少“这靠谱吗？”的异议。
- 对比 —— 如果你正在进入一个已知有替代品的市场，展示清晰的对比。要诚实——挑选出来的对比会削弱信任。
- 定价 —— 如果定价是竞争优势，尽早展示。如果很复杂或面向企业，请链接到单独的定价页面。
- 技术细节 —— 面向开发者和技术受众。代码示例、API 参考、架构图。
- 常见问题 —— 用于不适合其他部分的异议。保持简短——最多 4-6 个问题。
页脚 CTA
在底部为那些一直滚动到页尾的访客重复主要 CTA。他们是你最投入的受众——让他们轻松转化。
开发者优先模式
对于技术产品和开发者工具，以下模式持续转化良好：
无情减少摩擦
开发者在评估工具时面临的两个最大摩擦点是成本和访问。在着陆页上解决这两个问题：
- 免费层级或无需信用卡的试用
- 即时访问——无需为个人用户设置“请求演示”的门槛
- 页面上清晰的、透明的定价
让他们在注册前先试用
最有效的开发者着陆页让访客无需创建账户就能体验产品。示例：
- 嵌入式代码游乐场或 REPL
- 可以从页面调用的 API 端点
- 带有真实输出的交互式演示
- “在此粘贴你的数据/代码并查看结果”小部件
展示真实代码
开发者想看看集成实际是什么样子。包括：
- 安装命令（
npm install、pip install等） - 最小可行示例（5-10 行能做点有用事情的代码）
- 所有代码块上的“复制”按钮
以能力为主导，而非功能
“每秒处理 10,000 份文档”比“分布式处理引擎”更具吸引力。开发者关心他们能用它构建什么以及达到什么规模。
SEO 集成
启动着陆页是一个 SEO 机会。启动初期会带来反向链接（来自新闻媒体、社交媒体、博客文章），这有助于该页面长期排名。从一开始就为此构建。
面向搜索命名
如果这是一个新产品或特性，在命名时考虑搜索量。名称应与目标受众实际搜索的内容匹配。“语音转文本 API”可能比“音频转录服务”获得更多搜索流量——反之亦然。使用关键词研究来决定。
页面内 SEO 基础
- 标题标签 —— 包含主要关键词。保持在 60 个字符以内。
- 元描述 —— 带有关键词的引人入胜的摘要。150-160 个字符。
- H1 —— 应与标题标签匹配或高度相似。
- 内部链接 —— 从你的文档、博客和其他页面链接到该着陆页。从此页面链接到相关的文档和教程。
- 页面速度 —— 快速页面排名更好，转化率也更高。优化图片、最小化 JavaScript、使用 CDN。
用于长期排名的内容
你在英雄区域下方添加的部分（工作原理、特性、常见问题）兼作可索引的内容。首先为人类读者撰写，但使用你的受众在搜索时使用的语言。
转化优化
一个主要 CTA
每个页面都有一个你希望访客执行的主要操作。其他一切都是次要的。如果你以同等的视觉权重要求访客“注册”、“预约演示”、“加入等候名单”并“阅读文档”，你就是在让他们选择——而许多人会选择离开。
减少表单字段
你在注册表单中添加的每个字段都会让你损失转化率。仅询问开始所需的最少信息。你可以稍后收集更多信息。
速度很重要
页面加载时间直接影响转化率。每秒钟的加载时间大约会损失 7% 的转化率。对于着陆页尤其如此：对折叠线以下的内容进行懒加载、优化英雄区域的图片、最小化第三方脚本。
移动端优先
40-60% 的启动流量通常来自移动设备（用户在手机上点击社交媒体上的链接）。英雄区域必须在手机屏幕上正常工作。在移动设备上测试 CTA 按钮——你能轻松点击它吗？
启动特有模式
用于发布的着陆页具有常青产品页面所没有的限制——它们对时间敏感，需要在短时间内转化一波流量，并且通常面向第一次听说该产品的受众。
紧迫感和稀缺性
对于希望将注册集中到狭窄时间窗口内的一级启动：
- 启动定价或提前访问窗口 —— “前 1,000 名用户免费”或“启动周 5 折优惠”给出了立即行动而非收藏的具体理由。明显地显示截止日期或剩余名额。
- 倒计时器 —— 仅在截止日期真实时谨慎使用（内测关闭、价格变动、访问受限）。虚假的紧迫感会削弱信任。
- 实时社会证明 —— “今天有 1,247 名开发者注册”或一个实时计数器。这表明了势头，减少了“只有我在尝试这个吗？”的犹豫。
不要全部堆砌。选择一个真实且突出的紧迫感机制。
等候名单流程
如果产品尚未全面上市，着陆页将成为等候名单页面。等候名单页面的转化率是标准注册页面的 2-5 倍，因为稀缺性是真实的。
- 单一字段：仅邮箱。每个额外的字段都会让你损失等候名单注册量。
- 位置反馈： “您在等候名单上排在第 847 位” 让注册感觉具体，并为你提供了一个重新吸引用户的钩子（“您快到了！”）。
- 推荐机制（可选）： “通过分享给朋友来在等候名单上向前移动。” 只有当你能实际兑现时才添加此功能——损坏的推荐机制会损害信任。
- 设定期望： “我们每周邀请 200 名用户”或“预计两周内获得访问权限”。注册后的沉默会扼杀兴趣。
发布前、发布日和发布后的状态
启动着陆页不是静态的——它应该通过三个阶段的演进：
发布前（发布前 1-2 周）：
- 预告文案：将要发布什么、面向谁、何时发布
- 等候名单或“通知我”注册
- 除主要价值主张外无产品细节
发布日：
- 完整页面：英雄区域、演示、特性、社会证明、CTA
- 直接访问：“立即试用”或“免费开始使用”
- 在英雄区域嵌入发布视频或演示
- 任何活跃的紧迫感机制（倒计时、启动定价）
发布后（1 周后 → 永久）：
- 移除时间敏感元素（倒计时、“刚刚发布”文案）
- 添加上线期间积累的社会证明（用户数、推荐信、新闻媒体标志）
- 针对 SEO 进行优化：现在这是一个永久的产品页面
- 更新 CTA 以反映持续状态（“开始使用” vs “加入发布”）
在构建之前规划好所有三种状态。发布前和发布后的状态经常被遗忘，导致在发布数月后页面上还残留着过期的倒计时或“刚刚发布！”文案。
启动页 vs. 永久产品页
对于一级启动，考虑构建一个专门的启动页以及一个永久的产品页面：
- 启动页 —— 针对发布时刻进行优化。包含紧迫感机制、发布视频、集中的 CTA。临时性的——计划将其退役。
- 产品页 —— 此产品/特性的永久家园。针对持续的发现和 SEO 进行优化。在发布窗口结束后（通常为 1-2 周）取代启动页。
过渡计划：在发布前，决定启动页何时以及如何转变为产品页。最简单的方法：首先构建产品页，在其顶部添加一个临时的启动专属英雄区域和紧迫感部分，然后在发布后移除这些元素。这避免了构建两个独立的页面。
对于二级及以下的启动，更新现有的产品页面。不要为特性创建单独的页面——这会分散你的 SEO 权重。
构建页面
在实际实现着陆页时，请记住：
- 从文案开始，而不是设计。 首先基于消息简报编写所有文本。文案决定结构——而不是相反。
- 使用经过验证的布局。 英雄区域 → 社会证明 → 特性 → 工作原理 → CTA。你可以重新排序，但除非产品有特殊要求，否则不要颠覆布局。
- 为扫描者设计。 大多数访客是扫描而非阅读。标题、副标题和视觉元素应能讲述故事，即使正文被跳过。
- 测试 5 秒规则。 向某人展示该页面 5 秒钟，并询问产品是做什么的。如果他们无法回答，英雄区域需要改进。
配套技能
- launch-strategy —— 驱动页面文案和结构的消息简报
- launch-video —— 放在页面上的演示视频和截图
- launch-blog-post —— 页面链接到的博文（反之亦然，用于 SEO）
- launch-distribution —— 为页面引流
- launch-metrics —— 通过 UTMs 跟踪页面转化率和流量来源