如何利用页面点击图做网站页面优化

有时候我们需要了解网站页面中各链接的点击情况，尤其是网站的首页和一些中间页，这对网站的内容编排、用户体验优化都能起到很好的指导作用。

页面点击图是流量统计里面的一项统计工具，大多数站长用过百度统计和CNZZ统计工具的都比较清楚页面点击图这个概念，页面点击图包括热力图和链接点击图，站长在做SEO过程中，应该充分利用好页面点击图来维护好网站内容，特别是一些高质量的内容需要展示给用户，做到最适合搜索引擎或用户的体验度。

每个搜索引擎都在争取大数据来获取用户心里，追求最佳的用户体验，作为站长既然有了一定的数据在用户体验上面也应该做好充足的数据分析，至于怎么运用页面点击图来布局高质量的内容，在此，我就借助马海祥博客的平台分享一下我在实际操作中是如何利用页面点击图做网站页面优化的。

1、百度统计页面点击图

目前来看，页面点击图只能统计查看到你所设置的页面的热力图以及该页面的链接点击详情，如果你要进行多个页面的热力图的话，可以新增多个图来进行页面热力图的数据查看与分析，百度统计页面点击图分为热力图和链接点击图：

（1）、热力图

对于百度统计的热力图，进入“页面点击图”后自己可以创建监控对象，注意不能监控整个网站，可以使用通配符设置一个范围，当然最好是架构相似的网页。

设置完后不能立即查看，要至少等一天后才能看到效果，热力图反映的是网页或一组网页（看你设置的情况）被点击的情况，以颜色变化展现访客在页面上的点击分布情况，红的最多，绿的最少，同时还能用框选显示点击的来源、搜索词等统计信息。

在马海祥看来，热力图最大的作用就是直观直接地告诉我们，页面哪些部分吸引了大多数访客的注意。

（2）、链接点击图

链接点击图主要是展现访客对页面上的链接点击的次数，链接点击图在谷歌分析中也有类似的功能，也是显示网站某页面上链接的点击情况。

通过分析图像，可以了解网站的访问情况，继而可以更好地优化网站，把访问较多的内容价值化，相反，把访问量较少，甚至没有流量的部份进行更换或者删除栏目，例如：如果某个图片被点击多，可能表示访问网站用户认为这是个链接，可以在图片后放置链接，以此来优化网站架构。

2、分析热力图页面的点击数和聚焦度

点击数是必须分析的选项，点击数作为聚合页或内容页最直观的表达方式，可以分析出搜索引擎来源用户是喜欢那些内容，根据这些内容，站长可以微调内容并最大化满足这部分用户，从页面的首屏到第二屏以及第三屏都需要做相应的修改，去除访问量少的内容，增加网站热门点击内容。

聚合度也是必不可少的一项，聚合度能看出页面中点击数所占的比例，比例的大小直接关系到页面中某个板块在网页中的受欢迎程度，受欢迎程度越明显，说明网站结构越合理，推荐内容越高质量。

3、分析链接点击图

页面点击图中最跟SEO相关的就是链接点击图了，链接是搜索引擎作为最基础的传递权重的方法之一，一个点击量高的链接获得搜索引擎的影响是至高无上的，因此需要合理布局链接的所在位置。

做到这点我们需要统一页面相同的链接，把相同链接布局在同一位置，拒绝多连接在不同地方出现；整理出关键词排名比较靠后的链接放在热门点击处，有利于提升关键词排名；首屏内容做到少留空白处，充分合理的布局有用的链接。

4、页面点击热力图功能

这个是热力图最大的特色功能，能统计页面上用户鼠标点击的行为，从而了网站的各个区域的用户点击情况，在此，马海祥就来跟大家介绍下页面点击热力图的几个特色。

（1）、通过颜色分别，一目了然网站用用户点击数据分布

根据热力图分布，红色越集中的地方，就是用户经常关注的地方；橙色次之，绿色表示点击较少；大家能通过图片颜色，就一目了然的知道哪个区域点击的人最多。

（2）、了解网站热门区域的点击数据用户来源情况

如果想知道某个区域有多少点击，只需要用鼠标框选（在图上点击鼠标，按住、拖动、放开）热点区域，就能查看该区域的点击数及比例，而且还可查看点击该区域用户的来源，是不是非常的神奇了，一次性能同时框出5个区域中的数据进行对比，如下图所示：

