移动端设备屏幕变小了,如果还是采用基于pc端的优化体验,肯定是非常糟糕的,所以要在移动端方面做一些适合手机屏幕浏览体验的改进。

  1.页面加载速度

  据相关统计,用户能接受的页面加载时间在3s以内,也就是说如果页面加载时间过长,基本上就会被关掉,从而流失了用户。搜索引擎官方也非常注重加载速度,这是一个很重要的排序因素。

  2.页面结构优化

  移动端设备的界面非常的小,所以要尽可能地把主体部分全面展示出来,这样用户就不必左右滑动页面来浏览。一般页面结构推荐:顶部为标题区、中间是内容区、尾部是相关内容。图2-32所示是猎河科技网站的某页面,很简洁的浏览结构。

  3.页面浏览优化

  在移动端,除了合理的页面结构外,还需要对文字和图片进行优化设置。下面是推荐的移动端浏览体验'设置:

  (1)主体内容含文本段落时,正文字号推荐用14px,行间距推荐(0.42〜0.6)X字号,正文字号不小于10px,行间距不小于0.2X字号。

  (2)主体内容含多图时,除图片质量外,应设置图片宽度一致,位置统一。
     (3)主体内容含多个文字链接时,文字链接字号推荐用14px或16px。字号为14px时,纵向间距推荐设置为13px;字号为16px时,纵向间距推荐用14px;文字链整体可点区域不小于40px。

  (4)主体内容中的其他可点区域,宽度和高度应大于40px。

  (5)此外,需注意交互的一致性,同一页面不应使用相同手势完成不同功能。

  (6)不存在遮挡主体内容的广告元素。通过以上6项优化设置,将大大提升移动端的用户浏览体验,留住了用户的同时,也得到了搜索引擎蜘蛛的青睐。