可按Ctrl+D收藏众星平台
帮助中心

众星平台

热门搜索: 挖矿源码    小程序开发    抖音刷赞    星创课堂    软文交易   

移动网站的重要性与PC网站的区别

  • 时间:2020-01-07 09:10 编辑: 来源: 阅读:205
  • 扫一扫,手机访问
摘要:随着移动互联网发展,流量已经从电脑端逐渐转移到移动端。移动网站建设也变得越来越受欢迎,大部分企业都会建设PC网站和移动网站,甚至一些企业只建设了移动网站

随着移动互联网发展,流量已经从电脑端逐渐转移到移动端。移动网站建设也变得越来越受欢迎,大部分企业都会建设PC网站和移动网站,甚至一些企业只建设了移动网站。移动网站为什么会这么受欢迎呢?移动网站之所以受欢迎起来,主要的是现在智能手机的使用已经覆盖了全球,特别是我国的智能手机使用率已经超过80%,预计2020年智能手机普及率将超过95%,达13亿人。这么大的的手机用户群体,这么大的流量入口,企业怎么会错过呢?而且我国的移动支付功能发展迅速,使得移动营销变得更加方便快捷,建设移动网站肯是一种既便捷,高效的推广渠道。

那么PC端与移动端之间又有什么区别呢?

1.平台浏览体验不同

PC站的网站结构只适应在电脑端浏览,网站页面大小没有太大要求;可以放更多的图片和动态展示效果。如果在移动端打开会造成页面错乱、文字不清晰以及图片不符合页面问题。严重影响用户浏览体验,减少用户浏览兴趣关闭网站;流失意向客户。想在做好移动端的推广就必须设计一个适合在手机端浏览的网站。

2. 支付操作系统不同

移动端系统一般分为iOS和安卓系统,对于视频、音乐、会员系统、支付功能都进行精简。随着移动支付迅速发展形成人们习惯在手机上面直接买东西,虽然这些功能在PC站也可以实现,但是很多时候被场所限制在办公室。不能像移动端那也实现随时随地移动性购物,就算走在路上也不会浪费商机。

3. 所覆盖受众群体不同

PC站的受众群体大部分是在办公场所人群,而移动端则是可以全面覆盖;因为手机的使用率比电脑搞,手机用户比较活跃所以谁都可能是企业的潜在用户,其次移动端网站的用户目的性更强。

4. 发展前景不一样

现在手机用户已经超过电脑用户,因为大部分人会使用碎片化时间去浏览手机;去寻找自己想要的信息。无论是在公交车上还是地铁上甚至在路上,人们都会滑着手机去看自己想要的东西也预示着未来是移动互联网的世界。因为手机方便携带,也越来越智能;所以移动端的市场潜力是无法估计的。

现在智能手机机无处不在,每天都有很多的人使用移动端浏览器在网上冲浪。由于大部分企业不够重视移动端用户体验导致网站的移动体验都大失水准,所以小编认为手机网站建设十分重要。手机网站作为一个单独的网站,需要单独去做优化,设置单独的关键词优化,进入移动端后,搜索引擎依旧是手机网站重要的流量来源不能忽视,需要我们在细节上加以注意,在数据方面要与PC站配对,换句话说PC站数据,在手机网站上也要有,而且要一一对应,根据搜索引擎规则:当搜索引擎蜘蛛发现你PC站的时候也能够发现的手机网站,能提高网站在搜索引擎的收录。

1,响应式布局

这种一般是比较常见的跳转方式,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式,pc和移动用的是同一套html代码且网址是同一个网址。

下面这行代码一般放在<head>标签里面,目的是告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放;

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

网页样式一般在css中调整,用@media screen and (max-width: 980px) {}这种形式,意思是屏幕宽度小于980px时使用{}里面的样式,这种响应式布局,宽度常采用百分比的形式,如果害怕图片变形,可以使用{width:auto;max-width:100%}。

2,跳转适配

这种一般也比较常见,站长在做优化时,会有www和m两个站,一个pc一个移动,用户在访问网站时,检测当前所用设备,跳转到对应的网址,pc和移动用的是不同代码且网址也不同。

在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。

在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。

例如,假设pc版网址为http://www.abc.com/id.html,且对应的移动版网址为 http:/m.abc.com/id.html,那么在pc版网页上,添加:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.abc.com/id.html" >

而在移动版网页上,添加:

<link rel="canonical" href="http://abc.com/id.html" >

3,代码适配

这种方法比较复杂,一般的话是比较大型的网站会使用的跳转方法,网站是使用的同一网址,但是根据访问端口的不同,返回不同的代码,如果是电脑端,就会返回电脑端的代码,如果是yd端,返回的代码就又不同了。

这种方法会需要添加Vary HTTP 标头,其作用借用百度文档里的解释:

1、它会向百度传递一个信号,表示说这是个代码适配的站点,百度就会尽快把网站抓取一遍进行适配;

2、它可以防止用户接收到错误的网页缓存。

这部分是在网站的服务器上进行的,有可能是 Nginx,Apache, IIS 等, 需要在服务器的配置里,设置 Varyheader 为 Vary:Accept-Encoding, User-Agent

为了让百度蜘蛛更好识别是PC站还是移动站,方法如下:

代码放在<head>标签里面,如果是PC站,代码为:

<meta name="applicable-device"content="pc">

如果是移动站,代码为:

<meta name="applicable-device"content="mobile">  

注意:关于移动适配,百度不建议使用js实现pc和移动间的跳转



  • 全部评论(0)
最新发布的资讯信息
【创业/圈子|创业访谈】数字货币对宏观经济的影响与展望,度小满金融李丰演讲(2020-03-28 21:18)
【计算机/互联网|互联网人物库】“中国巴菲特”之称的段永平,妻子刘昕资料背景介绍(2020-03-28 17:17)
【计算机/互联网|互联网人物库】“80”后富商黄峥的家境如何?他的老婆是谁?(2020-03-28 17:00)
【计算机/互联网|互联网人物库】黄峥 —— 少有的一直关注事物本质的人 (2020-03-28 16:25)
【计算机/互联网|互联网人物库】人物:雅虎Yahoo创始人杨致远资料简介,杨致远妻子山崎晶子(2020-03-28 15:40)
【计算机/互联网|互联网人物库】斗鱼创始人陈少杰资料简介,陈少杰身价(2020-03-28 15:18)
【计算机/互联网|互联网人物库】雷军的老婆是大学初恋,不是美女演员(2020-03-28 14:42)
【计算机/互联网|互联网人物库】在雷军身后的大佬(2020-03-28 14:15)
【计算机/互联网|互联网人物库】孙亚芳为什么离开华为 孙亚芳的丈夫及婚史曝光(2020-03-28 13:55)
【计算机/互联网|互联网人物库】人物:吴欣鸿简介(2020-03-28 13:04)
联系我们
邮箱 1807586565@qq.com
客服 QQ 1807586565
客服电话 023-67897994
客服微信:18996274797

联系客服
网站客服 联系客服
023-67897994
手机版

扫一扫进手机版
返回顶部