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