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

释放双眼,带上耳机,听听看~!

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

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

如何利用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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

版权申明:网站字体及图片来源于互联网,如果侵犯了您的权利,请联系我们,我们将尽快改正我们的错误,谢谢您的理解!

给TA赞赏
共{{data.count}}人
人已赞赏

传华为有意入股长安蔚来 长安高端品牌或再生变?

2020-9-19 0:26:42

“嗅探”伪基站布设1.5公里范围银行卡被隔空盗刷?

2019-12-5 15:35:28

2 条回复 A文章作者 M管理员
  1. 客服然然

    canyu参与

  2. 第一单号网小雪

    选单号网 选空包网 选空包代发上爱查快递www.aickd.com

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索