马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > SEO优化 > 站内SEO > 怎样使用网站热点图优化网页布局设计?

怎样使用网站热点图优化网页布局设计?

时间:2017-04-26   文章来源:马海祥博客   访问次数:

对于网站而言,好的网页布局不仅包含了能够引起访客兴趣的内容,吸引目标用户,而且包含有直观而漂亮的UI设计,促进销售。许多站长喜欢将自己认为创意爆棚的设计直接应用的网站上,但并没有考虑过这种布局是否符合网站,是否符合目标用户群所需要的体验与需求。

所以,当你在做企业和商务类网站的时候,你需要自省,多问问自己,站在需求方和用户的角度上仔细考量一下,这样的设计布局是否合理?是否真的靠谱?

怎样使用网站热点图优化网页布局设计-马海祥博客

在下面的案例中,我们根据网页上用户点击的热点图,来了解用户是如何访问网站的,分析你自己网站的利弊,是否有利于目标用户的访问与需求寻找?教你怎样使用网站热点图优化网页布局设计?

1、巨大的Banner广告图真的有效吗?

许多网站都喜欢在网站的导航栏下顶部的位置放上巨大的Banner,宣传主打产品或者主要的服务(具体可查看马海祥博客《专业设计师如何设计一个平面banner广告图》的相关介绍)。一旦使用了这样的设计就意味着网站顶部大部分都会被一张图所填充,用户的注意力会被它所吸引,然后才是让用户注意到下方的其他产品。

怎样使用网站热点图优化网页布局设计?-马海祥博客

上面的这张热点图是最大的体育品牌Vendor的鞋类产品页面,他们顶部的Banner的点击率并不高,仔细分析数据之后发现大概占据了页面总点击量的10%,很明显多数用户看了这个图之后并未被其吸引而是选择向下浏览他们自己真正喜欢的鞋。

2、你应该在最突出的地方放置什么内容?

网站应该什么地方放置什么内容,这些内容是否适合产品以及用户的需求?接下来的两个案例来将展示一下,什么是好内容被放置到错误的地方。

怎样使用网站热点图优化网页布局设计?-马海祥博客

怎样使用网站热点图优化网页布局设计?-马海祥博客

这个网站有几个很有吸引力的甜点食谱被放置于主页最下方,仅有37%的用户会将网页拖到这个位置看到它们,但是几乎所有看到这个食谱的用户都点击了它们,但是绝大多数的用户根本没能浏览到这里,网站应该让这样的杀手级的内容置于最好的位置,不是吗?

怎样使用网站热点图优化网页布局设计?-马海祥博客

几乎相同的情况也发生在运动品牌Vendor的网页上,许多不同类型的鞋被放置在整个长页面上,但只有20%的用户会浏览到页面底部,但是几乎所有浏览到这里的用户都会点击那双鞋,这足以证明它非常吸引人,那么为何不将它挪到用户更容易发现的地方呢?

3、是否始终要为图片附加链接?

在网站上,一图抵千言,这是很正常的事情。但是你的页面中,图片是否传达出正确的含义了?如果图片加了超链接但是用户没有明白你的目的,那这肯定是一种失败的设计。如果你放置的图片吸引了用户去点击,但图片没有附上链接,用户的点击徒劳无功了,这也是一个失败的设计。

怎样使用网站热点图优化网页布局设计?-马海祥博客

第一个案例是一个着陆页。看看热点图,你会发现许多用户点击了图片。用户这个时候应该是想点击图片深入了解一下网站可以为他们提供什么内容,用户希望这个图片有超链接,能引导他们去某个详情页。但是结果并没有。

怎样使用网站热点图优化网页布局设计?-马海祥博客

第二个案例是某款手机的帮助页面。你会注意到,这个地方的客服电话用了鲜明的红色,看起来好象能点击的样子,但是它实际只是纯文本。用户希望能通过点击直接拨打电话,但是看来是不可能了。如果想直接同用户保持联系,那么这个地方必须修改。

如果你在一个页面上有多个链接指向同一个URL,例如:如果有不同位置的3个链接指到同一个特定的产品页面,那么热力图链接点击图将会显示你的用户最喜欢点击哪一个链接,这将帮助你提升网页的设计并让它对用户更加友好(具体可查看马海祥博客《如何利用热力图来优化大型产品网站》的相关介绍)。

4、网页的按钮是否容易被点击?

看看下面的APP页面中,网页使用了HOT等关键词来吸引潜在的用户的注意力,但是即便使用了粉红色来填充按钮,它的效果看起来也非常不明显。而男装部分,干脆使用了浅蓝色,这个地方的点击量就更少了,我们可以理解设计师的苦心,但是对于用户,它一点也没有吸引力。

怎样使用网站热点图优化网页布局设计?-马海祥博客