通过热力图可以看到右侧头条位置和下方图片广告区域的大概点击效果，通过这些数据就能发现，会主动产生点击行为的忠实用户来源，是主要通过直接访问，还是通过搜索引擎和外部链接，这些都是非常珍贵的数据分析，能帮助站长更好的优化网站，从而促进网站的广告效果。

（3）、网站广告效果监控

如果用百度广告管家等工具，也可以精准的监控广告的点击效果，但如果这个广告是全站都放了，而我只想监控某个页面带去的效果，这时候百度统计热力图的价值就体现出来了，可以任意设置，监控具体某个页面的情况。

（4）、详细了解数据来源情况

但百度热力图的数据分析功能远不止此，大家看下图马海祥博客的热力图，能看到更细的数据，能详细了解到这个区域的点击是来自哪些具体的哪些关键词进来的用户，或者对方是来自什么地域的和使用的什么浏览器。

这些数据能帮助站长，更好的分析网站用户来源，通过什么关键词，什么地域来的用户会对网站的哪些内容更感兴趣。

通过上图就能发现，在这个区域的用户点击来源关键词的详细情况，会发现除了直接访问的用户，通过搜索词来点击，主要又是通过什么关键词进来的？访问这些区域的，主要是哪些地域的人？通过这些就能知道，哪些关键词对网站粘性更强，网站最受哪些地域的人喜爱？

5、链接点击图功能

接下来再跟大家介绍下“链接点击图功能”，其实在谷歌和CNZZ也见过类似的功能，能统计每个链接的点击次数，但只能统计站内链接的效果，站外链接就无法统计到，可能因为这个服务比较耗服务器资源，当时使用在谷歌等统计使用类似这功能的时候，经常打不开页面或者出现数据丢失不准，最后慢慢就放弃使用。

但百度这个链接点击图的统计原理和谷歌和CNZZ的都不同，百度链接图是记录用户的鼠标点击行为，统计访问这个超链的用户，进行了多少次鼠标点击的行为，只要是这在页面内的点击行为都能统计到，因此统计的数据会更加的全。

通过热力图功能，可以了解某个区域的点击数据，比如刚才上面首页左侧的广告，显示这个区域一共有446次点击行为，但并不代表给这个广告主带去了446个访问量，如果想了解精确的点击数字，这时候链接点击图功能，就能大显身手了，通过“链接点击图功能”能够具体的统计到页面上单个超链接产生的点击数据，通过链接点击图再看这个左侧图片广告超链实际的点击次数：

通过上图显示的数据可以发现，在昨日这个在首页广告链接实际点击了63次，因为之前的百度统计热力图只是统计的点击行为，并不是统计的点击具体链接的行为，所以光看热力图，看在某些超链接区域被点击了很多次，但并不代表超链点击的实际效果。

通过上面的几个案例，大家也能了解到最终链接点击图统计到点击数字通常都比热力图统计到的点击数要少很多，因为很多用户点击行为，并没实际点击到具体的链接url。

透过热力图就能发现，有的图片上没有链接，但是用户点击很多，说明用户以为这个地方是可以点击的，但站长并没在这个位置上放上超链，说明就是网站设计不人性化，浪费了用户的感情和时间

6、通过热力图做好网站优化，提升用户体验

由于目前大部分网站的页面都不会在一屏就结束，用户浏览完整的内容往往需要使用鼠标的滚轮或者进行下拉，那么大部分用户到底会关注到页面第几屏的内容，这个功能每一屏的点击占比分布可以告诉我们一些线索。

先解释一下这里“一屏”到底是一个什么概念，这里一屏主要指用户在打开页面不进行下拉时所能显示的页面长度部分，这跟电脑的显示器和屏幕分辨率有关，比如我的博客首页在我的笔记本上打开大概显示5屏多一点，在分辨率较低的显示器下面可能需要显示的屏数就会增加，需要更多的下拉；而分辨率高的显示器一屏内能够显示的页面更长，可能就不再需要5屏。北京汽配城：www.qipeiying.com

用户浏览页面的内容是有局限性的，并且用户对内容的兴趣和耐心也是有限的，用户往往只会重点关注一下子就映入眼帘的内容，所以页面的前面部分一定会有更多的用户关注，而随着不断下拉，后面部分的内容的关注度逐步减少，我们可以根据页面点击图提供的数据来看看这个局部减少的过程：

