移动站点俨然已经成为了互联网的一个重要组成部分。如关键词、网站树形结构、URL设计、原创文章及常见的PC端站点优化同样适用于WAP站点的优化。因此没有必要将WAP站点优化当成一个全新的领域,只要做好基本的SEO优化,创造利于用户体验的内容,WAP站点其实也可以有很好的排名。
我们除了要创造更多利于用户体验的内容之外,也要减少一些因为WAP站点与PC端站点的不同而对用户访问造成的困扰。小编这里总结一些WAP站点优化的注意事项,有效地规避这些问题,将大大提高用户体验的满意度。
一、精简内容
一定要记住这个观点:WAP是一个相对来说很小的网站,所以网络上的数据能精简就精简,能删除就删除,留下太多没有必要的信息反而会使网站打开速度过慢,导致用户浏览不到想要的信息,或者因信息加载时间太长而使用户没有兴趣继续浏览下去。
1.隐藏导航栏
PC端站点因为数据庞大,经常会添加各种子导航栏,但是手机屏幕如果堆积了很多的导航栏反而不利于用户浏览网站。所以WAP站点要大幅度地减少导航栏,或者隐藏导航栏,将重要、核心的几个导航栏放在显眼的位置即可,然后添加一个类似可以展开的按钮,以方便用户寻找其他导航栏目。
2.删减硬广告
硬广告是指一眼就能看出来是广告宣传,这在许多PC端站点很容易看到。因为PC端站点排版起来相对复杂,为了方便用户区分层级,在每一个层级中间往往会放入一个硬广告作为过渡,就像写文章会用小标题区分是一样的。但是在手机端就不行了,因为手机端的内容有限,无法加入太多的硬广告,否则会影响手机的加载进度,用户体验也不好,所以直接加入一个聊天工具更适宜。
3.其他删减
PC端站点上拥有太多的引导性标签,如相关文章、推荐、Tag(标签)等。这些在手机上都是可以删减的,删减这些没有必要的内容可以减少因代码过多而导致网站打开速度过慢的问题。
4.能删则删
在WAP站点就不要做PC端站点那样多的特效了,这种特效如果没有必要可以直接删除。对于CSs代码也一样,如果隐藏的信息太多,那么不如不要了。这样的隐藏只是让用户不用一次浏览太多的信息,却并不能给搜索引擎带来好感。
二、尺寸定位
尺寸定位用专业的术语可以叫做兼容性,当然兼容性包括很多方面,并不是尺寸定位这一点。由于PC端站点的尺寸一般可以是固定的,而固定的点也体现在宽度上。例如PC端站点常用的宽度尺寸为1024像素(px),不需要前端人员在这个页面的基础上耗费功夫。但是对于WAP站点就要特别注意了,如果我们用640pX作为标准的话,那么当用户用320px的手机访问的时候,就会使网站只能显示一半大小。这种情况的出现,会使用户直接跳出网站。所以当我们做WAP站点的时候,尤其是前端技术人员,必须要清楚地了解目前主流手机所使用的尺寸大小。而目前主流的手机是Os系统和Android系统,所以我们只需要了解这两个系统下的手机的各种尺寸即可。
1.iOS系统
iOs系统的iPhone手机,从iPhone4开始到iPhone7Plus及iPhone8,尺寸是越来越大。对于i0S系统的手机,一般考虑两个尺寸,即320px和640pX。如果是平板电脑的话,也可以通过跳转识别,但是大多数公司都会重新建立一个以iPad为首的网站,方便iPad用户的访问。
2.Android系统
Android系统常见的手机尺寸有480、720和1080px3种。
3.主流尺寸
在我所从事的行业中,对于WAP站点的搭建,更多针对的是320、480和640px.所以前端技术只需要进行一段简单的判断即可。当然如果其他行业存在其他尺寸,也可以进行再次识别。
4.识别
一个WAP网站之所以会出现半屏或者超屏的现象,完全是因为字体大小的原因。所以在WAP站点中更多的时候不会使用px(像素)来写代码,而会使用em或者rem进行种自适应的区分。切记em和rem不能同时出现在同一个页面中,否则会出现一大一小的加载停留情况。
三、按需加载
按需加载功能曾经是非常火爆的一款功能,许多网站程序员都会使用这一功能。按需加载的意思是,当用户通过下拉网页到达某个区块的时候才开始加载。这种加载功能主要是不用一次加载完成,而是通过用户访问到哪里就加载到哪里。一般来说大型的网站因为数据庞大,加载时间往往会过长。由于网站采用的都是全局加载,但是全局加载往往会出现如果不能一次加载完成,那么网站就会因为打不开而导致用户流失的问题。
1.影响
之所以要进行按需加载,是因为目前来说手机的性能相比计算机弱一点,利用按需加载则可以加快手机用户的访问速度。而且手机网站也需要加大数据的填充,一个特别简单的网站是无法满足用户需求的。当WAP网站页面不断添加内容的时候,网页会越来越大,当手机访问WAP网站的时候往往会出现延迟,而延迟现象也会导致网站加载速度过慢。
2.好处
使用按需加载进行网站优化的时候,往往需要合理地进行动作的触发。按需加载最大的好处就是减少不必要的资源请求,节省流量,并真正实现了需要才展现的原理。如果使用下拉滚动条来实现按需加载功能,那么我们最好以一个与屏幕相同的距离进行按需加载。例如,以手机屏幕的大小为标准距离,每滚动一屏则加载一次。这样可以大大减少资源损耗,并且能对用户进行友好展现
3.小结
按需加载体现在代码技术上,主要分为文字按需加载和图片按需加载两种。当然在实际使用过程中按需加载更多的是表现在HTML的按需加载,只需要前端人员在编写DⅣ代码的时候,加入相应的按需加载代码即可。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/117190.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除