网站浏览的视觉原理

华夏久久

我还是我写一些关于SEO基础性的东西，这些都是之前在书上与博客上看到了，现在通过我自己整合一下。大家把基础的东西弄明白后，接下来的东西就会看得更透彻。大家一起努力，搞定百度，搞定google，搞定yahoo。
下面我讲一下用户浏览网站的视觉原理：
尼尔森的F形状网页浏览模式。
著名的网站设计工程师杰柯伯。尼尔森发现，人们大多不由自主地以“F”字母的形状的模式来阅读网页，尼尔森指出，读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定习惯。这种压倒性的阅读模式就宛如英文字母F的形状。
附图：F形状网页浏览模式

下面为杰柯柏·尼尔森报告中的3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。
具体分析包含以下三点：
1.读者的眼晴首先是水平运动，常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这是F字母的第一条横线。
2.读者的眼光略微下移，很典型地扫描比第一步范围较短的区域。这就又画了F字母中的第二条横线。
3.读者朝网页左边的部分进行垂直扫描。有时候，这个举动很慢而且很有系统性，这样就画了F字母中的一条竖线。
下面这三张热度图来表明眼睛运动轨迹。并且用色彩来显示眼光聚焦程序的高低。越高的地方。颜色越热，分别为红色（最热），黄色（较热），蓝色（不热）和灰色（没有温度）。


图1 一般说明性网页


图2 电子商务网页