或者

基于移动搜索的网页优化

作者:数风流人物 浏览:201 发布时间:2017-04-14
分享 评论 0

面对移动搜索市场,移动用户需求与标准的桌面搜索需求是不同的,移动用户更倾向于即时需求,移动搜索与桌面搜索相比,具有:(1)在移动设备上的小屏幕,可能只能出现5个搜索结果。(2)移动搜索查询往往极短,查询的关键词也比传统桌面搜索更少。(3)移动搜索查询结果受到字数限制。例如,PC端和移动端搜索结果,PC端30多个中文汉字才截断,移动端不到20个字就截断。


1、移动端网站样式表的优化

制作的一个移动样式表单,称之为“handheld.css”,这个CSS可以把传统网页格式化为移动设备可以浏览的网页。如果客户端是手机等移动设备时,就会载入这个css样式表。


2、移动端网页标签的优化

(1)meta标签优化,使用标注meta声明开放适配协议。站长在站点PC页的源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应的手机页的URL。


(2)描述标签(description)的优化,使用description目的是用来说明页面的主体内容。描述标签也会被显示在搜索结果当中被用户所见。


(3)jquery标签的优化,提升移动用户的使用体验。例如,滑动切换图片相比于自动切换和点击切换,滑动切换增强了用户操作的主动性、隐藏标签和显示标签实现动画效果,同时提升了切换的便捷性。


3、移动端页面结构的优化

使用三层的页面结构。由于移动端是直接用手指操作,需要响应元素点击区域要相对明显,布局上可以多上下排列。移动网站的页面加载速度要比普通网页加载速度慢,所以减少页面数量非常重要。用户是不会有耐心不断打开网页上的,所以尽可能简化网站的布局也是很重要。一个标准的移动站应该包含首页、列表页和详情页三种类型,页面类型及层级不超过三个,保证简单、高效的用户体验。使用尽量浅的页间结构,减少用户点击次数,提升浏览体验。


4、移动端网页导航的优化

网页导航可用性表现为用户能快速地找到所需的信息,是用户体验的重要实现方式。移动网站可以采用的导航种类较PC端要少,按照范围的不同,可以分为三大类:结构性导航、关联性导航和公用程序导航。一般首页导航可以分为导航式和内容式两种,导航式因其风格简洁可起到快速传达品牌形象的作用;内容式因其丰富的内容,可快速传递信息。通过导航,用户可以知道所在页面在整个网站中的位置,在移动端导航中尽量使用文字链接,不要使用复杂的js或者flash。使用图片做导航时,可以使用Alt告诉搜索引擎所指向的网页内容。


5、移动端网页屏幕分辨率的自适应

移动端网站的页面需做到以下三点:一是页面随屏幕宽度变化,无横向滚动条;二是屏幕不放大时,能清晰浏览内容,文字大小不低于12像素;三是屏幕不放大时,按钮、链接等点击方便,按钮尺寸不能过大或过小。


(1)根据移动端屏幕的特点实现移动端屏幕适配。


(2)横竖屏的适配。