网站优化

在曩昔的十年，跳出率都简直是网站优化剖析的首席目标。剖析师对网站好坏的榜首印象，简直是建立在跳出率凹凸的基础上。当一个网站以高于90%的跳出率呈如今你的面前的时分，你心里简直会想，这个网站“完蛋”了。但今日，这个惯性思想有必要被推翻掉，由于跳出率也有许多“力有不逮”的时分。咱们需要用新的东西和新的办法。

正文

咱们都知道跳出率是啥。浅显来讲，这是用来衡量一个网站或许一个着陆页对用户榜首印象好坏的一个目标。跳出率假如高，一般意味着哪里呈现了严重疑问。

许多时分，咱们也花无穷的力气在跳出率优化上，以保证咱们的鲜血(花费无穷的假钱采购的流量)不会白流。

这确实是网站优化的一个永久的论题，尤其是关于一些商业网站而言。但疑问是，这必定不是悉数，跳出率有许多“不必定靠谱”的时分，会把咱们拉向歧途。

我注意到许多的着陆页，这类着陆页简直我天天都会碰到，因而是再遍及不过的，但是这类着陆页又十分格外，它们的跳出率总是简直挨近100%!

这类页面你必定也简直天天见，即是那些介绍自个的商品或许效劳的单页，在页面上有许多对商品或许效劳的介绍，然后是许多许多的按钮，但是这些按钮都“不谋而合”的指向“客服商务通”、“乐语”，或是“公司QQ”，或许根本就没有按钮，而仅仅留下电话之类。这么的页面，不需要连接就任何别的页面去，而是期望访问者在这个页面就被“搞定”，走向直接与人在实在国际中沟通。

这么的页面是不是许多?比方下面这个，你必定似曾相识：

这个页面的跳出率，必定很高，由于一切的连接，毫无例外，悉数是翻开“公司QQ”。我猜想这个页面，假如用Google Analytics衡量，它的跳出率应当高于98%。(至于为啥不是100%，因素在于这个页面也许会被用户改写，页面改写关于Google Analytics而言，就不再是一个跳出了)。

上面的页面是典型的单页面的网站，由于网站的规划者根本就没想让您再去看别的页面。这些网站一切的连接都是连接到“公司QQ”或“乐语”之类的客服体系上去。所以，这一类的网站再去研讨跳出率含义就不大了。这使优化着陆页堕入一个困境，即，运用咱们传统的监测办法十分难以描述用户的做法(由于用户的做法一般东西无法侦测到)，那么也就难以获得任何优化的根据!

优化着陆页，新的办法和新的东西

已然不能彻底依托跳出率，咱们怎样能知道这些页面是不是到达了咱们的预期，又是不是让用户也觉得满足呢?咱们的优化有必要根据对用户在着陆页上的做法才干进行，但如今，高跳出率通知咱们：“用户在这些页面上没有做法!”——这显然是不对的。

咱们有必要运用新的办法，要能够精确探知用户在这一类格外着陆页上的做法，这个新的办法和新的东西是——热图。

热图不是一个新东西，但是Google Analytics热图的功用曩昔基本上被我摒弃掉。或许更精确说，曩昔我运用热图，都得自个画，而Google Analytics自带的热图，基本上无法运用——实在是太乱太禁绝了!而关于上面的这类页面，GA的热图则啥也不会显现出来，由于关于GA而言，这个页面根本就没有连接!(公司QQ的连接GA无法探知到。)

咱们有必要要运用十分好更完善的热图东西。这个东西有必要能够至少监测到如下三个目标中的前两个：

榜首类要害目标是用来标明咱们点击做法的。但是，由于咱们的点击做法具有适当的随意性，所以点击又能够分为：连接点击、非连接交互点击、空白点击三类。连接点击，很简略，即是有一个实践存在的http link的点击。非连接交互点击，是指那些相同能够点击，但是却不是http link的，比方JavaScript的互动、flash互动之类。空白点击，是指点击做法发生在没有连接或互动的当地，即“点了白点”的点击。

与咱们网站剖析中常用的pageview不一样，热图衡量的点击做法的衡量即是点击次数。但是由于有些东西不直接监测鼠标的点击做法，因而，它们在热图中所标明出来的点击次数，实践上并不是实在的点击次数，而是点击这个连接以后翻开的新的页面的pageview的数量。咱们最常用的东西Google Analytics即是这么画热图的，所以这也是为啥运用它的热图适当不精确的因素。

好的热图东西应当衡量实在的点击次数，即不仅仅是连接点击的次数，相同要包括非连接交互点击和空白点击的次数。并且更不能用点击以后翻开的新页面的pageview数量来替代点击数。

第二类要害目标是咱们在页面上的阅读做法。由于页面一般不止一个屏(即是不能在一个显现器屏幕中就把页面悉数显现出来)，所以咱们要向下翻滚页面，以检查悉数内容。热图体系应当记载页面被咱们翻滚的情况，这是阅读做法的主要一有些。此外，热图体系还应当展示页面的哪一个有些在屏幕中被显现的时刻更久，然后协助咱们了解这个页面的哪个有些被咱们更为详尽的检查。