所以,在打造一个优秀的网页之时,不仅要赋予它良好的体验和创意,更多的是会根据用户的习惯与诉求调整设计布局和创意,让页面能够落地,使得用户与网站实现良好的互动。

以上案例中的页面点击热力图是使用Ptengine软件生成的,Ptengine是一个很好的热力图生成工具,它所搜集的数据能清晰的反映网页的实际效果,为网页细节优化提供了有力的数据支撑。不过此软件是英文的,适应的朋友可以好好利用,而对于习惯中文的,用得最多的就是百度统计里的热力图功能了。百度热力图和Ptengine一样,也可直观精准地将网页流量数据分布通过不同颜色区块呈现,给中小网站网页优化与调整提供了有力的参考依据。

百度热力图能统计页面上用户鼠标点击的行为,从而了网站的各个区域的用户点击情况,而且可以显示不可点击区域发生的事情,比如你可能发现访客经常会点击那些不是链接的地方,也许你应该在那个地方放置一个链接。比如,再比如上面所说如果你发现用户总是在点击某个产品图片,你能想到的是他们也许想了解该产品的更多信息(具体可查看马海祥博客《网站点击热图的实现工具及价值分析》的相关介绍)。

5、使用热点图分析页面有哪些好处?

热点图出来给站长们带来福利,对数据分析帮助很大,可以清楚知道用户点击页面的轨迹,哪些地方是用户点击最多,受欢迎程度大小可以一目了然,针对后期调整页面埋下伏笔。

简单来说,热点图能直接告诉你用户最爱页面哪些地方?哪个版块是用户最爱?用户访问越多的地方颜色显示会越深。

用户浏览网站页面时,从热点图的点击轨迹看用户首先点击哪块区域,这点很重要,这些地方可以放置一些对用户有价值的内容供用户阅读,可以更好的控制跳出率。

热点图对于各行各业的网站数据分析都有作用,在设计网站架构时可以根据用户习惯来展示,对点击高的文章可以展示在首页位置,最大化给用户提供阅读,增加页面曝光度。热点图可以知道哪个版块最多点击,那个用户最喜欢,发挥数据本身应有的功能,可以针对用户点击图来调整页面结构。

首页的浏览量、点击量、点击率可以看出什么?对此,马海祥建议大家可以做一张Excel表格统计,看每天网站被点击的情况。当网站的架构更加人性化,推荐的文章内容更符合网站风格和人群,当你的活动越来越有意思,过一段时间观察点击率很有很大提升。

总而言之,有了热力图的科学依据,优化网页细节就可对症下药,避免了主观臆想和盲目改版,在点击行为集中和访客多的地方可以放重点内容,可以看到哪些广告图效果不明显,哪些想要被点击的按钮不突出,哪些地方是用户希望点击后得到详细介绍的等等。最关键的是,在做好页面细节优化后,还可以根据热力图定点考量页面调整前后的点击转化效果,然后继续优化。

马海祥博客点评:

优秀网站都是通过细节性进行调整,在保持整体网站风格和样式,通过细微的差别体现出与众不同的方式,在网站结合热点图整合创意和设计,让网站跟访客形成良好的互动效果。

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

相关标签搜索: 网页设计   网站设计   网站优化   网页布局   热点图  

上一篇:网站热点图的实现形式和功能特点
下一篇:网站内链结构该怎么进行布局?

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

  • 如何以SEO的角度来优化网站的URL连接地址

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

    阅读:6151关键词: seo   seo优化   网站优化   网站地址   日期:2015-01-07
  • 未来的站内SEO优化需要做些什么?

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

    阅读:870关键词: seo   站内seo   seo优化   日期:2016-07-10
  • 站内SEO优化到底要做哪些工作?

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

    阅读:2518关键词: 站内seo   seo优化   站内优化   seo工作   seo   日期:2016-08-13
  • 采集文章内容对网站有哪些坏处

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

    阅读:73关键词: 采集   文章内容   网站   日期:2018-07-31
  • 解读网站内容更新的7种内容策略

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

    阅读:2732关键词: 网站内容   内容更新   内容策略   网站更新   日期:2014-04-28
  • 大量重复URL被百度索引收录的解决方法

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

    阅读:1853关键词: 百度索引   百度收录   日期:2015-07-05
  • 网站内的老文章如何才能让百度重新收录?

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

    阅读:1987关键词: 网站文章   百度收录   日期:2017-03-16
  • 怎样才能让刚发布的文章都被百度秒收?

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

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

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

    阅读:22关键词: 网站流量   主题集群   日期:2020-04-06
  • 怎样迅速提升网站着陆页的转化率?

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

    阅读:1382关键词: 着陆页   转化率   日期:2017-01-06
↓ 点击查看更多 ↓

互联网更多>>

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

SEO优化 更多>>

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