最高吸引力的Landing page登陆页面设计技巧

你可曾有过，为什么明明没有预期要买某样商品，却因为进入网站看了介绍，最后忍不住就下单了？反之，有时候我们已经预设好要买某样商品，却在浏览网站的时候，在下单的最后一刻突然就不想购买了？

有时我们只是逛逛一些博客或 B2B 的服务网站，却不由自主的留下了个人资料？相信这些情况一定不止你一个人发生过，而且有做网路行销的老板们应该更想知道究竟是怎么一回事！

很多时候，登陆页面设计的好坏，取决于消费者是否会荷包失守或留下个资！

Landing page 的中文为「登陆页面」亦称为销售页、著陆页面、到达页面。讲的是任何一个网页，无论访客是从哪个流量管道进来的(如：Facebook广告、Google搜索等)，能去引导访客到达你设定目标的网页就被称做为登陆页面（Landing Page）。例如：订阅电子报、下载电子书、购买产品或注册会员等。

在谈登陆页面的设计诀窍之前，首先要先了解登陆页面的重要性。当访客点击网站链接时，我们不建议将访客导入网站的主页，原因如下：

• 主页有太多按钮，怕客户没有头绪的乱点，跑到毫无相关的页面。当客户迷路时，他们就会离开你的网页，降低你的转换率。
• 首页的内容无法自订化。客户点击广告时，他们的目的是想延伸了解更多相关资讯。但网站首页往往是一般的公司简介，跟广告内容不一定有关联。

（例如：广告标题是「立即报名免费英文课试听」，但点进去却看不到报名表，只看到 XX 美语的创业理念。这时，大部分的人都会选择离开。）

做个简单的结论：登录页面应该只有 1 个按钮或目标，当内容与广告有一致性时就能大幅提高转换率。一般登入页面都是下拉式的单页网页，如果客户想了解更多细节，他们就会往下继续看。
因此，你必须事先设想好你期望访客为你达成的目标，也就是你期望访客接下来要做些什么事？当你拥有一个好的登陆页面设计时，你便可促使访客完成你所希望他们达成的目标！

如何设计最强登录页面 Landing Page？从这些细节去开始！

引人入胜的 landing page 标题

What is the value proposition?

你能「提供什么价值」给客户？标题文字是顾客决定是否要继续阅读内文的关键之一，所以标题一定要掌握「简洁明瞭」这项大重点，需要一眼就可以知道登陆页面所想要呈现什么内容，使访客猜想他们可能可以从中获得什么资讯或益处。

简单举例一间麻辣火锅店家「贩售优惠餐卷」的登录页面。

标题 #1：不买会后悔之让你辣翻天也嗨翻天！

标题 #2：限时75折！预购麻辣火锅优惠餐卷，平价也能享受顶级食材。

你觉得哪一个标题比较吸引人？我个人会选择标题 #2，因为它简单明瞭，而且一眼就能看出「价值与产品特点」。文案中成功做了三件事：

1. 标题以75折这个数字来吸引我的注意力。
2. 标题有清楚告诉我该做什么 (我们称之为Call-to-action，此文章下方有简单介绍)。此文案的重点就是「请我们预购餐卷」。
3. 标题成功的描述了此活动的价值：透过「预购」的方式让我们花小钱也能享受顶级食材。

标题 #1 的缺点在于它的文字不够清楚。例如：为什么不买会后悔？辣翻天与嗨翻天这件事太主观与抽象，感觉像是很一般的形容词，缺乏细节与卖点。

搭配适当的图片、短片或动画

人是视觉性动物，图像会是第一个被大脑处理的物件。当我们在登陆页面置入符合主题的图片、短片或是动画时，会使访客对于你所要提供的服务、产品有想像的雏形，进而更想要了解你的服务与产品。而有趣、有创意的影片最能抓住访客在网页停留的时间喔！

社交平台分享图标

在页面中加上社交平台(Facebook、Twitter、LinkedIn等)分享图标，是一个提升登陆页面被更多群众看到的方法，进而提升流量。

移除分散注意力之因子

登陆页面是一个很单纯的页面，你希望访客可以为你达成目标，所以你绝对不会希望有任何会分散他们注意力的按钮出现。网站导引中的选项：网站首页、关于我们、联络我们等，这些可能会使访客分心而离开登陆页面并且一去不回头了！所以将这些引导选项移除，让访客将注意力集中在网站内容中，使他们尽快地达成目标！

表单填写内容设计

当登陆页面是以下载电子书或订阅电子报等方式与访客交换资讯（如：姓名、电话、性别、电子邮件）时，我们该如何提供吸引人且有用的资讯，让访客愿意填写表单而不是关闭页面离开呢？在设计表单填写这一栏位时，请必须直接了当将登陆页面的主要标题写出来，并浓威而鋼
缩整个页面所要呈现的资讯。

简单举例以学习「程式设计补习班」的登陆页面来说，

主要标题：成为一位顶尖的程式设计师！

浓缩资讯：4堂课，12小时的课程让你试听，100%完全免费。再搭配专属的「职涯规划师」为你规划晋升蓝图！

公司已经很久没为你加薪了吗？在台湾不景气的环境下要如何找到『高待遇』的优质工作？成为一位顶尖的程式设计师可以轻易的让你年薪突破一百万！

留下访客个资内容：我希望了解更多资讯，请先帮我预留免费名额，并且请职涯规划师与我电话联络。

利用动词打造CTA

CTA (Call-To-Action) 中文称为行动按钮或行动呼吁，主要目的是希望访客按下按钮，如：订阅电子报、下载电子书或购买商品等行动，而透过动词的呈现(例如：立即订阅、马上下载等)促使消费者赶快按下行动按钮，将会带来更好的成效！

给不熟悉营销的朋友：CTA (Call-to-action) 很简单，不複杂，它只是一个名词。它的概念就是要「指定客户」做下一步的动作。CTA 可以是一句话，一个按钮，或是一个张图片。当我们告诉客户该如何「继续」时，客户听话做出下一步动作的机率将大幅提高。

测试比较登陆页面

然而我们设计的登陆页面，我们并不了解消费者是否愿意买单，这当中有许多的物件可以拿来做测试 (如：行动按钮、标题、图片等)。透过 AB 测试这项工具来了解访客的偏好，意思就是说，登陆页面不仅仅只可以设计一种版本！

在选择繁多的时代，一旦让访客犹豫、离开页面，便很容易一去不复返。Landing page 登陆页面所需要设计的物件看似简单又不复杂，但要设计出一个好的登陆页面，并能促使访客达成目标却不是件容易的事。因此设计 landing page 需要有足够的耐心并持续的做测试，相信访客一定会接受引导并为你达成目标！