免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

做好手机站,你应该了解以下内容

发布时间:2016-08-15 14:19:55 阅读次数:1524发布人:王进

现在手机站越来越普及,因为现在用户访问网站的方式逐渐在改变,从原来的PC端访问,逐渐转变为手机端访问,一个公司如果没有手机站,很可能就会造成用户流失,有的朋友会问,没有手机站,百度也可以搜索出我们的pc站来访问,只是用户体验差点而已,但是问题没有这么简单,我们用实际案例为大家讲解一下吧。

我们在手机端的百度搜索我们学校的关键词“新视觉实训”,我们的PC端官网没有在最好的位置展示,反而这些网站排名到了靠前的位置,如图:

从上图中我们是不是观察出了一些特点那,是不是前缀是“m”的排行更靠前那?百度推广那边也给我们这个联系过,百度推广那边给我也说过,在PC端的排名靠前并不代表手机端的排名,想要做好手机端的排名,就要做一个手机站。

其实百度这个也是为了用户体验,也是为了让你的网站做一个手机端,能够让用户更好的展现你的页面,所以手机站是必做不可的工作,那么做手机站我们应该了解哪些内容那?

1.使用二级域名展现手机站

从刚才的图示我们也看到了,手机站需要使用二级域名m.XXXXXX.com或wap.XXXXXX.com,我们都知道我们PC端的网址一般都是www.XXXXX.com,那么做手机站我们就必须启用二级域名,前缀是m或wap,我们可以看一下其他类型的网站,也是启用这个“m”二级域名的,如图:

上图是在手机百度搜索的关键词“淘宝”,索引出来的内容也都是前缀为"m"的网站,因此我们想要做一个手机站,首先我们应该做一个前缀为“m”的二级域名,以新视觉实训该网站为例子,我们的PC端的域名是www.nsedu.cn,我们手机站的域名应该是m.nsedu.cn

2.做手机站应该了解尺寸

大家都知道,图片可以从大向小缩,但是不能将小图放大,因为小图放大必定会失真,导致图像模糊,影响体验。但是图片也不能无限的放大,大图必定会导致图片的体积非常的大,手机端访问的时候会导致打开速度迟缓,所以为大家介绍一下做手机站的尺寸要求,看下图:

宽度可以定义到768像素,所以你的设计稿子定义的宽度应该是768px,iPhone6 plus的宽度是414像素,所以768像素的宽度完全可以适配多数手机,让图片不至于失真。

3.手机端需要添加头部信息

手机站和PC站的区别就在于,手机端浏览PC端网站的时候,会将整个PC端页面缩小适配到手机上,会出现很多字非常小,用户看不见,所以我们需要添加一段代码,拒绝页面等比例缩小。代码如下:



 name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
上面这三条就是做手机站你必须应该知道的内容,更加详细的内容,可以到济南新视觉实训学习web前端的课程,了解做手机站的细节问题。



济南新视觉数码实训基地

Copyright 1996-2020 | 工商注册号:370000228005192 | 鲁ICP备14010827号
友情链接: 济南新视觉实训基地 | 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南web前端培训 | 济南电商设计培训 | 济南教育人生网 | 济南UI培训 |