马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > SEO优化 > 站内SEO > 网页热力图对网站页面优化的帮助有哪些?

网页热力图对网站页面优化的帮助有哪些?

时间:2016-09-01   文章来源:马海祥博客   访问次数:

最近,看到一些站长在研究“网页力热图”,于是就查了一下:热力图是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地区,其特点是,可以显示不可点击区域发生的事情,你将发现访客经常会点击那些不是链接的地方,也许你应该在那个地方放置一个资源链接。

比如:如果你发现人们总是在点击某个产品图片,你能想到的是,他们也许想看大图,或者是想了解该产品的更多信息。同样,他们可能会错误地认为特别的图片就是导航链接。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

热图同时还能告诉你,页面的哪些部分吸引了大多数访客的注意,这对那些对WEB分析数据没有什么经验的站长或管理员非常有用。

如果你在一个页面上有多个链接指向同一个URL,例如:如果有不同位置的3个链接指到同一个特定的产品页面,那么热图将会显示你的访客最喜欢点击哪一个链接,这将帮助你提升网页的设计并让它对用户更加友好,不过实现这个功能需要一些设置。

1、热力图在转化分析上的贡献

热力图在转化分析上有着非常重要的作用,我们都知道分析转化的方法主要是构建转化漏斗以及细分流失路径,很多朋友了解这个方法,因为这是分析主转化路径不可或缺的方法,但如果主转化路径已经优化的相当棒,转化率还有优化的空间吗?

其实,转化不是一个单线程可以解决的问题,转化是一个消费者心理问题,是信任、愉悦感、紧迫感、占便宜的诱惑、商品魅力的吸引、其他与商品相关的服务和保障的说服力(当然这也是信任的一部分)等等综合作用的结果,主转化路径帮助你纠正最基础的错误,但它不是全部。

主转化路径之外影响转化的那些因素被我们称为“微转化”,关于微转化的内容,简单讲,微转化是指在转化必经过程之外,但同样会对转化产生影响的各种元素,这些元素与用户的互动,左右了用户的感受,也直接或者间接的影响了用户的决定。

比如,商品的一些图片展示,并不是转化过程中必须要看的,但是它们的存在,是否会对用户的购买决定产生影响?这些图片就是微转化元素。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

分析微转化元素热图也能发挥重要作用,一般来说,微转化的分析分为三个部分:

(1)、定位关键页面。

(2)、定位关键页面中可能影响用户转化的元素(具体可查看马海祥博客《提高网站转化率的优化方向及要点》的相关介绍)。

(3)、研究这些元素是否对消费者产生了作用以及它们对最终转化的影响,一旦我们发现这些元素促进了或者降低了转化,我们就可以确定我们优化的着力点和发力的方向。

图中这些交互元素都不是主转化路径的必经元素,但是却是典型的微转化元素,因为它们或多或少都会对消费者心理产生影响并且影响最终的转化。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

对照热图,我们就能清楚看到,这些微转化元素中,哪些更多作用于消费者,例如购买咨询和商品评论,而查看商品大图则不是特别受到消费者的关注(仅对这个商品而言)。

如果,我们再接着进一步挖掘数据,发现各个微转化元素被点击之后最终发生的购买转化情况,我们又能得到什么样的分析呢?

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

对消费者吸引力最大的“商品评论”,在用户点击查看之后,却比较没有带来更高的转化情况,这说明评论本身还需要更有效的控制,从而进一步促进转化。

现在,我自己的网上购物习惯是,一定会看一个商家有没有差评或者中评,如果有大量一边倒却缺乏营养的好评,我是坚决不买,如果中评和差评看起来明显是源于这些消费者自己的认知问题或者一些意外误会,反而会极大促进我购买这家的商品。

你会说,上面的例子我们用Event Tracking不也是可以的吗?是的,也可以,但是操作起来费劲多了,而且完全没有热图这么简便直观。

2、组合热力图

上面尼康镜头的例子在我们的分析工作中有很多的应用,热图工具甚至可以直接将点击这些位置之后的转化展示在前端,这给我们分析微转化提供了巨大的便利,但一个新的情况出现,又给我们造成了新的困扰。

这个新情况非常普遍,尤其是对很多电子商务网站或APP——它们的平台上拥有数量极为庞大的产品页面,每个页面的结构类似,但产品却各不相同。

如果我并不想只是优化某一个产品(例如上面的这个镜头),而是想优化整个产品页面的模板,我将面临一个十分巨大的挑战——人们的行为散落在各个产品页面上,我要分析所有产品页所体现 出来的整体的表现,难道我只能一个产品页一个产品的分析,然后汇总吗?尤其是,当我们想了解用户的点击行为,我是否将不得不把每一个产品页的热图做出来,然后汇总到一起。