衡量页面被咱们翻滚情况的目标是“阅读线”，而衡量页面哪个有些在屏幕中被显现更久的目标是显现热度。例如下图的东西(这个东西也是如今我能找到的最佳的热图东西)所示：

在上图中，咱们能够注意到一些百分比数字，从上到下依次变小。这些数字是指有多少份额的阅读者翻滚页面到了相应的方位。例如，上图中57%的那一条线(实线和虚线)，指有57%的访客将页面翻滚到了图中线条所示的方位。

相同，在上图中，咱们还能够注意到全部页面被覆盖了蓝色绿色赤色黄色的各种色带，它表明页面的相应方位在屏幕中逗留时刻的长短。色彩越偏暖(赤色、橙色、黄色)，逗留时刻越长，阐明咱们看这个有些的时刻越长;色彩越偏冷(绿色、蓝色乃至无色)，相应有些在屏幕中逗留的时刻越短，咱们看这个有些的时刻也越短。所以，这是第二类要害目标：阅读线和驻留时刻。

第三类要害目标与前两类不一样。前两类目标衡量的是咱们的自动做法，即为了完成详细的目的而进行的做法，而第三类目标则衡量咱们的直接做法。说起来拗口，理解起来并不艰难。这一类做法即是咱们常用的移动鼠标(但不点击)的做法。移动鼠标的目的是为了点击，但移动自身是对比随意的，为了点击一个点，不一样的人的移动轨道必定不一样，每一次的移动也不一样。衡量鼠标的移动并不是最为主要的工作，但是有的时分，却又对比主要，比方要检查页面上的用户做法是不是“实在的人”的做法的时分。值得注意的是，大有些热图东西也许都不包括鼠标移动的监测功用。对我而言，这个功用的需要不是格外频繁，这篇文章就不做太多介绍了。

理解上面的这些要害目标不艰难，并且是一个十分好的开始，下面咱们看看热图应当怎样用，能够怎么痛快淋漓的处理咱们的详细疑问。

不思考跳出率!着陆页优化的中心思路

我运用热图优化着陆页的思路一般是这么：

首要，检查着陆页是不是太长了。咱们遍及有一些关于页面长短的自个偏好和误区。许多人信任，页面长短必定有一个定式，不应当太长(造成访问者厌恶)，也不应当太短(导致意犹未尽，不明觉厉)。这个我适当不敢苟同。就像一本杂志，10页适宜仍是100页适宜?这可真没有一个规则。假如杂志对你胃口(比方《纨绔子弟》、《男人装》啥的)，100页也嫌少呀，但是《向阳群众》杂志，估量不需要太多页。

事实上，许多AB测验都表明一个规则，那即是页面的长短对商业目的的达到没有规则。所以，你有必要要详细情况详细剖析。而页面长短的剖析，又非用热图东西不行，尤其是非用我前面讲的具有“阅读线”不行(见上一节的第二类要害目标)。

阅读线的运用十分简略，你的页面有十几屏长，但是阅读线显现到了第四屏就只剩5%的人了，那有必要审视页面是不是真的值得这么长，或许内容是不是满足吸引人持续看下去。

其次，检查咱们是不是点了不应点的方位，或许没有点击该点的方位。这个就不必多解说了，由于理解起来毫不费力。尽管如此，简直一切的着陆页都会在这个当地犯错误。热图展示出来，用户的点击规则往往超出你的幻想。这些超乎你的预期的做法本来极为有价值，咱们会据此判别用户的目的，再用估测的用户目的修正当时的着陆页。

最后，修正以后的着陆页咱们并不会当即上线，而是进行AB测验，不仅仅看看两个着陆页之间的CTR之间的对比，更持续看两个页面热图的差异，这是对咱们在上一步所做的用户目的估测的验证。

这个办法对我屡试不爽，不必数据建模，不必大数据挖掘，就这么简略直接，但十分有用。

不信?咱们看一个有名有姓的实在事例。

我亲身操刀的实在着陆页优化事例

这是我国最闻名的公司通讯处理方案公司之一：“信通网赢”的一个新商品的页面。

如今，我通知你，这个页面的跳出率适当不俗，只要52.95%，你觉得它还有优化的必要吗?

关于这么的商业着陆页而言，简直一切的流量都是来自baiduSEM了，一个点击的报价你懂的，53%的跳出率虽好，但是哪怕只下降1个百分点，那也是真金白银的钱呀。更何况，如今baidu只剩下寥寥几个竞价广告位，出价愈加惨烈。

已然要剖析，我把这个页面有关数据给咱们。跳出率：52.95%;均匀逗留时刻：1分40秒;退出率36.05%。请问你觉得要怎么改进这个页面?

你会说：“宋教师，这无法剖析，这些数据太广泛了。”

