landing page设计的5个小经验

十二月 24, 2008 | 1 Comment

本文是landing page指南与案例分析系列文章的第二篇：Landing Page 设计

原著: Roberta Rosenberg

翻译：互联网营销博客, 转载请注明出处。

Copywriter不一定要自己设计landing page，不过作为一名广告文编写人你需要了解有效的landing page设计的原则，这样你才能更好的与专业的landing page设计师沟通和交流。理解landing page设计原理有利与你和你的团队认准相同的目标，并提升产品的转换。

关于页面布局，Omniture最近发表了一个叫做 Best Practices for Conversion: The New Engagement Funnel in 7 Steps的白皮书，在其中的第三步：组织和优化网站结构中详细介绍了页面布局相关的基本方针，通过他的指南可以帮助你更好的组织和格式化你的landing page：

  • 仔细研究你的竞争者的landing page设计，并延伸他们的设计思想。 贯穿竞争者页面的转换过程，考虑那些你觉得与你的想法不一致的地方，思考是否应该修改或删除这些内容，你必须自己动手进行测试。
  • 将landing page中最重要的文字放到页面最上方的300像素以内: 几乎有一半的访客不会使用浏览器的滚动条来浏览页面下一屏的内容，因此把你推销的卖点放到landing page的第一屏，并添加上一个call to action。
  • 不要考虑得太复杂: 使用单字段格式，留出两个侧边空隙，居中的内容让你的访客更容易阅读。将大的段落分割为几个小段落，每个段落不要超过5行。你应该让访客跟随你的思想，而过于密集的文字会让他们无法完整的阅读。
  • 使用醒目而且通俗的语言: 给你的links加上下划线，让它显得更为醒目。尽量使用通俗易懂的语言，有一说一，没有哪个访客愿意来思考你的语言有什么引申的含义。
  • 确认你的页面读取速度足够快: 这一点非常重要，通常我们都建议针对不同的国家和地区都使用相同地区的主机。记住至今还有数百万的用户还在使用电话拨号，删除你landing page上不必要的图片，优化必要的图片大小，让你的landing page更快的被读取。如果你的页面在8秒内还不能完全被读取，那么你的用户很可能会迅速离开你的网站，同时你的adwords 关键词质量分也会大打折扣，这无疑会增加你的广告预算。

别忙，这里还有5个小常识你应当时常记在脑中：

  • 基于 the F-Pattern Eye-Tracking 原理来格式化你的landing page: 互联网读者都倾向于一种粗略的F-shared模型来浏览web内容，因此把你的重要图片放到文字左面去。 (什么是F-shaped模型, 实际上就是普通人浏览web内容的眼球轨迹，也叫做尼尔森的F视觉模型，这里有一份调查报告，请参考 Jakob Nielsen’s eyetracking research.)
  • 使用一致的网站配色/让你的ads视觉元素与landing page相互匹配: 平滑一致的颜色配置，不要让你的访客觉得不协调，看上去象个皮包公司。
  • 不要使用剪切画！制作自己的广告图片： 尽量使用一个产品图片，如果没有产品，你可以使用自己制作的logo或本地计算机上面的一些相关图片，让访客有点击的欲望，在图片上添加一点有利可图的介绍是非常好的办法，比如big save，30% off等字样。如果你的图片看上去你自己都不愿意去点的话，删除它，因为它毫无用处。
  • 把无关痛痒的元素放到侧边栏或者直接删除掉。
  • 让你页面的表单输入更加简单： 不要为你的访客设置复杂的表单，你认为他们会一个一个认真填写吗？

记住, 你的landing page的目标是什么，促成销售或者引导注册，还是都有？你的landing page 文章与设计都应当围绕着即定的目标来进行，完成之后自己读一遍，有老婆的建议让老婆也读一遍，你会发现大多数人想的和你想的都不一样！

思维导图[心智图]在创建和设计landing page的过程中也有一定的指导作用，建议大家参考：

http://mindmap.fltrp.com/

http://baike.baidu.com/view/30054.htm

Landing Page设计参考书籍：

网站优化-通过提高Wed可用性构建用户满意的网站

★一本讲述web可用性的好书
★可用性领域的权威Jakob Nielson博士在Web可用性方面的最新著作

本书根据Web在近些年的最新发展状况，并结合尼尔森-诺曼集团的大量研究成果，详细阐述了如何从可用性的角度来提高Web设计水平，从而使得用户能够更 加满意和高效地使用网站来完成各种任务。书中所涉及的内容包括用户使用网站时的行为特点、如何对可用性问题的重要程度进行评估、网站的搜索、导航和信息体 系结构、内容写作、页面布局、字体设计、产品信息以及如何合理使用多媒体，等等。

