如何利用热力图来优化大型产品网站
热图（heat map），也称热力图，是以特殊高亮的形式显示用户页面点击位置或用户所在页面位置的图示，借助热图，可以直观地观察到用户的总体访问情况和点击偏好。
一图胜千言！产品网站经常使用各式图表来提取或者表达信息，其中热图是常见的一种，尤其是在站点管理、界面优化、交互设计等场合，热力图更是被们广泛应用，那么，我们该如何借助热力图来优化产品网站呢？今天，我们就来一探究竟。
一、3种不同的热图及原理
目前常见的热图主要有3种：基于鼠标点击位置的热图、基于鼠标移动轨迹的热图和基于内容点击的热图。
三种热图的原理、外观各异，适用的场景各有不同。
1、基于鼠标点击位置的热图（上图左）
如百度统计的页面点击图，记录用户点击在屏幕解析度的位置，但是基于鼠标点击位置的热图不会追踪内容的变化而变化，只是记录相对时间内鼠标点击的绝对位置。
2、基于鼠标移动轨迹的热图（上图中）
如国外的MoseStats、Mouseflow等，记录用户鼠标移动、停留等行为，热图多为轨迹形式。同样，基于鼠标移动轨迹热图不会追踪内容的变化而变化，只是记录相对时间内鼠标移动的的绝对位置。
3、基于内容点击的热图（上图右）
如GrwoingIO热图，记录用户在网页内容上的点击，自动过滤掉页面空白处（没有内容和链接）的无效点击。基于内容点击的热图，最大特点是热图追踪内容变化而变化，记录用户相对时间内对内容的点击偏好。
二、产品优化和热图选择
基于鼠标点击位置的热图和基于鼠标移动轨迹的热图，可以反映用户在页面位置上鼠标的点击、移动和停留偏好，站长管理员、产品经理、设计师等可以借助其对用户的访问偏好有一定的了解。
然而，当产品经理要开始优化产品设计时，前两种基于位置的热图也常常带来困惑。
一是密密麻麻的热图柔化了效果，对精确信息表达不充分，产品经理很难抓住重点。
二是热图的高亮色彩传递的是感性化的信息，不容易分辨具体的数值。
三是相对时间内，热图只记录鼠标在绝对位置上的点击，无法追踪内容的变化。
更多时候，产品经理、运营人员更多关心的是用户在不同内容上（如每一篇文章、每一件商品、每一张图片等等）的点击偏好，然后才能有的放矢地进行优化。
而基于内容点击的热图收集的是用户在不同内容上的点击情况，过滤掉了页面空白处（没有内容和链接）的无效点击，并且热图追踪页面内容的变化而变化，可以适应很多商业网站内容频繁更新的需要。
三、看完热图，产品该如何优化？
任何工具都应该以提升工作效率为目标，作为数据可视化的重要工具，热图应该帮助产品经理快速发现用户行为规律，帮助产品经理快速优化和迭代产品（具体可查看马海祥博客《网页热力图对网站页面优化的帮助有哪些》的相关介绍）。
基于强大的“无埋点”数据采集技术，GrowingIO热图清晰地展示用户在页面不同内容上的点击偏好，那么，产品经理该如何用好这种强大的工具呢？
1、用户“误点击”，还是设计不合理？
某产品在官网详细介绍了其核心功能，并在首页设置了4个功能分类，很多访问用户以为功能介绍可以点进去，然后就不停地点击，却发现根本就没反应。
实际上，这4个功能介绍就未设置链接，产品一开始认为这是用户“误点击”，但是以“自定义分析”功能为例，查看详细数据，发现工作日每天竟然有1K-2K的用户点击了该功能。
这样的设计对用户体验非常不友好，不但浪费了用户点击，而且无形中降低了用户的访问深度，产品经理可以尝试在该位置添加功能详情的链接，以满足用户的好奇或者需求，同时提高用户的访问深度。
2、毫厘必争的网页，如何优化内容？
对于流量巨大的网站（如电商网站、新闻资讯网站、门户网站），网页上一块小小的区域也意味着巨大的点击量和营业收入。
热力图可以帮助产品经理快速了解用户的点击偏好，然后根据访问点击的多少，快速优化内容。
为了方便访问用户快速找到内容，某技术博客在网页右侧设置了“热门文章”和“热门标签”两个栏目。观察基于内容的热图，却发现下方的“热门标签”获得了比“热门文章”更多的点击，既然用户对我们博客推荐的内容不感兴趣，我们是不是考虑优化一下内容推荐？
3、相同结构的网页，难道要一张一张分析？
现在的网站有大量相同结构的页面，如电商的商品页、媒体资讯的文章页、产品后台等等。
以电商网站的商品页为例，虽然商品详情页商品信息不一样，但是都在相同的位置有商品照片、库存情况、价格、商品规格参数、用户评论、加入购物车等等内容。
下图展示的是某技术博客的文章页面，虽然不同文章的内容不一样，但是每个页面都有网页导航栏、文章导航栏、热门文章、热门标签等等元素。
通过路径设置，将原本“......blog/article_1”路径下的热图通配为为“......blog/*”，用“*”模糊匹配所有的博客文章，这样，我们就能看到看到跨所有博客文章页面的热图效果（如上图），通过这样的便捷的页面设置，产品经理可以对大量相同结构的页面进行快速的分析和优化。
四、如何通过热力图分析网站
百度热力图相信很多站长并不陌生，其强大的功能，不仅能够帮助我们优化和调整网页设计提供科学依据，还可以动态考量页面调整前后的点击效果，下面我们一起看下，如何通过热力图分析网站：
1、网站导航分析
例如：我们经常看见，有些网站将公司介绍放在频道第二栏，而有些是将公司产品放在频道第二栏，到底哪种布局是正确的呢？
通过热力图，我们可以清晰的看到，哪些频道用户点击较多即频道的受众程度。
通常，在前期频道设计的时候，我们会依据关键词的重要性，从左至右依次布局，也就是说，靠首页最近的放置最重要的关键词。但是，无论什么网站，我们的布局肯定不是一成不变的。而在调整的过程中，我们就是依据用户浏览行为，将用户最关注的放在网站最重要的位置。
2、首页核心位置的分析
一个优秀的网站，必定是符合用户浏览习惯的，可能我们在网站优化的过程中，会出现排名有了，但是跳出率却很高的现象，有些是首页跳出率高，有些是内页跳出率高，无论哪种，我们都可以从数据中找到原因（具体可查看马海祥博客《怎么用热力图分析网页》的相关介绍）。
如果是首页呢？这是不是告诉我们，用户在进入首页以后没有找到自己需要的内容？我们是否应该将用户最关心的内容或产品，在首页放在最核心位置？从而依次布局。
既然是数据分析，肯定是每个网站都有区别，但是其根本不会变，就是以提高用户体验度为核心。
五、产品迭代，热图能帮的上什么忙？
“埋点”是所有产品经理的痛，从提需求、写代码、返数据再到做分析，这是一个漫长、繁琐、低效的过程。
在强大的“无埋点”数据采集技术的基础上，基于内容点击的热图可以直观展示用户在页面上内容的点击偏好，让产品经理对用户的行为规律一目了然。
在《精益创业》中有一个非常流行的概念——最小可行性产品(MVP)，强调通过“验证性学习”的方式来快速迭代产品，热图就是一个非常好的工具，产品经理从热图中发现问题、提出假设，然后快速实验来验证或者推翻我们的假设。
“冰冻三次，非一日之寒。”在“idea-product-data“的不断迭代中，热图应该成为产品经理的一种工作方式！
其间，热力图中越红的地方就是用户点击越多的地方，也是大多数用户最重视的内容，此外，热力点击图还有一个功用是“连接点击图”，经过这个功用，能够看到咱们的页面的连接在一定时间段的点击量（具体可查看马海祥博客《如何利用页面点击图做网站页面优化》的相关介绍）。
连接点击图首要是展示用户对于连接的重视度，这么能够从点击图中剖析，哪个节目用户点击率高，能够思考把相应的节目前移，这么才干更契合用户体会。
当然，热力图给我们的信息远远还不止这些，本文主要是引导SEO人员如何去进行热力图的分析以及能够认识到数据分析的重要性。
马海祥博客点评：
综上所述，热力点击图是一个极好的用户需要剖析工具，经过这个工具咱们能够直观的了解到咱们的网站的访客最喜欢的内容，让咱们能够针对性的打开下一步的优化战略。
本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于https://www.mahaixiang.cn/znseo/1670.html，注明出处；否则，禁止转载；谢谢配合！上一篇：大型网站的站内结构该如何做SEO优化
下一篇：论坛网站该如何做站内SEO优化
您可能还会对以下这些文章感兴趣！
-
原创内容就一定是优质内容吗？
原创内容就一定是优质内容吗？这个话题对博主或一些站长圈内的朋友来说，是一个老生常谈且百谈不厌的话题。随着搜索引擎算法不断的迭代更新、越来越智能化，对于优质内容的判断标准也是在不同阶段有不同的要求。现在很多站长或SEO人员一味的为了创造内容而创造内容，但又有多……【查看全文】
-
网站内部链接的策略规划
当站长们都在讨论外链的时候，很少有人注意到内链的作用，内链就是网站的内部的相互链接，我认为内链的最主要的作用在于提高搜索引擎索引效率和用户体验，增加PV，除此之外，由于是自己的网站，内链容易控制，有助于PR的传递推动网站排名，对于知名站点的SEO而言主要精……【查看全文】
-
网站导航的优化方法和设置技巧
一说到网站导航，可能很多人的第一印象就是网站头部的那一排主导航栏，感觉没什么优化的必要。其实这是一个误区，网站导航不仅包括这个主导航，网站其它栏目、文章分类、当前的位置、返回首页、返回上一页等都是网站导航系统的一部分。凡是有助于方便用户浏览网站信息、……【查看全文】
-
独立博客网站该如何做站内SEO优化？
从广义的角度来看，我这篇文章的本身也是一种SEO的手段：既然进行SEO的终极目的还是有人来看，那么作为博客主要构成的内容部分肯定才是最重要的，所以就有“内容为王”的说法，如果你的博客内容非常精彩，你也就没必要做SEO这么无聊的玩意儿了；要是你的博客不但惨淡而且无聊……【查看全文】
-
多年的老网站突然不收录的原因是什么？
网站文章不收录是每一个站长都遇到过的问题之一，比如网站突然无缘无故就不收录了，或者是一些网站文章根本就不被收录。对于文章的不收录，我们首先要分为两种况，一种是新站，网站文章一直不收录；另一种是老站，突然之间网站停止了收录。如果你的网站也是老站，突然碰……【查看全文】
-
大量重复URL被百度索引收录的解决方法
最近，很多SEO有这样的疑惑：索引量工具显示索引量数值很高，但流量总也上不去，也没有发现我们站内有低质内容，对此，马海祥找到了导致索引量高流量低的一个原因，并给出的解决方法，URL参数也叫URL query，是一个最复杂，最容易被忽视，最容易被妥协的问题，他是网站运营中……【查看全文】
-
从网站流量公式来看如何提升网站流量
随着互联网的发展，出现了一群特殊的人，他们有一个共同的名字叫做“站长”，虽然他们各自经营的内容不一样，但是他们有一个共同的目标就是提升网站流量，只有提升流量才能提高网站的排名，从而创造效益。一个网站要想有更大的发展，首先要有流量，网站没有流量就没有人……【查看全文】
阅读：1004关键词： 网站流量 日期：2017-11-26 -
新网站该如何打造用户喜欢的内容
其实优质的网站内容，一定要站在用户的角度去思索，任何一个网站我们面对的真正客户就是活生生的实体他是人，如果你将文章针对搜索引擎，就意味着把人当机器了，这样你肯定写不出优质的文章，你的网站权重和排名肯定是在一个点上不断的徘徊，所以，发布用户喜欢的内容应……【查看全文】
-
网站跳出率的分析方法及优化技巧
网站跳出率是指用户通过搜索引擎进行搜索关键词来到你的网站，只浏览了一个页面就离开与全部浏览数量的百分比。观察关键词的跳出率就可以得知用户对网站内容的认可，或者说你的网站是否对用户有吸引力，而网站的内容是否能够对用户有所帮助留住用户也直接可以在跳出率中……【查看全文】
-
百度收录网站文章的现状及原则依据
对于站长或SEO优化人员来说，如果给一个老站做关键词，只需要我们发一些高质量文章和一些外链就能带来很好的排名，网站前期的优化已经有人帮我们做完了。可如果我们做的是新站排名就十分困难，在我们设定好网站三大标签，设定好网站发展方向之后，首先就需要百度能收录网站的……【查看全文】
-
文章质量的高低是否取决于文章内容的多少？
一般用户在网上阅读内容时，注意力只能集中很短的时间。一般来说，读者在一个网站的文章里驻留的时间平均保持在96秒钟。这意味着你只有一分半钟的时间与读者沟通。因此，很多网站的经营者都会特意把内容的长度限制在扫几眼就能读懂的范围内，那么在网站里一篇文章的最佳……【查看全文】
-
新手站长该如何做网站结构优化
一个好的网站架构，才能承担起SEO的排名，我们不仅要让用户对我们网站感兴趣，我们还需要让搜索引擎蜘蛛感兴趣，只有让搜索引擎蜘蛛感兴趣，才能经常来光顾我们的站点，才能收录我们的网站，这样我们的网站才能增强曝光率，合理的网站栏目结构，能正确表达网站的基本内容及其……【查看全文】
-
怎样使用网站热点图优化网页布局设计？
优秀网站都是通过细节性进行调整，在保持整体网站风格和样式，通过细微的差别体现出与众不同的方式，在网站结合热点图整合创意和设计，让网站跟访客形成良好的互动效果。有了热力图的科学依据，优化网页细节就可对症下药，避免了主观臆想和盲目改版，在点击行为集中和访……【查看全文】
-
如何利用SEO技术设置文章网页标题
SEO标题跟我们正文标题是完全不一样的，因为SEO标题的主要目的是为了做SEO优化而产生的，为了让用户在搜索引擎上面通过这个文章的想要表达的关键词搜索到，是为了引流而设置的标题，既然是为了SEO优化而作的，标题就不受字数的限制、不受语句通顺的限制、不受文章中心思……【查看全文】
-
网页热力图对网站页面优化的帮助有哪些？
热力图是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地区，其特点是，可以显示不可点击区域发生的事情，你将发现访客经常会点击那些不是链接的地方，也许你应该在那个地方放置一个资源链接。比如如果你发现人们总是在点击某个产品图片，你能想到的是，他们也许……【查看全文】
-
网站关键词的选择和优化设置技巧
很多的站长打算建立一个新站之前，首先想的不是要先找关键词，而是先想着怎么上线，关键词等到网站上线正常之后，才慢慢的通过百度指数、下拉框、相关搜索及关键词查询工具进行寻找挑选，其实对于标准的新站SEO操作而言，这是一种大忌，尤其是现在搜索引挚普遍对新站都是非常……【查看全文】
-
网站URL路径该如何做SEO优化
搜索引擎作为一个程序，在互联网上抓取和识别网站唯一的标准就是：网站URL路径，我们想要把网站权重做起来，就要想办法让我们每一点权重集中起来，网站URL路径的优化就是网站路径的集权，通过把权重集中于一个主路径上，进而获取更好的搜索引擎的权重，路径优化是SEO优化的比……【查看全文】
-
百度如何判断网站文章质量度的高与低
百度搜索引擎为了提高互联网的良性发展，对搜索算法的更新也是日新月异，不断的推出搜索新算法，要求网站运营需要符合用户体验，给用户提供有价值的内容，新算法给站长们带来的影响是很大的，但最终目的也都是为了发掘更多的优质文章。在SEO优化行业流行着这么一句话：“……【查看全文】
-
论坛网站该如何做站内SEO优化
众所周知，网站SEO优化对一个网站的发展与生存至关重要，论坛也是一样，现在很多站长选择用论坛建站，因为比较方便，只要建设起来有了一定人气，每天的工作只是很轻松的管理帖子和用户，不需要太多的文章编辑和内容更新。我看过很多的论坛，很多站长朋友并不懂SEO，也并……【查看全文】
-
数据库性能优化的方法
一个数据库系统的生命周期可以分成：设计、开发和成品三个阶段，在设计阶段进行数据库性能优化的成本最低，收益最大，在成品阶段进行数据库性能优化的成本最高，收益最小。一个系统的性能的提高，不单单是试运行或者维护阶段的性能调优，也不单单是开发阶段的事情，而是……【查看全文】
分类目录
如何避免APP推送通知的发布误区？
自媒体的未来发展走向
安卓市场五大APP应用平台的APP优化手段
数据分析师该如何做好数据运营？
大型电子商务网站的SEO优化要怎么做?
如何做好一个资讯类网站
APP营销的核心竞争力不是内容而是功能
如何才能写出好文章？
如何合理分类网站流量统计工具的流量来源
利用免费网络资源赚钱的案例分享互联网更多>>
如何收集和存储服务器运营的数据
随着数据的逐步完善和开放，互联网和企业都将建立起完善的大数据服务基础架构及商业化模式，从数据的存储、挖……
移动互联网的后时代是小程序互联网吗？
中国移动互联网经历过去 10 年发展，近乎完美地将十亿计用户使用习惯培养起来，尤其是消费互联网，更是被开垦成……
盘点2010年代这10年的重大网络安全事件
二十一世纪的第2个十年即将过去，在过去十年里有很多的重大网络安全事件发生，我们见证了过去十年，大量的数据……
dedeCMS任意文件上传漏洞select_soft_post.php的修复方法 
医院网站策划的20点重要因素 
从PNG格式和透明度来看PC端和手机端该用哪种Png图片 SEO优化 更多>>
|
|
-
如何正确设置多样性的404页面？
404页面 就是当用户输入了错误的链接时，返回的…… -
百度贴吧发帖的方法技巧
百度贴吧的引流效果毋庸置疑，这里的流量大的…… -
实例解析丰富网页摘要的三大标记格
丰富网页摘要英文名称为Rich Snippets，通俗的来讲…… -
医院网络部该如何开展网络营销推广
医疗行业的网络部是承担医院的网络营销和对外…… -
淘宝客该如何做推广？
“淘宝客”是指帮助淘宝卖家推广商品赚取佣金…… -
快速收录上线公告
今天，百度搜索发布了一条最新公告，声称由于…… -
网站点击率对关键词排名到底有没有
网站的总流量对排名并没有太大的直接影响，但…… -
Google搜索质量小组专业解答的25个SE
2013年对于众多站长和SEO可以说是最为波折的一年……