移动端排名的两种匹配移动端实战排分享!

关于移动端优化的问题、最近一些兄弟一直在问我应该怎么做?毕竟现在是手机的年代、绝大部分情况下、PC显得有点鸡肋!在讲移动端排名之前、逆冬先来讲两个简单被我们搞错的问题(移动端)。

1、逆冬教师你好、我调查现在的移动端都是独立的m.xxx.com,是不是百度喜爱独立的移动端站点?

观念:据自己对许多职业调查、并非是百度喜爱m独立移动站点、而是许多网站都这样做、给人形成了一种幻觉、许多呼应式的排名也相当不错!另外、许多同学在调查网站的时分、总喜爱调查大型网站。

举个例子:某大型网站A、10年前开端做网站、当时移动端并未兴起、所以A一直做PC流量、直到后边几年、忽然发现移动端流量比较多、想做移动、这个时分A比较稳妥的做法不是把自己的网站改成呼应式、而是做一套独立的移动端网站、这样既确保PC端的流量不受损、又能获取移动端流量!贸然改模板、有或许会丢失PC端的流量!这点是许多人想不到的。

2、以我们现在的技能、我能不能不优化PC端、单纯去优化移动端、目前我的职业PC端没有流量!

观念:绝大部分网站都无法直接优化移动端、而都是通过PC端排名去匹配移动端。现在市面上能单独优化移动端的快排少之又少,而效果更是不如人意!

讲完了上面2个常常被我们误解的点、我们再来讲下2种移动端匹配的方式以及它们之间存在的优缺陷及应用场景!

一、呼应式规划(自适应)

阐明 :PC站和移动站的URL是完全相同的(不管用什么设备访问都相同),返回给浏览器的HTML代码也是相同的,不同宽度的屏幕排版不同是通过CSS操控的。以前也常常称为自适应规划,便是由于排版是依据屏幕宽度主动适应的。

长处:

搜索引擎抓取、索引一套页面就行了,进步索引效率,特别对大网站,抓取份额糟蹋在多个URL上,就意味着下降深层页面被抓取的时机。自适应规划只有一个URL,链接、权重核算都集中在一个URL上,不会出问题。

站长方面开发维护一套代码就能够了,后端开发成本相对低一些。建造的外链也集中在一个URL上。不需求判别设备、浏览器类型,也不需求转向,也就不会犯错。

缺陷:

移动设备由于屏幕大小的联系,常常要隐藏一些内容和功能,但仍是需求下载完好的HTML代码,常常还包含图片,所以会糟蹋带宽。手机网速慢的话,多下载文件就意味着速度变慢。而且,同一套代码要在一切设备显示正常,还要尽快开端烘托,前端规划需求比较高的水平。

增加代码:

自适应规划有其一般准则:在head增加以下代码而且运用元素处理自适应图片:

自适应页面还应该在head中标识:

表示页面一起适合在移动设备和PC上进行浏览。

重要:许多公司在开发呼应式网站的时分、都没有增加以上两段代码、也没有依照代码要求去做、然后导致了排名无法进行匹配!

主张应用场景:简单传统企业网站以及SEO小白博客、不顺便其他功能权重网站!新网站也主张运用呼应式!

实战事例阐明:

PC端排名(下图)

移动端排名(下图)

排名相差不大的两个网页、而且都是呼应式的网站、一个网站移动端排名主页、另一个网站移动端没排名、观其原因、则是sw256这个站并未增加呼应式移动端匹配代码所形成!细节决定胜败!

二、独立移动站点(m.domain.x)

阐明:移动站的URL和PC站是不相同的,通常用单独的子域名,比方PC站是www.x.com,移动站是m.x.com,当然移动站的HTML代码(以及CSS)与PC站也是不相同的,是专门做了移动优化的。换句话说,这种方式下,移动站便是个独立的网站。

长处:

独立的移动端网站、与时俱进愈加便利!比方百度某一年推出MIP、能够写一套MIP模板与之对应!

独立的移动端网站、可DIY的功能更多!比方移动端支持拨打电话、以及针对移动端人群的一些特定功能都较好开发!

独立的移动端代码愈加简练、呼应速度能够更快!如果是呼应式的网站、为了适配不同的屏幕或设备、或许要写多套CSS或html代码、而独立的移动端网站只需求写对应的代码即可!

缺陷:

与呼应式规划比较,独立移动站明显开发成本要进步,要开发维护两套代码。

独立移动站的更大潜在麻烦是URL的不同或许形成紊乱和各种犯错。比方,已然移动和PC版别URL不同,搜索引擎就需求树立对应联系,有必要判别PC页面对应的移动版别URL是什么,移动页面对应的PC版别URL是什么。

PC用户由于某种原因访问了移动URL的话,需求被主动301转向到PC版别URL。移动用户由于某种原因访问了PC页面URL的话,需求被主动301转向到移动URL。301转向一般是服务器端做的,首先就需求依据浏览器用户代理匹配特征字符串判别用户设备和浏览器类型,上网设备和浏览器形形色色,程序100%检测正确不是件简单的事。判别犯错,用户或许就只能看到一个排版错误的页面,甚至某些功能都无法运用。搜索引擎蜘蛛也或许被判别错,导致不能树立两个版别的对应联系。

增加代码:

在pc版网页(http://www.example.com/page-1) 上,增加:

而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

重要:许多公司在操作网站的时分、并未在PC端移动端增加以上代码。

重要:当我们做完独立移动网站的时分、需求保持URL一一对应!运用整站或是正则适配、在百度站长东西渠道(ziyuan.baidu.com)分别将PC站点与移动站点增加,然后提交适配规矩、验证成功即可,就像做301相同、许多人忽略了一个如此重要的点!

主张应用场景:大型网站或是比较老的网站想做移动端流量、包含一些移动端MIP或是有特殊要求的职业!

实战事例:

39健康网做的仍是十分到位、不仅增加了代码、而且还用开放适配直接匹配移动端页面!

许多网站还在运用JS对ua进行适配跳转、JS跳转方式存在两个缺陷:

(以下摘录来源于百度站长东西渠道)

1、对用户:会加大由重定向的客户端形成的推迟;这是由于客户端需求先下载网页,接着解析并执行 JavaScript,然后才干触发重定向。301或302则不会有这个推迟。

2、对搜索:爬虫也需求运用支持JS烘托的爬虫,才干发现此重定向。

总结:如果你是独立移动站点匹配、需求增加适配、做好匹配;如果你是呼应式、只需求增加代码即可!

转自脚本之家www.88les.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值