对于超过10个商品(SKU)的网站而言,这样做是完全不可行的(难道你真的准备把这些页面的热图一个一个手动叠加起来?),而有些网站有上万个商品,上面这样的做法就不仅是不可行,更是不可能。

如果有一个工具,可以帮我们把所有的这些页面上用户行为数据集合起来,而不用我们手动去做,那就解决我们的大问题,这样的功能,在过去闻所未闻,但今天,利用热图的高阶功能我们可以一劳永逸地解决这个问题。

解决这个问题的基本思想是这样:

首先,将你希望合并分析的这些页面集合为一个页面组——并不是所有的网站分析工具都支持这么做,例如Google Analytics并不支持直接在后台进行类似的设置,但另一些工具则能非常好的支持这么做,你需要首先选择这样的工具。

其次,在热图功能中找到页面组热图的功能。

最后,在页面组热图功能中指定你刚才集合的页面组中的某一个页面为热图的底图。

最后一个步骤是很有必要的,因为虽然热图可以叠加人们的点击行为,但如果把页面组中所有的页面都叠加起来,那就完全混乱了,所以这种情况下我们指定一个最有代表性的一个页面作为热图显示的底图,这个过程如下图所示:

第一步:集合页面。下图中显示了我将我的博客中所有的category页面集合在一起的设置,这些页面的URL中都包含“category”,我将这个页面组命名为“分类目录页”。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

第二步:选择“页面组”的热图功能,我刚刚建立的页面组已经自动在里面出现了。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

第三步:必须指定一个页面作为热图的底图。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

第四步:保存之后,以你选择的这个页面为底图的整个页面组的热图被生成,你可以研究这些页面的整体点击情况,并针对性的进行网站页面优化(具体可查看马海祥博客《如何利用页面点击图做网站页面优化》的相关介绍)。

其实我的博客并不是最好的例子,电子商务产品页、媒体频道页或者其他有固定模板的页面,最适宜用这个方法查看一类页面整体的热图表现。

3、响应式页面和自适应热图

热图要面临的最后一个挑战,是响应式页面。关于响应式页面,很容易理解,就是那些同一个页面在PC、tablet和mobile phone上都能自动改变展示方式,以最优化的布局显示页面的一类网站(更多的关于响应式页面的介绍可以查看马海祥博客《什么是响应式网页设计》的相关介绍)。

与响应式相对的是死板的页面,这些死板的页面无论在什么终端上都是一样的(所以在手机上就变得特别小,不放大什么也看不清),下图展示了一个响应式页面的例子。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

热图必须应付这种新的页面形式,尤其是对我在最前面讲的能够完美解决第一类热图指标的工具而言。因为对于这类工具,它们必须不仅仅记录可点击(clickable)链接的用户点击行为,还必须记录在页面上用户所有的点击(无论这个 地方能点还是不能点),因此响应式页面在不同终端上的布局重构对这类点击行为的记录(尤其是对这些点击行为发生的确切位置)有非常重大的影响。

现代热图工具若要忠实表现人们的点击互动,就必须能够展现在各类终端上被重构的(响应式)页面的点击图。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

上图显示了这种热图对响应式页面的适应——不仅仅需要适应各类设备,也需要适应设备的纵向或横向的旋转。

4、利用热力图分析APP的表现

热图并非是web的专用工具,APP很多时候也需要热图来展示用户交互行为,对APP而言,热图同样是“多快好省”的工具。

不过,值得注意的是,由于APP和web有本质上的不同——app是程序,跟PC上的“.exe”文件差不多,热图的用法也有一定的不同。

一般而言,APP由于终端设备的限制,展示的面积比较小,互动元素集中而数量有限,所以热图的价值相比web较低,分析也比web的热图来的简单直观得多,所以其实是有利有弊。

另外,有一些内容(信息流)类的APP(网易新闻、今日头条)之类,因为内容几乎无时无刻不在发生变化,热图并不适用。但是,对于工具类,电商类APP(尤其是电 商app的产品页),热图仍然具有价值。游戏app的热图则非常特殊,取决于游戏的类型,但大多数游戏内的热图难以制作且意义不大,但游戏的一些操作界面 (比如注册、内购等),与web的交互非常类似,热图对于优化这些交互也很有意义。

例如,下面这个AB测试充分利用了APP热图的直观便捷的优点。

案例中的Lonely Planet希望人们更多购买“全部城市”的套餐,$4.99那个,但是热图表明,人们并不喜欢选择那个贵的。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

聪明的运营经理认为,充分挖掘人性是必要的,既然人们并没有强烈动力去花费更大代价获取暂时用不上的东西,那么就必须激发人们爱占便宜的天性。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

