# 电商落地页：什么时候需要、放什么内容、测试什么

> 落地页不是商品页。信息匹配、单一行动号召、就地化解顾虑，以及付费流量对速度的严苛要求。十二条具体策略，外加真正值得做的测试方法。

Ryan Badger - 2024年11月9日 - 阅读约 10 分钟

## 落地页与店铺其他页面的区别

落地页不是你的首页，也不是你的商品页。它是一个单一目的的页面，专门把来自特定渠道（通常是付费广告）的特定流量，转化为一个特定的行动。页面上的一切都服务于这一个行动；任何对此没有贡献的像素，都是噪音。

大多数店铺直接拿普通商品页当广告落地页。这样效率很低。商品页针对的是带着一定意图随便逛逛的人；落地页要转化的是点了广告、此刻对你一无所知的人。工作不同，页面也应该不同。

这篇文章会讲提升电商转化率的具体落地页策略、真正值得做的测试方法，以及落地页特有的常见错误。

## 什么时候需要落地页（而不是直接用商品页）

**适合用专门的落地页：**

- 付费广告，且信息匹配很重要（特定促销、系列或卖点）
- 活动上线（黑色星期五、新系列发布）
- 需要完整讲故事的高决策成本商品（客单价 $200 以上）
- 需要以转化为导向结构的 SEO 内容
- 推荐、合作伙伴或网红带来的流量

**适合直接用现有商品页：**

- 品牌词或泛流量，访客本来就预期会四处浏览
- 决策成本极低的购买（$30 以下的冲动消费）
- 每月订单不足 500 单时（专门落地页的边际收益递减）

不是每个营销活动都需要落地页。但如果某个受众或卖点每月的投放超过约 $500，就值得为它做一个。

## 0. 最好的落地页就地成交

先说策略之前的一件事：落地页表现上最大的单项提升，就是去掉“我想要这个”和“我买了这个”之间多出来的那一次点击。

大多数落地页工具（Unbounce、Leadpages、Klaviyo Pages、ClickFunnels）都把落地页当作独立于店铺的东西。买家读完页面、被说服后点击“立即购买”，却跳到另一个网址（你店铺里真正的商品页）。他们得重新适应、重新阅读、点加入购物车，然后再结账。每多一步，都会流失客户。

Shoprocket 的做法不同。落地页本身就是购买界面。只要一个 script 标签加一个 div，你就能把购物车、购买按钮，甚至整个商品区块直接嵌入任何落地页（WordPress、Webflow、Framer、Carrd，或者你手写的静态 HTML 页面）。访客点击购买时，购物车就地打开，结账也就地打开。转化发生在落地页上，而不是另一个店铺网址上。

**下面就是一个，真实渲染在这篇博客文章里：**

实时轮播，正在这篇博客文章中渲染

这和你放进自己任何落地页的是同一套机制。三行 HTML。没有跳转，没有另外的域名，也不会让结账把买家从你刚讲完的故事里带走。

**这对付费流量为什么重要：**从广告点击到购买之间的跳转越少，转化率越高。在页面内完成购买的落地页，转化率明显高于把访客弹到店铺的落地页。它还能让归因保持干净（不用折腾跨域追踪）。

下面的大多数策略依然适用。但底层的架构选择（落地页 = 购买界面，而不是营销界面）是转化提升的一大来源，而在 Shoprocket 之外，几乎没有人做得这么干净。

## 1. 与广告的信息匹配

如果你的广告写的是“有机棉 T 恤五折”，落地页标题就该呼应它：“有机棉 T 恤五折，截至周日”。而不是“欢迎来到 Acme 服饰”。

信息不匹配是付费流量中最常见的失败。广告承诺 X，页面给的却是 Y，访客的心理预期被打破，于是跳出。信息不匹配的落地页，跳出率常常超过 80%。

**规则：**落地页的第一屏应该像广告的延续，而不是一次转折。

## 2. 单一主要行动

一个落地页，一个行动。不要“购买，或订阅我们的通讯，或阅读我们的博客，或在 Instagram 上关注我们”。相互竞争的行动号召会稀释转化。

主要行动通常是：

- 加入购物车 / 立即购买（以商品为主的落地页）
- 填写表单（获取线索，比如下载“免运费指南”）
- 加入上线候补名单（预发布页面）

