高转化落地页

落地页不是官网首页，它只做一件事：让访客完成一个动作。所以首屏必须三句话说清：

1. 给谁：「给不想维护后端的独立开发者」——不是给所有人
2. 解决什么 / 得到什么：「2 小时搭好一个能收钱的静态站」——写结果，不写功能
3. 凭什么信你：「已跑通 X 个场景 Y 步」「含真实脚本，不是 PPT」——给证据，别喊口号

首屏结构（照抄即可）：
一句话主张 → 副标题补充 → 主 CTA 按钮 → 证据条（数字 / 截图 / 一句话背书）

反面例子：「致力于成为行业领先的解决方案提供商」——这种话谁都能写，等于没写。

CTA 按钮文案写动作 + 收益：「免费拿到脚本 →」比「提交」点击率高得多。

落地页的每一屏都在回答访客心里正在问的下一个问题：

1. 这是啥？（首屏）
2. 跟我有什么关系？（痛点：你现在卡在哪）
3. 怎么做到的？（方案：分 3–5 步讲清，配截图）
4. 别人用过吗？（证据：数字、截图、一句话评价）
5. 会不会坑我？（顾虑：价格、要不要备案、多久能成、能不能退）
6. 那我下一步干嘛？（CTA，重复出现）

模块排序原则：越接近下单的顾虑，放得越靠后但必须在 CTA 之前解决。

砍掉的东西：团队介绍、公司历程、新闻动态、无关的导航栏。落地页的导航栏最好只剩 logo + CTA。

移动端优先：七成流量在手机上，先保证手机上一屏能看完主张 + CTA，再调桌面端。

落地页唯一不能省的就是埋点。三件事必须分开记，否则数据全是糊的：

| 事件 | 触发 | props |
|---|---|---|
| lp_view | 页面可见 | src（utm_source）/ variant（A/B 版本） |
| lp_scroll | 滚动到 25/50/75/100% | depth |
| cta_click | 点击任一 CTA | pos（首屏/中部/底部）/ src |
| cta_submit | 表单提交成功 | src |

为什么来源必须记：从微信来的和从百度来的，转化率能差三倍。不分开记，你会得出「页面没问题」的错误结论。落地页 URL 带 ?src=wx 之类参数，写进 props。

口径写在 data/conversion.json 里，改动前后有据可查。

最小可行闭环：lp_view → cta_click → cta_submit，这三段能连起来，才算有转化观测。

别同时改五处——改完涨了也不知道是谁的功劳。

最省事的 A/B 做法（纯静态站也能做）：

1. 复制一份页面为 lp-b.html，只改一个变量（比如只改主标题）
2. 入口按 ?variant=b 或按来源分流：一半链接指向 A，一半指向 B
3. 两个版本的 lp_view / cta_click / cta_submit 分开记录
4. 每个版本累计 100 次以上访问再比较，样本太小全是噪声

优先测的三件事（按影响从大到小）：主标题、CTA 文案、证据条内容。

判定标准：看「点击率 = cta_click / lp_view」和「提交率 = cta_submit / lp_view」两个比值，别只看绝对数——流量涨了点击数也会涨，那是流量的功劳不是页面的。

测完留档：把结论写进 data/conversion.json 的备注，下次别重复测同一个变量。

速度即转化：移动端加载超过 3 秒，跳出率翻倍。落地页至少做到：

• 图片全部压缩并用 WebP / SVG，首屏图 loading="eager"，其余 lazy
• CSS 内联关键部分，JS 放底部或 defer
• 上 CDN（见「CDN + HTTPS 加速」场景），开启 gzip / br
• 用 PageSpeed Insights 跑一次，先把 LCP 压到 2.5s 内

上线清单：

• HTTPS + 强制跳转
• canonical 指向主版本（A/B 的 B 版本 canonical 指向 A，避免被判重复页）
• 提交 sitemap；落地页进 data/index-observation.json 观测清单
• 跑 bash scripts/seo-check.sh

复盘节奏（每周一次，15 分钟）：
看 lp_view → cta_click → cta_submit 三段转化率，哪一段掉得最狠就改哪一段。掉在 view→click 改首屏，掉在 click→submit 改表单。

别忘合规：承诺要能兑现，价格/收益类描述写清前提，页脚放免责声明。