根据我的博客首页的点击分布情况，超过60%的点击发生在第一屏，第二屏基本上占据了30%左右的点击，第三屏在6%-7%，下面所有剩下了几屏仅有2%-3%的页面点击占比，我们可以使用点击热图分析得到类似的页面点击分布情况。

可能有人会说你的博客大部分的链接都集中在第一屏和第二屏，之后几屏的链接数量都比较少，所以点击占比前面两屏很高也是说得过去的，有一定的道理，但即使博客的第一屏和第二屏有近似密度的可点击链接，可以看到第二屏的点击量相比第一屏还是出现了大幅的衰减

另外，可以通过点击热图等工具看看页面每一屏的无效点击数，基本可以看出分布的情况也大概符合上面的规律，逐屏大幅下降，在3屏之后寥寥无几。

如果你细心关注过国内外的各个门户网站，可以看到国内外门户网站页面长度的设计存在明显的差异，可以尝试去上下Yahoo!主站、BBC、CNN等国外主流门户，基本上这些网站的首页长度设计在3-4屏；再看看国内的几个门户，网易5屏、腾讯接近6屏、新浪更是恐怖的8屏（都是基于我自己的笔记本上显示），所以如果大部分用户浏览网站的习惯跟马海祥博客分析得出的结果相符，那么国内门户的首页后面几屏的内容基本都成为了摆设，因为100个人里面只有2-3个人会关注到这些内容。

对此，马海祥建议各位站长必须格外重视首页第一屏的内容质量和呈现方式，因为这部分的内容将主导网站内容的曝光点击率，很明显，一个网站的首页浏览量大概占据了全站的20%到30%(因网站设计而异)，而首页的第一屏又占据了首页60%以上的关注度，所以可以看到首页第一屏对整个网站而言是何其的重要。

如何利用页面点击图做网站页面优化相关推荐

table选项卡从A页面点击进入B页面指定版块
不知道,怎么搞的,昨天明天写上去的,发布成功的.早上找不到了,奇怪,差异.重新弄下吧. jquery博客昨天又加班了,早8点去晚8点回来,赶项目没法子,细细算这个月除了清明时候休息2天,之外一直上班中 ...
body 页面点击事件处理，页面冒彩色泡泡，文字泡泡
body 页面点击事件处理,页面冒彩色泡泡,文字泡泡,需要引用jQuery. 在这里插入代码片 var m_index = 0;$(document).ready(function($) {$(&qu ...
HTML_页面点击按钮关闭页面的几种方式
HTML页面点击按钮关闭页面的几种方式文章目录 HTML页面点击按钮关闭页面的几种方式一.不带任何方式的关闭窗口二.提示之后关闭页面三.点击关闭本页面并跳转到其他页面四.将三中的方法放到 ...
HTML页面点击按钮关闭页面的方式
这篇文章给大家分享HTML页面点击按钮关闭页面的几种方式,实现思路非常简单,有不带任何方式的关闭窗口,提示之后关闭页面,点击关闭本页面并跳转到其他页面等等,每种方式结合实例代码给大家介绍的非常详细,需 ...
HTML页面中点击按钮关闭页面几种方式与取消
1.不带任何提示关闭窗口的js代码 1 <input type="button" name="close" value="关闭" on ...
dwz中弹出的窗口页面如何获取前页面(点击按钮的页面)的元素？？？
在页面A.jsp中点击一个按钮,使用$.pdialog.open()方法弹出b.jsp页面(对话框窗口),我要在b.jsp中选中值然后关闭窗口(b.jsp)返回值给A.jsp~ =========== ...
html页面点击按钮实现页面跳转
方法1.在button标签外嵌套一个a标签,利用超链接进行跳转: <a href="https://www.baidu.com/" target="_blank&q ...
ionic 实现应用内(webview中html页面点击) 和应用外 (浏览器html页面点击) 打开本地安装应用...
应用内(webview中html页面点击) : 应用内打开本地安装应用指的是webview里打开应用,需要2个步骤: 1: 需要下载一个cordova插件:com.lampa.startapp ,也可 ...
Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法，本文实例讲述了js实现点击图 - phpStudy...
js实现点击图片改变页面背景图的方法本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片希望本文所述对大家的javascrip ...

如何利用页面点击图做网站页面优化

如何利用页面点击图做网站页面优化相关推荐

最新文章

热门文章