建立了移动手机端网站,准备着手做移动端的优化,为什么选择移动端优化呢?通过百度数据统计数据,本人管理一个企业站,流量来源移动端占了38%,但PC端内容在手机端体验度较差。主要关键字也在上升阶段,为进一步提高转化率,收集并总结了一部分关于手机端的优化策略,希望对大家有帮助。
一移动端有何好处
移动端顾名思义是移动终端设备,主要有安卓手机/苹果iphone/ipad/安卓平板电脑等。移动端用户越来越多,这跟我们的生活节奏有关,大部分的人利用坐轨道交通/等公交车/上厕所/中午吃饭等时间,进行浏览相关的页面或者玩游戏等。
这里只针对浏览问题进行讨论,如果网站没有专门的手机端,一个完整的页面看下来,在流量费昂贵的今天恐怕不现实。移动端除了用html写的网页外,还有微信/微博等终端。与PC端的网站相似,移动端优化需要掌握以下重点:
1.了解不同的设备
屏幕尺寸/主流手机端的浏览器等,好根据兼容性做站。
2.了解构建移动网站方面的关键事项
比如二级域名解析,终端判断和跳转等。
3.选择您的移动网站配置
移动端可以不要数据库,可以在本地环境更新后上传到空间即可,定期备份本地数据库即可,轻量级的移动端更好。
4.常见问题解答
5.建立利于搜索引擎抓取的网站结构
手机端可以采用扁平式的网站结构,深度不深,做好文章和内容归的相关性推荐。
二确保百度/360/Google 等搜索引擎可以了解您的移动网站设置。
1.自适应网页设计
网页自适应效果对用户体验起到重要作用。特别是兼容性调整,每种浏览器的版本不一样,看到的效果也不一样,为了达到最大兼容性,需要在建设完了之后,做好自适应的代码优化。减少使用固定的宽度和高度,图片大小也按照百分比进行调整。
2.动态提供内容
虽然搜索引擎对动态内容抓取不太理想,但是部分动态页面如TAG标签列表,全站热点搜索词等都是用户想了解的。其实只要是用户尽力搜索的内容,百度等搜索引擎一样会抓取
3.单独的域名网址
都知道了301跳转这个功能,比如:www.xiuzhanwang.com和xiuzhanwang.com两个域名都能打开首页,那搜索引擎对这两个页面会认为相似度很高,影响了主域名的权重,其实不带www的主域名更短,更好记忆,只是大多数的用户对有www、m、wap等开头的比较熟悉。
4.避免常见错误
常见的为设置404页面、301跳转,缺少必要的页面模版,或者出现某些链接打不开等错误
三避免我们通常在移动网站上看到的常见错误。
1.JavaScript、CSS 和图片文件被屏蔽
某些用户的浏览器对javascript、css和图片进行屏蔽,利于页面加载速度加快,特别在网站中植入过多的广告js代码,影响用户体验,因此有些用户会禁用,但是页面展示效果非常差。
2.无法播放的内容
浏览器对视频播放器的插件兼容性不一,因此选用兼容性比较好的视频格式,如果是视频站,最好选用rm、rmvb、avi、mpg等主流格式,特别要注意的是flash插件的支持问题,每款浏览器对flash的支持程度不一,而且对flash里面的所有内容不抓取。
3.错误的重定向
合法的重定向只有301,如果采用js跳转可能造成百度抓取不到里面的内容,因此手机端的跳转需要判断设备,才跳转到移动端。
4.仅在移动设备上显示 404 错误
一般在建站后为了优化的需要,删除低质量页面,搜索引擎找不到相关页面就会出现404错误,需要对这些错误页面进行提交,申请删除这些页面,
5.应用下载插页式广告
6.不相关的交叉链接
百度对页面的相关性有很重要的提示,但是很多站长为了增加PV,在所有的页面里面都采用最新内容链接。这样的效果其实不好,百度会判断这个页面的相关度不高,排名困难。
7.移动版网页加载缓慢
移动端的页面是轻量级的,图片、css和js等都经过压缩传输到终端,因此不过多使用轮展图、js弹出等有利于页面打开速度加快。
四针对其他设备对网站进行用户体验优化
自适应页面设置需要按照用户习惯进行优化:
1.导航
首页导航结构清晰,最好做成跟安卓、苹果的UI页面;内页、内容页一般没有导航栏,只要一个返回上一页即可,因为大多数的操作都是用浏览器的返回键;
2.超链接点击区
有链接的<a></a>标签全部设置为block,并设置合适的宽、高,用户点击的时候就不费力,另外主要的导航区在同一个区域,不然会造成用户上下左右都在点击;
3.页面长度
滚动不超过3页,或者整页滚动,而不采用无缝滑动;
4.图片浏览
用户的习惯是点击图片的左边为返回上一张,右边是跳转到下一张。
发表评论
评论列表(条)