本书针对性强，图文并茂，并展示了大量真实网站的屏幕截 图作为示例，具有很强的可读性，是一本不可多得的有关Web可用性设计的优秀著作。阅读本书有助于设计出可用性高、能够令用户满意的网站。本书适合于 Web设计、开发及评估人员阅读，也适合于高等院校及职业技术学院的计算机应用、自动化、仪器仪表、电子、通信等相关专业的师生参考。

Posted by 卡西摸多 | Filed Under article writing, Landing Page 

关于Landing Page写作的10个小秘密

十二月 24, 2008 | 5 Comments

本文是landing page指南与案例分析系列文章的第一篇

原著: Roberta Rosenberg

翻译：互联网营销博客, 转载请注明出处。

我有个客户在网络广告媒体上非常舍得花钱，他通过google adwords PPC广告以及各大新闻网站的banner ads获得流量，本文将为你介绍如何花同样的钱获得流量，并有效的将流量转换为你的客户。

我敢打赌你一定在想我的这位客户一定把他们的广告预算用做landing page的开发和测试上面了，在他们成为我的客户之前，我也是这么想的。实际上后来我发现，他们并不是这样做的，基本上他们没有制作专门的landing page，所有通过在线广告而来的流量都被发送到了客户的网站首页。

很明显，客户的预算都没有使用在刀刃上，就跟现实生活中的生意一样，他只把客户带进了他们的商店店面，却没有指导他们来到产品的销售柜台，客户甚至没有发现他们所需要的产品，转身离开，也许永远也不会再回来。

实际上，你的网站或者blog上的每一个页面都属于不同类型的landing page，在我看来，每个页面都应当被优化为促成访问者成为你的客户的网页，如何让他们成为你的客户？你需要客户购买你的产品，注册为你的客户，订阅你的blog还是其他？在一个landing page建立之前，你必须考虑这些问题。

在明白你建立Landing Page的目的之后，你需要提供一些附加的信息让客户了解，他们购买你的产品或订阅你的服务有什么好处，能为他们带了什么，他们是否真的需要类似的产品或服务。下面我们来介绍设计和写作landing page的10个关键步骤：

Landing Page写作

1. 根据广告的描述内容来确定landing page的标题。 精确的匹配你的广告和landing page标题，让访问者知道他们已经找到了真正需要的信息。如果你还对adcopy的写作不熟悉，建议参考：Writing Effective Adcopy 编写有效的广告

2. 准备一个清晰的call to action。Call to Action是什么？如果你使用图形按纽或醒目的链接，用他们告诉你的访问者他们需要做什么才能得到他们需要的信息或产品。我在一个较短的landing page中至少使用2个call to action语句，在较长篇的landing page 中通常使用3到5个。

3. 使用第二人称进行写作 You and Your. 在文章中尽量使用你，你的这样的人称，让读者感觉到他面对的不是一个landing page，而是一个正在与自己交谈，给自己建议的人。

4. 给读者传递清晰的，有说服力的信息。 不要忘记你的目的是成交一笔生意，而不是向人们展示你有没有艺术天分，所以你需要尽量使用平坦、清晰的叙述方式。

5. 保持合适的、紧凑的文章长度。 并不是所有的landing page都要写得又长又臭，没有人愿意读完一篇一眼望不到边，毫无生趣，丝毫不能刺激读者神经的文章。太长的文章人们都喜欢当小说看，你的landing page比小说更有趣吗？

6. 请明确你的目标。让你的文章主体内容与你的标题保持一致，围绕主题进行写作，尽量保持文章的逻辑性，不要离开主题，颠三倒四，永远不要忘记你的目标是什么！

7. 在段落开头清楚描述重点和卖点。许多访问者阅读都喜欢跳着读，他们只阅读他们关心的内容，因此不要让他们错过重要的段落。

8. 人们在阅读中间的内容之前，总是喜欢先阅读开头和结尾。 保证你的landing page开头和结尾都包含了最重要和最有说服力的词句。记得上小学的时候，老师就叫我们写文章的一个重要的技巧，那就是“龙头、凤尾、猪肚子”。所谓的龙头，就是一篇文章的中心思想，这篇文章的亮点，猪肚子就是对文章论点的详细阐述和论证，凤尾就是总结概括的结尾。这条规则在进行Landing Page网页设计的时候依然是适用的

