Google帮助中心

Landing Page 必备五大元素

由于一页式网页的重点明确，所具备的元素也相对单纯。抛开内容布局各产业有你自己的 Know How 外，以 Landing Page 的必备元素于下列出。

行动呼吁设计 ( CTA : call-to-action )

表单 ( Form )

影片 ( Video )

图片 ( Image )

吸引人的标题 ( Compelling Headline )

1. 行动呼吁设计 ( CTA : call-to-action )

行动呼吁设计 ( CTA ) 是页面里一个大而明显的 「 按钮设计 」。他的目的是让浏览者经过内文引导后，能明确知道自己该做的下一个动作是什么，此按钮按 ( CTA ) 的点击状况，就是这一个 Landing Page 页面的 KPI。

以 Neflix 为例，大而显眼的红色按钮「 开始使用 」即为网页的 CTA，在你输入完 Email 后按下该按钮，页面会接着引领你完后续设定，即便你没有完成设定流程， Neflix 也已经成功取得对订阅他们产品有兴趣的 Email 名单。

CTA 除了颜色巧思外，呼吁文字搭配内文做出创意发想，让人更有点击欲望。

2. 表单 ( Form )

Landing Page 的目标是「 转化 」，除了呼吁受众点击按钮前往下一步骤之外，收集客户资讯的表单也是很常见的应用方法。

运用表单收集必要的客户资讯。如下图范例， On Demand 这个 Landing Page 的目标是收集客户 Email 获得产品的优惠券，一页式的设计用一个大大的键号指引读者的目光方向，接着使用 Yes / No 单选以及下拉式选单选择想要获得折扣的产品，整个流程客户仅需要手动输入 Email 这个资讯，对填答人来说是非常方便的流程，而 On Demand 光是这个动作就可以收集到

浏览页面人数与 App 使用比率

市场产品销售偏好

潜在客户名单

当然我们看到下方还有大数字 1 - 2 - 3 表示后续还有更多的客户资讯等着收集，因为当下看到的画面简单，题目也容易选择，因此客户愿意填答状况也会更好，即便没有走完全部流程，企业也已经收集到最优先的客户情报。

表单设计着重在使用者体验的优化，降低消费者跳出率 ( Bounce Rate  )。

优质表单设计原则

仅收集必要资料 

表单制作时先思考，在这个 Landing Page 的推动目的下，这个问题是不是必须要问到的，像是 : 国家、电话、地址、参加的该场活动名称。现代的表单设计工具，要获得客户资料不一定完全需要客户主动填写，透过表单工具结合 CRM 工具其实有很多资讯可以透过先前的规划，就将客户的资讯自动带入表单中，客户不必亲手填写，减少客户的麻烦等同提高表单的提交率。

多元填答型态的辅助

单选题、多选题、下拉式选择、开放式问答、行事历选日期等，多型态的答题方式，可以帮助填答人在回答问题时，更方便，更省时。花点巧思换位思考，今天这份表单如何设计会让你自己回答得更轻松自在。

优化你的 CTA 用词

相较起「 马上购买 」、「 注册 」、「 加入购物车 」等仿佛你要付出什么东西的词组，使用「 开始我的课程 」、「 免费取得 」、「 参加 The 5-Day S.M.A.R.T 挑战 」、「 开始规划我的财务 」比较正向积极、获得价值等类型的词组更能让人想要点击。

3. 影片 ( Video )

影片的好处就是激化浏览者的感官视觉，吸住他们的眼球！比起黑白枯燥乏味的文字，动态的影片更能将产品「 些微的差异 」展现出来、更能引导目光看到你想要说的产品亮点。不同的影片渠道有不同的影片长度、广告长度限制，依据产业也会有不同的受众习性，你需要透过数据分析，找出如何在有限时间内最精准描绘产品特色。

以下用 Facebook Ad 在游戏产业做参考，可以看到在游戏产业中广告长度落在 16 - 20 秒，同时转化成效也最好。 

好的影片让无聊严肃的产业「 活起来 」、让原本充满娱乐性的产业更具魅力！好比会计、法律业可以用影片呈现专业或平常客户看不到的细节，让消费者在观影的数秒内选择该品牌的服务。

相对的，高张力的娱乐业像是游乐园，便可放置孩童开心使用设施的片段，除了让父母了解设施的安全性外，也更期待出游的到来。

4. 图片 ( Image )

好的图片能帮助造访者按下 CTA 按钮！

让我们来看看以下这组例子，可以想一想以下两个问题：

1、有人物和没人物的照片，你会比较倾向喜欢哪张的风格？

2、如果网站是家具业，你又会做出不一样的选择吗？

以照片来说，有了人物则多了人性的温暖，甚至有各式的情绪在里头发生。因此，有人物的照片其实相对有趣，但里头所发射出来的情感，在不同人身上的作用也很不一样。要特别注意目标群众是谁而做出相对应的选择！

此外，业态的不同也影响照片的选择。单纯的家具照片或许就适合家具业。毕竟当我们（或多半是设计师）在设计一个空间时，需要完整的单品的形貌供消费者仔细品选。

然而照片里若有「人物」的存在，则影响了对物件的观察。

那「人物配家具」的照片适合放在什么生态的产业呢？或许你会观察到保险业、金融业等，很常以「家」的概念出发。所以，图片是很有个性的，而不同的个性则传递不同的态度和讯息！

5.吸引人的标题 ( Compelling Headline )

标题的重点就是你必须「快、很、准」的切中消费者要害！好的标题要能让人产生好奇心、愉悦感或是得到问题的解方！

下图分别是两种型态的例子：

1.吸引人的说法 : 以「开始设计你的餐厅 Design Your Dining Room 」来吸引消费者目光。相较于「马上购买」这种陈腔滥调，是否让你更有动力浏览网页呢？

2.产品名称法 : 如果产品名足够响亮，请把整页留给你的产品！别忘了可以加句小副标，更推动浏览者顺着目标往前滑进！