新的设计增加了一个购买项:$4.49美元“解锁两个城市”,一切发生了重大变化,似乎提醒了人们两个城市和所有城市比较起来,性价比多么的低,于是人们发现早点购买更高性价比的东西是多么的必要。

显然,新的设计突然激发了人们“占小便宜”的愉悦心理,从而迅速挽救了之前“解锁全部城市”的糟糕表现。你可以看到热图是多么直观快速的说明了这个问题。

5、利用细分热力图进行对比分析

热图和细分功能的结合是我想讲的最后一点,这一点的价值毋庸置疑。分析的根本性方法之一,就是了解不同类别人群的行为差异,并从而研究产品与人们进行互动的深层机制,并进而对产品进行优化。

而显然,描述人群行为最直观的工具,就是热图。

有多少种方法切分人群,就有多少种人群去值得用热图描述。简单讲,新访问者和老访问者,他们与网站(或APP)的互动行为有何区别?或者从搜索引擎来的访问者,和从社交媒体来的访问者,他们的互动行为有什么区别?

下面的热图展示了新旧访问者的行为区别:

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

图中的两个页面是完全一样的我的博客的首页,二者的区别在于,左边显示了我的网站的新访问者的点击热图,而右边则显示了我的网站的老访问者的点击热图,看起来区别不大对吗?

仔细查看,老访问者很在乎我的“网站地图”,同时也有更多的站内搜索行为,这说明他们确实是带着目的来到我的网站的,而新访问者则对“关于作者”很感兴趣。

此外,头条文章也是在老访问者这里获得了更多的关注,而新访问者似乎并不太关心我的头条。

用能够显示数字的精确点击分布图(如下图,点击下图同样打开完整分辨率全图),你能看到一些新的有趣的事情。例如,红框中所标注的,新的访问者(左边图)似乎对我的大数据的最新培训课程更感兴趣。

网页热力图对网站页面优化的帮助有哪些?-马海祥博客

我曾经做过电子商务网站的对比热图分析,在那个案例中能够清楚地看到,新的访问者非常喜欢使用导航,而老访问者则直奔“名品特卖”(一个售卖特惠商品的频道)而去。

说实话,过去我不怎么信赖热图,但是今天,因为可靠且功能强大的工具的出现,热图的应用领域和价值有了巨大的改观。

今天,热图很肯定的成为我必须使用的工具,甚至要远远超过event tracking(事件监测)及其报告的次数,因为热图毕竟简单、直观、富有表现力且极为容易进行细分,从运营的角度上,过去很多不能解决的问题,通过热图也能够轻松搞定。

最后,希望这篇文章能够让你也有新的视角审视自己的网站、APP或者产品,并帮助你实现真正的业务优化。

马海祥博客点评:

网站分析通过统计点击流数据及网站产生的其他各类数据,提供各种数据报表来监控网站的运营状态,为网站的优化和改进提供参考依据,但网站分析能提供的绝不仅有数据,其中点击热图(Heat Map)是对网站分析的一个很好的扩充,目前网上介绍点击热图的文章也比较多,很多网站交互设计师用点击热图来评估用户与网站之间的交互状况从而改善用户体验。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/znseo/1628.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 页面优化   网站优化   热力图  

上一篇:站内SEO优化到底要做哪些工作?
下一篇:怎么用热力图分析网页