次要行动没问题，前提是它们明显处于次要位置（更小、层级更低、不与主要行动号召竞争）。把“有疑问？和我们聊聊”作为次要行动就很合适。

## 3. 第一屏只有一个任务：让人愿意往下滑

页面加载时可见的区域（首屏）不需要完成销售。它只需要让访客相信，往下滑是值得的。

该放什么：

- **标题：** 一个具体的承诺
- **副标题：** 一条证据
- **主视觉：** 商品使用场景或结果导向的画面，不要用图库照片
- **主要行动号召：** 不用滚动就能看到、点到
- **信任信号：** 评分加评价数量、媒体报道，或知名客户

不该放什么：

- 你的品牌故事
- 通向其他分类的导航（他们是为这个来的，别让他们分心）
- 商品的每一项功能
- 轮播图（参见 CRO 那篇：轮播图的表现不如静态主视觉）

## 4. 社会认同的摆放位置

社会认同（评价、评分、媒体报道、客户见证、客户数量）要放在焦虑最强的地方：

- 靠近主要行动号召（点击前给一颗定心丸）
- 紧跟在关键主张之后（立刻用证据支撑主张）
- 专门的评价区块（给仔细权衡的人更深入的证据）

不好的做法：

- 把客户见证堆在页面底部的一个区块里，没人会滑到那里
- 没有来源的泛泛“★★★★★ 我们很棒”徽章
- 从没被替换掉的“某某的真实见证”占位文字（没错，这种事真的发生）

好的做法：

- 在“加入购物车”按钮旁边写“3,400+ 条评价，评分 4.8/5”
- 真实客户照片 + 名字 + 针对具体使用场景的具体评语
- 一排你认得出名字的媒体 logo（Forbes、NYT 等），而不是 15 个随便凑的 logo

## 5. 就地化解顾虑

每个买家都有具体的顾虑：“值这个价吗”“真的像他们说的那样有效吗”“能及时送到吗”“可以退货吗”。如果你不回应这些，他们就会自己填上“大概不行”。

好的落地页会就地回答最重要的 3 个顾虑：

- **价格顾虑：**“$79 感觉很贵” → 用一段话解释耐用性、每年 $8 的持有成本算法，以及 2 年质保
- **质量顾虑：**“这东西真的好吗” → 带照片的评价、材质清单、“产地”细节
- **配送顾虑：**“能按时到吗” → “下午 3 点前下单当天发货，2-5 天送达，没送到免费退货”
- **合身/尺码顾虑：** 内嵌尺码表，附上“如何测量”

像看客服工单一样去想。你在客服里会收到的每一个关于这件商品的问题，都是你的落地页没有回答的顾虑。

## 6. 长度：长到足以成交，短到愿意读完

关于落地页该多长的争论抓错了重点。长度取决于价格和决策成本：

- **$50 以下的冲动消费：** 短落地页。主视觉 + 证据 + 评价 + 行动号召。手机上 2-3 屏就够
- **$50-200 的需要考虑的商品：** 中等长度。加上功能介绍、社会认同、对比和 FAQ。4-6 屏
- **$200 以上的高决策成本商品：** 更长。完整的故事、更多评价、视频、对比表、保障细节、FAQ。只要每个板块都有存在的价值，8-12 屏也没问题

回答了所有可能顾虑的长落地页，转化得比留着顾虑悬而未决的短页面更好。但注水凑数的长落地页，不如紧凑的短页面。

## 7. 合适的地方放视频

落地页上的商品视频通常能把转化率提升 10-30%。不过：

- 视频应该静音自动播放（需要点击才播放的表现更差）
- 大多数控制在 60 秒内；能做到 30 秒内更好
- 展示商品的实际使用，而不是精心制作的品牌广告
- 放在你自己的网站上托管，不要嵌入 YouTube（YouTube 嵌入加载慢，还会显示分散注意力的相关视频）
- 字幕始终开启（大多数手机用户是关声音观看的）

## 8. FAQ 板块（但只有回答真实问题时才加）

落地页 FAQ 在以下情况有用：

- 买家的常见顾虑可以预判（而且你的回答足够具体）
- FAQ 便于快速浏览（折叠面板形式，6-10 个问题）
- 每个回答不超过 3 句话