简直一切的时分，咱们面临一个着陆页面也即是一点这么的数据。优化它?无从下手的赶脚。在大多数情况下，假如一个着陆页面具有跟上面这个页面差不多的数据，则意味着这个页面不会被格外优化，由于，整体而言这个页面的体现还将就嘛。

但是假如咱们看看热图，你的想法会彻底改变。

下面的热图我运用PtMind供给的PtEngine监测东西的热图功用，这是我能找到的最有用且易用的热图东西，并且这个东西的定位极好，曩昔咱们很少用热图的一个主要因素，即是热图数据太禁绝了，如今用这个东西则彻底不忧虑这个疑问。

热图给咱们的槽点许多，从热图中得到的十分主要的信息如下：

1.  榜首屏中的五个“圆饼”，以及下方配的文字，都获得了适当多的点击量。可惜，这五个圆饼没有设置任何连接，不行以被点击。——不能点，放到着陆页的榜首屏的这么夺目显要的方位上，这是故意跟用户体会过不去呀。

2. 圆饼下方的两个大通栏图，占有榜首、第二屏十分大的空间，可惜，简直没有人在那里点击。并且，检查右边的注意力逗留热图，这个方位的用户驻留情况也十分不抱负。——那干嘛还要把这两个通栏图放到这么好的方位上?

3. 顶部的导航，占有了许多的点击。疑问是，这个页面的规划初衷，不是想把它作为导航过渡页吧。

4. 倒数榜首二屏俄然呈现了许多点击，并且阅读的驻留情况也适当不错，阐明这些内容是被用户极为重视的。可惜，滚屏到这儿来的用户只剩下不到60%。

这些信息不是一个跳出率53%能够通知咱们的。但每一条都很主要!

看了上面四个信息，信任你知道应当怎样样调整这个页面了。详细的调整方案，上过我的《数据驱动的互联网推广》课程的同学们应当都明白了，我就在这儿打个伏笔了。当然，调整以后咱们必定要做AB测验。AB测验的成果果然如此，跳出率在53%的基础上，降到37.5%。关于依靠竞价排名的公司而言，这个无穷的改变足以协助他们建立起面向竞争对手的强壮优势。

意外的活跃副作用： 简化的事情监测(Event Tracking)

读了上面的这个事例，细心的读者必定会发现更有意思的东西。假如热图能够忠诚记载鼠标一切的点击动作，而不论这个当地是不是真的能够点击，那么，曩昔一些十分难以记载的交互是不是会因而变得简略?

这些难以记载的交互如咱们前面讲的JavaScript、Flash、影音播放器插件、客服插件等等。曩昔，咱们为了记载这些交互元素被点击的情况，不得不运用event tracking(事情监测)这个补丁。Event tracking是个好东西，但是有明显缺点，即是布置很费事(如今咱们都把event tracking的布置叫做埋点了)，简单出错。

高档热图功用的呈现，本来很大程度能协助一些不需要太强壮event tracking功用的兄弟。比方，我仅仅想看某个JavaScript交互数量的多少，如今热图就直接通知你了，不必埋点，省去了很大的费事。

假如热图做的满足精确精细，再加上今日的剖析东西早现已不是仅仅探知HTML交互那么简略(能够探知诸如DOM事情之类)，那么乃至它能够延伸出完整的event tracking的功用。这本来也是所谓的“无埋点”事情监测的来源。尽管今日有些我国的东西供货商着重他们“首创了”无埋点的技能，但这个处理方案实践上三四年前就早已呈现，咱们能够参看我在2014年明日的数字推广剖析东西(下)中介绍HeapAnalytics的内容。今日，许多东西供货商都能供给相应的功用。

在下图中，我的博客的“featured”栏目中的上下翻滚的按钮彻底不是HTML交互，乃至连JavaScript交互都不是，但监测东西能够轻松精确地标明这儿被点击了多少次。

所以，这个功用简直能够当即变为无埋点的“event tracking”的功用，你不需要做任何额定的设置，东西现已把一切能交互的不论三七二十一，也不论是不是HTML，悉数都现已记载下来了。这跟曩昔彻底是不一样的体会，你会有一种激烈的东西变得如此智能的愉悦感。

事实上，我发现，热图做的精确，无埋点收集的数据也才干精确。无埋点并非天然生成就能做到精确，所以想看看无埋点做得好不好，看看这个东西热图做的是不是精确(数值和定位点的精确性)就简直能够验证。

总结

近来一些着陆页优化的项目给了我许多乐趣。新的办法让我能够以十分好的视角调查曩昔不能调查到的景象，然后给出十分好的优化方案。曩昔我不怎样着重东西的价值，而更着重办法。但，至少在着陆页上，我发现了技能的前进关于办法的改进具有多么主要的影响。

另一方面，就着陆页自身而言，是一个宏大的课题，但我简直现已能够断定，一切类型的着陆页都不再是大的疑问，曩昔那些无法被东西监测的着陆页，今日现已有十分好的优化办法了，这必定是我这些年来看到的数据运营的最大的前进!