落地页:让看到的人愿意点、愿意试(Landing Page)
⏱ 阅读 20 分钟 | 🛠 动手 2–4 小时 | 📍 对应关卡:Level 3
🎯 读完你能:做出一个 5 秒内让人看懂、从 Reddit 来的人也愿意试一试的落地页,并知道用录屏找问题。
一句话讲清楚#
落地页(Landing page,访客点链接后看到的第一个页面)就像商店的橱窗。路人只看 5 秒,就决定进不进门。
橱窗要回答 3 个问题:这是什么?对我有什么用?下一步点哪里?
为什么重要#
- 你在 Reddit、Google、AI 上辛苦换来的曝光,最后都要落到这个页面上。
- 同样 1,000 个访问,落地页清楚和不清楚,注册的人数可能差好几倍(经验参考)。
- 改落地页是最快见效的事:今天改,明天的访客就能感受到。
手把手步骤#
第 1 步:先做"5 秒测试"#
5 秒测试(5-second test):让没见过你产品的人看页面 5 秒,然后关掉,问他问题。
- 找 3–5 个人
- 朋友、同事都可以,最好有 1–2 个英语母语者
- Reddit 上有专门让人给网站提意见的版块(在 Reddit 搜 "roast my website" 或 "website feedback"),发之前一定看版规
- 实在找不到人:把首屏截图发给 ChatGPT,问 "Look at this for 5 seconds. What does this product do, who is it for, and what would you click?"(只能当参考,不能代替真人)
- 让他看 5 秒,然后问 3 个问题
- 这是什么产品?
- 给谁用的?
- 你下一步会点哪里?
- 判断
- 3 个人里至少 2 个答对 → 合格
- 答错或说"不知道" → 先改标题和副标题(第 2、3 步),再测一次
第 2 步:按这个结构搭页面(从上到下)#
┌──────────────────────────────────────────┐
│ 1. 标题:给谁 + 解决什么 │ ← 首屏(不用滚动
│ 2. 副标题:怎么做到 + 免费/不用信用卡 │ 就能看到的部分)
│ 3. 一个主要按钮(CTA) │
│ 4. 演示 GIF / 短视频 / 可以直接玩的游戏 │
├──────────────────────────────────────────┤
│ 5. 3 个好处(不是 3 个功能) │
│ 6. 社会证明:真实用户的话、真实数字 │
│ 7. 怎么用:1-2-3 三步 │
│ 8. 价格:清清楚楚写出来 │
│ 9. FAQ:5–8 个常见问题 │
│ 10. 底部再放一次同样的按钮 │
└──────────────────────────────────────────┘
每一块的要求:
- 标题(Headline):一句话说清"给谁、解决什么"。不要写口号("Unleash your potential"这种没人看得懂)
- 副标题(Subheadline):补充"怎么做到",再加一句打消顾虑("Free to start. No credit card.")
- 主要按钮(CTA,Call to Action,行动按钮):
- 首屏只有一个主要按钮。两个按钮一样显眼,访客会犹豫
- 按钮文字说清楚点了会发生什么:"Play now — no download",不要只写 "Submit"
- 演示(Demo):
- 小游戏:最好直接能玩,或者 5–10 秒的游戏画面循环
- 工具 / SaaS:10–20 秒的操作录屏,展示"之前 → 之后"
- 课程:一段 1 分钟的试听,或者课程里真实的一页
- 大 GIF 很拖慢速度,可以换成自动播放、静音、循环的 MP4 / WebM 短视频
- 3 个好处(Benefits):写用户得到什么,不是你做了什么(见下面的对比表)
- 社会证明(Social proof,别人用过、说好的证据):
- 真实用户的原话(征得同意后放上名字或用户名)
- 真实数字:"1,200 people practiced with it last month"(只写真的)
- 被报道、被推荐过的地方(只写真的)
- 还没有用户?写真诚的创始人介绍 + 照片 + "Built by one developer in 2026" + 更新日志。真诚本身就是证明
- 🚫 伪造评价、编造用户数:会被发现,会毁掉信任,在很多国家还违法
- 怎么用(How it works):3 步,每步一句话 + 一张小图
- 价格(Pricing):写清楚免费能用多少、付费多少钱。藏着价格会让人觉得"肯定很贵"
- FAQ:把用户最担心的问题提前回答:"Is it really free?""Do I need to sign up?""What happens to my data?"
- 底部按钮:滚到底的人已经很感兴趣了,别让他再滚回顶部找按钮
好处 vs 功能:
| 功能(你做了什么) | 好处(用户得到什么) |
|---|---|
| AI speech recognition | Know exactly which words you mispronounce |
| 50 levels | A new 3-minute challenge every lunch break |
| One-click Markdown export | Save any article to your notes in 2 seconds |
| 12 video lessons | Write a clear work email in 10 minutes, not 40 |
第 3 步:写英文标题#
4 个标题公式:
A. [Do the thing you want] without [the pain]
B. The [category] for [specific people]
C. [Result] in [short time]
D. [Verb] + [specific result] + [for whom / where]为什么这么写:公式 A 抓住痛点,B 让目标用户一眼认出"这是给我的",C 给出具体的期待,D 最直接。小产品用 B 或 D 最稳,因为具体。
4 种产品,各 3 个标题例子:
网页小游戏:
A 3-minute puzzle for your lunch break. No download.
The word game you can play with friends on a video call
Build a tiny city in your browser, one tile a day在线课程:
Write clear work emails in English without overthinking every sentence
The business English course for engineers who hate small talk
Sound confident in your first English job interview in 4 weeks工具软件 / 浏览器插件:
Save any web page as clean Markdown in one click
The Chrome extension for people who have 50 tabs open
Turn YouTube videos into notes you can actually search英语训练 SaaS:
Practice English speaking without the fear of being judged
The AI speaking partner for IELTS students who study alone
Get your IELTS speaking band score in 2 minutes, every day为什么这么写:都是短句、日常词,没有 "revolutionary""next-generation" 这类空话。数字(3-minute、4 weeks、2 minutes)要真实,你的产品做不到就别写。
副标题模板:
[Product] helps [who] [do what] by [how]. Free to start, no credit card.例:YourApp gives you a patient AI partner that listens, corrects your grammar, and scores your fluency. Free for 10 minutes a day, no credit card.
第 4 步:照顾从 Reddit 来的访客#
从 Reddit 来的人有明显的特点(经验参考):
| 他们讨厌 | 他们喜欢 |
|---|---|
| 夸张的推销词 | 创始人用第一人称说话:"I built this because..." |
| 一进来就弹窗要邮箱 | 不注册就能先试 |
| 必须填信用卡才能试用 | 免费版 / 免费试用,写明不需要信用卡 |
| 藏起来的价格 | 价格清清楚楚 |
| 看起来像大公司的模板页 | 能看出是真人做的,有缺点也承认 |
| 收集一堆个人信息 | 简短的隐私说明:"We don't sell your data." |
可选:做一个"Reddit 专属页面"(比如 yourdomain.com/reddit)
- 好处:
- 访客感觉被重视
- 你能直接看到有多少访问来自 Reddit(见 追踪:知道每个客户从哪来)
- 链接干净,不像广告
- 注意:
- 很多子版块禁止发优惠码、禁止推广,发之前一定看版规
- 优惠必须是真的(比如 Reddit 用户免费试用期延长),不要搞假的"限时倒计时"
- 如果这个页面内容和首页差不多,可以加
noindex,避免 Google 觉得重复
Reddit 专属页面开头示例:
Hi Reddit,
I'm Lin, the solo developer behind YourApp. If you came from my post in
r/[subreddit], thanks for checking it out.
YourApp is free for 10 minutes a day. If you want more, the Pro plan is
free for your first 14 days (no credit card). Honest feedback, good or
bad, helps me a lot: [feedback link]为什么这么写:先说你是谁、他从哪来,让人觉得这是同一个真人在说话;把"免费"和"不用信用卡"说在前面;主动求反馈,符合 Reddit 的社区气氛。
第 5 步:手机体验和速度#
很多 Reddit 用户用手机 App 浏览,点开链接就是在手机上看你的页面(经验参考)。
手机检查:
- 用自己的手机打开页面(不是电脑浏览器缩小)
- 首屏能看到标题和主要按钮,不用滚动
- 正文字号不小于 16px,按钮大到大拇指好点
- 没有左右滑动(横向滚动条)
- 小游戏在手机上能玩吗?不能的话要明说:"Best on desktop — email yourself a link",并放一个"发链接到我的邮箱"的输入框
速度检查:
- 打开 PageSpeed Insights(Google 的免费网页测速工具),输入你的网址,看"手机(Mobile)"结果
- 重点看 LCP(最大内容绘制,页面主要内容出现需要多久)。Google 的"良好"标准是 2.5 秒以内
- 常见加速方法:压缩图片(用 WebP 格式)、大 GIF 换成视频、删掉用不到的插件和第三方脚本
第 6 步:用 Microsoft Clarity 看录屏找问题#
Microsoft Clarity 是微软的免费工具,能录下访客在你页面上的操作(录屏),还有热力图(heatmap,显示大家点哪里、滚到哪里)。
- 安装
- 注册 → 添加网站 → 把一段代码粘贴到网页的
<head>里(很多建站平台有现成的集成) - 在隐私政策里写明使用了 Clarity;如果有欧洲访客,按当地隐私规定显示 Cookie 同意提示
- 注册 → 添加网站 → 把一段代码粘贴到网页的
- 等有 20–50 个访问后,看 10 个录屏
- 访客在哪里停下、滚到哪里就走了?
- 有没有"狂点"(rage clicks,愤怒点击:对着一个地方连续点)?一般说明那里看起来能点但点不了
- 有没有"无效点击"(dead clicks:点了没反应)?
- 有人点了按钮,然后在注册页卡住了吗?
- 看热力图
- 滚动热力图:多少人滚到了价格和 FAQ?大部分人没滚到,就把重要信息往上挪
- 点击热力图:大家在点不该点的东西(比如一张图片)吗?
- 每次只改 1–2 处,一周后再看
例子 / 模板#
示范案例(虚构,用来演示方法):
小周做了一个 Markdown 网页剪藏插件。原来的首屏:
Headline: Next-Gen Knowledge Capture
Subheadline: Powered by AI. Built for the future of productivity.
Buttons: [Learn more] [Get started] [Watch demo]5 秒测试,3 个人都说不出这是什么。改成:
Headline: Save any web page as clean Markdown in one click
Subheadline: A free Chrome extension for Obsidian and Notion users.
Removes ads and clutter. No account needed.
Button: [Add to Chrome — it's free]
Below: 15-second screen recording: messy article → clean note为什么这么改:标题直接说做什么;副标题说给谁用(Obsidian、Notion 用户)和顾虑(免费、不用账号);只留一个按钮,按钮文字就是动作;录屏让人亲眼看到"之前 → 之后"。
落地页检查清单#
发链接之前,逐条打勾:
- 5 秒测试:3 人中至少 2 人答对"是什么、给谁、点哪里"
- 标题说清楚"给谁 + 解决什么",没有空洞口号
- 副标题里有一句打消顾虑的话(免费 / 不用信用卡 / 不用下载)
- 首屏只有一个主要按钮,按钮文字是具体动作
- 有演示:GIF、短视频,或者可以直接玩 / 直接试
- 3 个好处,写的是用户得到什么
- 社会证明全部真实;还没有就放创始人介绍
- 价格写清楚
- 有 5–8 个 FAQ
- 底部有第二个按钮
- 手机上首屏能看到标题和按钮,没有横向滚动
- PageSpeed 手机端 LCP 在 2.5 秒以内(或正在改进)
- 装好了 Microsoft Clarity 和网站分析
- 页面第一段和你的"一句话定位"一致(见 让 AI 推荐你的 10 个动作 动作 3)
- 没有一进来就弹窗要邮箱
- 有隐私政策链接
常见错误#
- 标题写得像口号。 "Empower your learning journey" 谁都看不懂。
- 首屏放 3 个一样显眼的按钮。 访客不知道该点哪个,干脆都不点。
- 没有演示,只有文字。 特别是游戏和工具,一段录屏胜过 10 段文字。
- 一进来就弹窗要邮箱。 Reddit 用户会直接关掉。要收邮箱,放在他看完内容之后(见 留住潜在客户:免费赠品 + 邮件)。
- 只在电脑上检查。 你的访客很多在手机上。
- 一次改十处。 数字变了也不知道是哪一处起作用。
✅ 做对了的信号#
- 5 秒测试:3 人中至少 2 人答对。
- Clarity 录屏里,大部分访客至少滚过了首屏,很少出现狂点。
- 从访问到主要动作(试玩、注册、安装、留邮箱)的比例,进入 追踪:知道每个客户从哪来 里的经验参考范围。
- Reddit 帖子下面有人问"Is it free?"之类的问题越来越少(说明页面已经回答了)。
- 有访客主动发消息给你反馈。
❌ 不对劲?#
- 帖子有曝光,但几乎没人点进网站 → 去 问题诊断 查编号 C1
- 帖子火了,但没人点链接、没人问产品 → 查编号 R12
- 有访问,没人注册 / 下载 / 试玩 → 查编号 C2
- 有注册,没人付费 → 查编号 C3
- 被骂"广告"、被踩 → 查编号 R7
➡️ 下一步#
- 去读:追踪:知道每个客户从哪来
- 看同类产品怎么做:案例:网页小游戏、案例:英语训练 SaaS
- 免费工具清单:免费工具清单