篇一：推荐：我们应该如何优化网页转化率(上)
推荐：我们应该如何优化网页转化率(上)
本文来自Facebook、Twitter 及Quora 用户增长团队的产品大牛Andy Johns在Quora所写的文章。千万不要将所有建议照单全收,做出一个四不像网站。你应该将此看作测试网站的技巧工具箱，了解对你的产品与用户而言使用这些技巧的优点与缺点何在，以及如何使它们符合你的宏观产品愿景。
“优化注册转化率”这个话题可以扯出一本百科全书的篇幅来。因此我会花大量笔墨来阐述。在此先提醒你们，这将是一篇长文。。（译者注：差不多等于一章书了，所以拆分成上中下三篇）（Damndigital注：这里将上中篇合并为上篇）
我认为优化注册转化率的方法概括起来主要就是两大类：
第一大类，站内优化。包括网页设计/文案/布局等。这是个值得深入探讨的话题，这也是后面一类方法的基础。
第二大类，访问来源优化。有许多种方法可以提升访问来源的转化效果（比如SEO，邮件，社交网络，等等），对此我不会太多展开。但从”访问来源→用户最终转化页”之间的过程优化同样很重要。讨论站内转化率优化不可能抛开访问来源。因为早在用户进入落地页之前就已经要开始优化转化率了。
站内转化率优化
定义：改善网页的设计与功能，提高用户在页面上执行关键行为的可能性。
转化节点：最常见的转化节点包括：注册、登录、购买、订阅、分享等（社交媒体增长带来的结果）。还有其他更加细化的转化节点，但我主要关注这几个核心的指标，因为优化的方法可以适用到其他转化节点上。
1. 按钮vs. 文字链接
按钮比文字链接能获取更多的点击率，原因很简单，因为”更显眼”。当你需要用文字链接的地方，尝试用按钮去代替。因为已经有无数的测试证明了少用文字链接能让CTR提升 20%-200%。
这里插一个有趣的题外话：不要期望一个按钮的A/B测试效果能在数周内保持平稳，尤其是邮件营销。因为你通常是向一个比较固定的群体发邮件（比如新闻提醒），而按钮容易会出现”点击疲劳”的现象——用户已经习惯了你的设计，很可能意识到了邮件中的文字和按钮都能链接到同一个地方。因为点击任何文字或按钮的超链接，都可以达到目的地。（延伸阅读文章：按钮vs.文字链接/blog/case-studies/buttons-vs-text-links.htm）
不过一般情况下，按钮还是比文字链接强，因为尽管数周后CTR增长放缓，按钮还是提升了CTR。CTR增长的绝对值不一定能够长期保持在30%，但至少你可以期望增长趋势能够持续数周甚至数月。
这并不是说同一个按钮不可能带来CTR的持续增长。因为按钮点击行为在网页上和邮件中的表现可能有很大的差别。网页上的按钮不太容易产生点击疲劳。如果你针对网页按钮做A/B测试时发现了数据的增长，那么这个增长通常是稳定的。
2. 按钮位置
第一屏的位置优于其他位置。例如，Chitika 做了一个对比广告在第一屏与下面位置的CTR的研究，发现广告在首屏时能达到36%的CTR增长。同样的道理适用于任何首屏的可点击动作。一些市场研究者也做了个有趣的研究，在首屏呈现较少的信息，鼓励用户翻页去发现更多内容，并产生转化点击的效果。他们的发现是：你完全可以鼓励用户去翻页，并点击首屏之下的内容。
看看这个布里斯托尔机场网站的眼动热点图。这张图表明，首屏只展现少量内容可以引导更多用户往下浏览及点击。
从用户的角度看来，省事才是王道。如果你有把握传递足够的信息和价值，使用户点击首屏的按钮，就应该这么做，而不要故意缩减页面头部并使信息堆积在页面下方。
3. 操作按钮的尺寸，颜色，对比
操作按钮应该显眼而不突兀。Square在这方面做得很好。按钮的颜色同全屏出血的背景图及其他页面元素形成了很好的对比。按钮很大，但不会大得吓人，并且按钮旁边搭配有很多呼唤用户点击的元素）。
如果你想看看更多行为呼唤的样式与类型，请戳这里
/35-creative-call-to-action-buttons-for-inspiration/
4. 提升网页加载速度
落地网页的速度通常是转化率优化中容易被忽视但却非常重要的一个环节。许多测试数据表明网站速度是至关重要的。例如，2007年亚马逊发布的一个研究显示网站每100ms的加载延迟就会
导致销售额下降1%。戳这里看更多关于网站速度的研究：
/website-performance-optimization/。想办法降低（尤其是关键页面）加载时间，例如可以减少图片/CSS/ JavaScript等等的负载。或者想办法切分页面不同的加载项，让关键元素优先加载。通过在Facebook 和 Twitter参加过的许多测试，我亲身看见了速度提升能够如何显著地提高转化率。我真心认为糟糕的网站速度是导致MySpace没落的原因。想想看，一个速度慢的网站意味着更少的朋友请求，更少的状态更新，更少的图片上传，更少的广告点击，更少的邀请发送，等等，等等。所有这些操作都是形成社交网络效应的积累基础。网站速度阻止了网络效应的飞速势头，由此导致了越来越少的增长，而增长的减少意味着失败的风险增加。Facebook来了，它更快，更简单，而且有了更好的网络效应。通过专注于改进网站速度等关键要素，Facebook打下成功的基石。
谷歌提供了一个很好的网页速度测试工具，任何人都可以使用：
http://developers.google.com/speed/pagespeed/insights/。它可以生成详细的报告，给出具体的网速建议。YSlow也是发现网速问题的很好的工具。
如果你是一个WordPress网站站主，网速是个现实存在的问题（特别是对插件重度使用用户）。你可以尝试使用Plugin Performance Profiler来查找插件对个人站点网速的影响。它可以生成如下的报告，帮助你诊断每个插件对延迟的影响。
谢谢unbounce.com提供上述网站速度分析工具。
(http://unbounce.com/conversion-rate-optimization/how-to-improve-conversions-by-increasing-page-speed-tips-tools/).
5. 标题，子标题，正文文案
能够向用户传达核心价值观的突出标题很重要。我可以想象如果Square, Inc.去掉了注册表单上的”马上开始绑定信用卡”（Start accepting credit cards today），注册转化率会立马下降。
篇二：网页设计中如何优化网页图片
网页设计中如何优化网页图片
我们都知道现在很多网站以图片为主，那么如何优化图片呢？图片优化的好不好影响到搜索引擎中排名。下面重点从提高图片加载速度和改善图片在搜索引擎中排名讲解。
提高图片的加载速度
1.图片格式的选择
图片优先选择jpg格式，为什么呢？
搜索引擎喜欢高质量图片，这就是为什么不喜欢8位的png的原因。也喜欢体积小的图片，有利于图片的加载速度。而jgp就是这种图片质量即高又体积小的图片，为什么呢？看看各类型图片质量和图片大小的关系。（针对文章中插图，logo和小图标除外）
JPG，60质量 - 32K
PNG-8，256种颜色 - 37K
GIF和256色 - 42K
PNG-24 - 146K
2把图片剪切成实际需要大小，避免使用css定义大小
比如有一张600*500的图片，但文章需要400*350的图片，正确的图片seo优化方法是：直接把图片修改成400*350，而不是在css中定义。
增加图片收录技巧三、
1.将您的图片放在靠近网页顶部的位置
本条是谷歌官方推荐，理由是增加用户体验。
2.图片的命名能说明图片主题。
用描述性的名字给图片命名，例如：狗在花园路啃骨头.jpg 要比123.jgp或者狗.jpg好很多。为什么呢？
因为a，搜索引擎在图片的网页找不到适合信息时会使用图片名称作为图片摘要；b，有助于搜索引擎理解图片；c，增加关键词密度。
3.使用alt属性。
在图片显示失败的时候可以显示出alt属性里面的文字不要写的太长太罗嗦，会被当作垃圾来处理。
网页设计优化图片非常重要，它们可以让你的页面更好看，更引人注目。同时，高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽增加收录。本文转自：/zyzs/287.html
详情咨询：
《教你使用热点图优化网页设计》出自：百味书屋
链接地址：http://www.850500.com/news/73023.html
转载请保留,谢谢!