如何利用JS将PC网站识别手机浏览器并跳转到一个指定网页

在搜索引擎优化中,如今的时代更趋向于移动搜索营销,这个时候就提出了pc端与移动端页面相匹配的对应关系,这个词功能出现,被称之为移动适配。具体含义百度官方是这样说的,提升搜索用户在移动搜索的检索体验,会给对应PC页面的手机页面在搜索结果处有更多的展现机会,需要站点向百度提交主体内容相同的PC页面与移动页面的对应关系,即为移动适配。

移动适配的作用:有助于移动搜索将移动用户直接送入对应的手机页结果;有助于您的手机站在百度移动搜索获得更多流量,同时以更佳的浏览效果赢取用户口碑。

图片[1]-如何利用JS将PC网站识别手机浏览器并跳转到一个指定网页-夏末浅笑

1.规则适配:

当pc地址和移动地址存在规则(pattern)的匹配关系时(如PC页面www.xxx.com/mj/12345.html,移动页面m.xxx.com/mj/12345.html),可以使用规则适配,添加pc和移动的正则表达式

2.URL适配:

1)每行输入一对PC-移动规则表达式,最多输入2000对;

2)规则表达式以两列展现,第一列为PC表达式,第二列为移动表达式,两列之间以空格键隔开。

移动搜索结果落地页必须是移动页而不是PC页。因此,针对PC站点我们建议:

(1)设计搭建与PC站形成对应适配关系的移动站,并积极向百度提供移动页面及适配关系;

(2)若网站暂时没有搭建移动站的计划,请将PC站点进行自适应改造,以便适应移动浏览器的界面,给用户带来良好视觉体验。

例如:PC站点移动端用户浏览及交互体验差,不符合要求。

关于移动配置,百度不建议的做法:

1、单一域名下请使用同一种配置方式(跳转适配、代码适配、自适应),例如:不要把移动站的页面作为pc站网址中的一个子目录来配置。

2、如果使用跳转适配的方式,请不要使用JS对ua进行适配跳转。这种方式存在两个缺点:

a)对用户:会加大由重定向的客户端造成的延迟;这是因为客户端需要先下载网页,接着解析并执行JavaScript,然后才能触发重定向。301或302则不会有这个延迟。

b)对搜索:爬虫也需要使用支持JS渲染的爬虫,才能发现此重定向。

注意的是:移动适配用于拥有pc端和移动端,且移动页面和PC页面的主体内容完全相同。如果网站是自适应,是不存在移动适配。

 

下载地址

https://www.lanzous.com/iay55va

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
相关推荐
  • 暂无相关文章
  • 评论 共2条
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片
      • 的头像-夏末浅笑第一单号网小雪0
      • 的头像-夏末浅笑客服然然0