您可能还会对以下这些文章感兴趣!

  • 怎样才能让刚发布的文章都被百度秒收?

    我们做站长的都希望自己写的文章,能被百度快速收录,最好是秒收录。然而有一个很残酷的现实是,新站和低权重的站点是很难实现的,即使是原创的文章也会经常是几星期几个月才放出来。当然了,也并不是我们新站就毫无机会,关键还是得掌握些技巧。大家都知道蜘蛛喜欢新鲜……【查看全文

    阅读:1483关键词: 文章   百度   日期:2017-12-21
  • 网站如何通过内容中心页将主题集群获得更多的流量

    大多数内容中心的页面看起来跟普通页面没有什么差别,但其实暗藏玄机。本文将跟“内容中心页面”在SEO中所起的作用,以及教大家如何创建一个优质的的内容中心页,更好为网站引流。要注意的是,内容中心页并不适合所有情景,如果你的站点是关于一个广泛的主题(如体育),那么就有足够的子主题来创建多个内容中心页。而对于局限性很大主题内容内容则最好不要采用这种方式。内容中心页的作用不仅使内容组织更简洁和高效,对SEO也有很大的好处……【查看全文

    阅读:22关键词: 网站流量   主题集群   日期:2020-04-06
  • 网站内的老文章如何才能让百度重新收录?

    关于新网站内容不能及时被百度收录的问题,可以说是一种比较常见的现像,但已经具备了一定权重的老网站,如果所发布的文章,不能被百度收录,则很有可能是网站有问题,或者文章内容有问题了。如果大家想一下,有一些具备高权重的站点,很少发布原创文章,但收录和排名一……【查看全文

    阅读:1987关键词: 网站文章   百度收录   日期:2017-03-16
  • 大量重复URL被百度索引收录的解决方法

    最近,很多SEO有这样的疑惑:索引量工具显示索引量数值很高,但流量总也上不去,也没有发现我们站内有低质内容,对此,马海祥找到了导致索引量高流量低的一个原因,并给出的解决方法,URL参数也叫URL query,是一个最复杂,最容易被忽视,最容易被妥协的问题,他是网站运营中……【查看全文

    阅读:1853关键词: 百度索引   百度收录   日期:2015-07-05
  • 站内SEO优化到底要做哪些工作?

    有很多站长一直说在SEO,结果到头来还是不知道站内优化主要是做哪些工作?如果你要问站内优化有 哪些?简单的说,站内优化要主要的地方有:三个标签(title、keyword、discretion)、三个导航(主导航、次导航、位置导航就是面包屑导航)、url(标准化,静态化,绝对地……【查看全文

    阅读:2518关键词: 站内seo   seo优化   站内优化   seo工作   seo   日期:2016-08-13
  • 未来的站内SEO优化需要做些什么?

    SEO说难不难,说简单也不是那么简单,很多人问我,站内SEO优化该怎么做?但当我讲出来的时候,他们又觉得:就这些?不可能就这么点内容吧!其实现在的站内SEO真的没有多少内容,更多的是细节处理和用户体验度的把握,有些朋友认为站内优化很难,因为他们没有摸清里面的……【查看全文

    阅读:870关键词: seo   站内seo   seo优化   日期:2016-07-10
  • 采集文章内容对网站有哪些坏处

    网站搭建以后,我们就要丰富网站的内容,提高网站的吸引力,网站内容文章完全写原创文章也是不现实的,浪费精力不说,主要是短时间内无法完成。我们都想在最短的时间内让网站带来流量,创造利益,于是乎,我们便想到了文章采集。如今的搜索引擎,我们都知道“内容为王”……【查看全文

    阅读:73关键词: 采集   文章内容   网站   日期:2018-07-31
  • 如何以SEO的角度来优化网站的URL连接地址

    大部分网站的URL命名规则是“根域名+栏目+文章页面”,也有一部分网站的URL命名规则是“根域名+文章页面”,其中能够产生变数的多半在于文章页面的命名规则上,有很多的朋友可能会注意到自己的命名规则是不太合理的,那么什么样的URL命名规则比较利于搜索引擎抓取呢?……【查看全文

    阅读:6151关键词: seo   seo优化   网站优化   网站地址   日期:2015-01-07
  • 怎样迅速提升网站着陆页的转化率?

    对于网站的“着陆页”,大多数做网络推广的人应该并不陌生,特别是对于一些做付费推广的网站,着陆页的转化率将直接决定推广的效果和网站的销售额,激烈的竞争使得企业获得潜在客户的成本也在不断增加,通过大量营销投入而吸引来的潜在客户如果在着陆页面不能留住并转化……【查看全文

    阅读:1382关键词: 着陆页   转化率   日期:2017-01-06
  • 解读网站内容更新的7种内容策略

    什么是内容,内容就是在你的网站上有用户想要的信息,它不仅仅只是文字,甚至有能够只是一个小图片也可以。就好比对于一个视频网站来说,视频就是内容;对于购物网站来说,商品就是内容;对于设计网站来说,风格设计就是内容等。内容它不一定就是同等于文字。只不过从我们SEO……【查看全文

    阅读:2732关键词: 网站内容   内容更新   内容策略   网站更新   日期:2014-04-28
↓ 点击查看更多 ↓

互联网更多>>

  • 计算机的开机启动原理 计算机的开机启动原理 计算机从打开电源到开始操作,整个启动可以说是一个非常复杂的过程。总体来说,计算机的整个启动过程分成四个……
  • 移动互联网是什么意思? 移动互联网是什么意思? 移动互联网就是将移动通信和互联网二者结合起来成为一体,是指互联网的技术、平台、商业模式和应用与移动通信……
  • 互联网思维究竟是一种什么样的思维? 互联网思维究竟是一种什么样的思维? 但凡做企业的,不管是创业的还是在互联网冲击下转型升级的传统行业企业家,“互联网思维”已经成为了大家共同……

SEO优化 更多>>

医疗行业开展品牌推广急需解决的10大问题 如何以一个用户的角度来做企业门户网站