落地页 FAQ 在以下情况有害：

- 只是给页面凑篇幅，没有回应买家的真实问题
- 回答是空洞的营销套话
- 多达 30 个问题（没人会读那么多）

**检验方法：**打开你的客服收件箱。这件商品最常见的 5-8 个购买前问题，就是你的 FAQ。照搬客户使用的原话。

## 9. 行动号召：具体、重复、醒目

一个主要行动号召，随着页面向下滚动重复出现 2-4 次：

- 主视觉附近（主要位置）
- 某个核心卖点板块之后
- 顾虑化解 / 社会认同之后
- 页面底部

行动号召的文字很重要。“立即购买”太泛；“领取我的免运费礼包”“开始 14 天试用”或“加入购物车 - £49”才是具体的。

移动端专项：主视觉滚出屏幕后，在视口底部悬浮一个吸底的行动号召。对移动流量来说，这是必须的。

## 10. 落地页速度

落地页的速度往往比商品页更差，因为大家容易过度设计：自定义字体、主视觉视频、嵌入的社交组件、A/B 测试脚本、热力图脚本、分析脚本。

目标：在移动 4G 下，最大内容绘制（LCP）低于 2.5 秒。Core Web Vitals 的细节请看[移动端优化那篇文章](https://v3.shoprocket.io/zh/blog/mobile-ecommerce-optimisation-core-web-vitals-checkout-and-the-specific-fixes-that-move-conversion.md)。

拖慢速度的清单：

- 原始分辨率的主视觉图片（压缩到 100-300 KB）
- 没有封面图的自动播放视频（损害 LCP）
- 多种字体（选一种标题字体加一种正文字体）
- 所有分析和再营销像素都同步加载

每次点击要花 $2-10 的落地页，值得加载得更快。对于 CPC 为 $5 的投放，1 秒的速度延迟会因为跳出浪费 10-20% 的花费。

## 11. 测试：什么值得做，什么不值得

在流量不大的情况下，大多数落地页 A/B 测试得到的只是噪音。样本量的计算请看 [CRO 那篇文章](https://v3.shoprocket.io/zh/blog/conversion-rate-optimisation-for-ecommerce-the-honest-sequence-that-actually-moves-the-number.md)。

**值得测试（如果你有足够流量）：**

- 主视觉标题的不同版本
- 主要行动号召的文字
- 价格呈现方式（按月 vs 按年，$99 vs $99.99）
- 社会认同的形式（客户见证 vs 评价引语 vs 统计数据）
- 主视觉图片（商品 vs 结果 vs 生活场景）

**很少值得测试：**

- 按钮颜色（最多带来 0.1-0.5% 的提升，还需要巨大的流量）
- 细微的文案差异（差 5 个词、差 2 个字符）
- 页脚内容
- 导航项

对于每月访客不足 5,000 的落地页，定性研究（会话录屏、热力图）胜过 A/B 测试。

## 12. 常见的落地页错误

### 把广告指向首页

广告定向“皮质笔记本电脑包”。点击后进入的首页却展示着 200 件不相关的商品。访客始终找不到那个包。跳出。去做一个落地页吧。

### 所有广告受众都用同一个落地页

冷启动的 Meta 流量和温热的再营销流量需要不同的信息。冷流量：证明你是谁、商品是什么。温热流量：回应他们上次没买的具体原因。

### 藏起价格

落地页上回避价格反而适得其反。把价格清楚地显示在首屏。被价格吓跑的客户本来就会跳出；对价格感到心动的客户则转化得更快。

### 表单字段太多

落地页表单上每多一个字段，完成率就会降 5-10%。只问你需要的；不要为了发一份邮件指南而索要电话号码。

### 品牌风格与广告不一致

广告用的是明亮的色彩和轻松的语气，落地页却是公司式的灰色调。感觉像被偷换了。访客跳出。

## Shoprocket 能帮你什么

- **把商务嵌入任何落地页**：商品目录、购买按钮、购物车或完整店面，只需一个 script 标签就能放进任何 HTML 页面。落地页本身就是购买界面，而不是把访客弹到你店铺的另一个营销页面
- **灵活的页面构建器**，提供 40+ 套主题，适合你想用托管店面做落地页的情况
- **自定义域名 + 子域名** 支持，可用于活动网址
- **博客 / CMS**，用于以 SEO 为主的落地页内容，并完整控制 meta 信息
- **自动图片优化** + WebP 分发，让落地页加载更快
- 托管店面已针对 **Core Web Vitals 优化**；嵌入组件采用懒加载，所以你手工搭建的落地页依然很快
- **商品数据源**，让你把广告流量送到从目录中调取的单个商品
- **实时分析** + UTM 追踪，衡量哪些落地页在转化
- 通过后台开关启用**追踪像素**（Meta、Google、TikTok），让你的广告正确归因

Shoprocket 原生不提供的：完整的落地页 A/B 测试（可搭配 VWO 或 Optimizely 使用）、热力图（可用 Hotjar 或 Microsoft Clarity，Clarity 免费）。

> **提示：**如果你在投付费广告，只做一个落地页。不要一开始就做 10 个版本。让广告活动对着这一个页面跑 2-4 周，观看会话录屏，根据你看到的东西迭代页面。一个经过认真迭代的页面，胜过五个你从不优化的页面。

## TL;DR

- **最好的落地页 = 购买界面本身。** Shoprocket 把购物车和结账直接嵌入任何 HTML 落地页；大多数平台会把访客弹到另一个店铺网址
- **落地页只有单一目的**，不是通用的商品页
- **与广告的信息匹配** 是最大的转化杠杆
- **一个主要行动号召，** 重复 2-4 次，文字是具体的行动
- **第一屏要赢得滑动，** 而不是赢得成交
- **内嵌的社会认同** 放在行动号召和主张旁边，不要埋在底部
- **就地化解顾虑**（价格、质量、配送、合身）
- **长度随决策成本变化，** 而不是随意决定
- **速度对落地页比对普通页面更重要**（付费流量浪费不起）
- **有流量就 A/B 测试主视觉 + 行动号召 + 价格呈现**；没有就做定性研究
- **常见错误：** 把广告指向首页、所有受众共用一页、藏起价格、表单字段过多

[开始免费试用](https://app-v3.shoprocket.io/signup)，用内置的主题化店面 + 数据源 + 像素追踪来搭建落地页。14 天，无需绑卡。

---

- HTML version: https://v3.shoprocket.io/zh/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Deutsch](https://v3.shoprocket.io/de/blog/landingpages-ecommerce-wann-noetig-inhalt-testen.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [English](https://v3.shoprocket.io/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Español](https://v3.shoprocket.io/es/blog/landing-pages-ecommerce-cuando-necesitas-una-que-poner-que-probar.md), [Français](https://v3.shoprocket.io/fr/blog/pages-atterrissage-e-commerce-quoi-mettre-quoi-tester.md), [עברית](https://v3.shoprocket.io/he/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/landing-page-ecommerce-kapan-perlu-isi-dan-cara-uji.md), [Italiano](https://v3.shoprocket.io/it/blog/landing-page-ecommerce-quando-servono-cosa-inserire-cosa-testare.md), [日本語](https://v3.shoprocket.io/ja/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/nusileidimo-puslapiai-el-prekybai-kada-reikalingi-ka-deti-ir-ka-testuoti.md), [Norsk](https://v3.shoprocket.io/nb/blogg/landingssider-for-nettbutikk.md), [Nederlands](https://v3.shoprocket.io/nl/blog/landingspagina-ecommerce-wanneer-wat-testen.md), [Polski](https://v3.shoprocket.io/pl/blog/landing-page-dla-ecommerce-kiedy-potrzebujesz-co-umiescic-co-testowac.md), [Português](https://v3.shoprocket.io/pt/blog/landing-pages-para-ecommerce-quando-usar-o-que-colocar-o-que-testar.md), [Română](https://v3.shoprocket.io/ro/blog/pagini-de-destinatie-ecommerce-ce-pui-pe-ele-ce-testezi.md), [Русский](https://v3.shoprocket.io/ru/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [ไทย](https://v3.shoprocket.io/th/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Türkçe](https://v3.shoprocket.io/tr/blog/e-ticaret-acilis-sayfalari-ne-zaman-ne-konur-ne-test-edilir.md)