9. 让第一个段落尽量精简，不要超过2到3行[行数而非句数，一个长句分为几个短句，有时候更容易被阅读和理解] 。从现在开始改变你的段落行数，让你的文章更容易阅读，过长的段落让人产生视觉疲劳，在任何段落都不要让它超过6行。

10. 重要的第一屏幕。 应该知道，多数的landing page无法在一个屏幕显示完，你应该把最重要的内容显示在第一屏，总有那么一些人懒得连鼠标滑轮都不愿意动一下。我的建议是第一屏必须包含“最有说服力的内容”+“一个call to action”。

3个奖励的小贴示：

11. 移除所有与你landing page无关的要素。 这包括导航工具条，视觉杂乱的段落，到其他与主题无关内容的链接。让读者聚焦到你的主题上，不要让其他事情吸引他们的注意力。

12. 不要问一些你不需要的东西。 你只需要寻找足够的信息来完成一个销售或既定目标，现在还不是做市场调查的时候。

13. 不要去猜测什么，一切看测试

通过上面的手段，你可以开始设计你的landing page了，但是他们只留于表面，是一个总体原则，实际上设计元素还可以包括颜色，图象，布局，视频，音频等互动元素，适当的添加这些元素到你的landing page中去，效果好不好得你自己去测试。

推荐资源：

Landing Page Handbook, How to Raise Conversions — Data & Design Guidelines.

CopyWriting Course – Increase Your Conversions & Your Search Engine Rankings

Posted by 卡西摸多 | Filed Under article writing, Landing Page 

Landing Page指南与案例分析

十二月 23, 2008 | 8 Comments

什么是 Landing Page?

Landing page也可以称为着陆页 ，网站上任何一个接受流量的网页都可以称为landing apge。与普通的网页不同，landing page需要完成不同的使命，它需要把访问者引导到他们需要的网页，landing page并不是目标页，而只是引导访问者到目标页的一个中间页面。如果你租过房子，你可能找过房屋中介，landing page就扮演中介的角色。房屋中介需要了解租房者的需求[搜索关键词 - Keywords]，并向租房者推荐适合的房子[房子信息也就是landing page的内容]，最后由你选择租赁哪个房东的房子[通过landing page到达目标页 - mechants]。

下面是一些将landing page用在不同流量源的例子：

  • 流量来自pay per click (PPC) 搜索引擎广告活动，比如google adwords或者yahoo search marketing，通过不同的搜索关键词进行优化了的多个landing page。
  • 流量从banner广告或图片广告来到landing page，这类流量通常都来自指定的页面，并针对特定的目标客户。
  • 为了推广一个特定的产品销售或引导，从电子邮件中的文本链接而来到landing page的流量。
  • 为了预售一个affiliate产品或opt-in邮件订阅，从blog文章或sidebar而来到landing page的流量。
  • 还有一种就是类似本文章的landing page，由一些专门围绕一个主题的相关页面链接组织起来的landing page，通过本网页你可以到达本网站任何一个与landing page相关的页面。

Landing Page 指南:

我们为大家准备了3个能够帮助你创建一个优秀的landing page的文章资源：

  1. landing page写作中需要知道的10个小秘密
  2. landing page设计的5个小经验
  3. 你的landing page是否是成功的，你需要知道3个关键法则
  4. Landing Page 优化增强: 提高电子书销售的8个技巧
  5. 如何使用Landing Page
  6. 优化Landing Page
  7. 文案写作- 销售文案写作技巧
  8. 写作技巧 – 10个永恒的写作技巧，让你的Landing Page更有说服力
  9. Landing Page 信息图 － 剖析完美的着陆页
  10. Landing Page转换率技巧 － 使用正确的图片来影响人们做出购买决定
  11. 选择的艺术 － 转换率提高10倍，你能做到吗？

下面是几个有用的Landing Page生成工具和模板下载地址

  1. 两个免费的landing page模板下载
  2. Experience Advertising Sitebuilder – 免费商业域名主机+免费利基博客模板
  3. Amazon Landing Page – 一个免费的Landing Page生成工具，专门为amazon的产品生成landing page，这里有一个专门为Kindle Wireless Reading Device生成的landing page，看上去非常不错。

Landing Page Optimization ［Landing Page 优化权威指南］英文版免费下载

landing page 优化权威指南

Landing Page 优化权威指南电子书，英文原版免费下载

原创：互联网营销博客 – 转载请注明原作出处！

Posted by 卡西摸多 | Filed Under article writing, Landing Page 

« 上一页

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议

站点地图 | 关于 | 投稿