迅睿站在SEO角度实现手机电脑端相互跳转适配代码

直接说方法：

手机访问电脑端，电脑跳转到对应手机端方法：

首先电脑加入以下代码在</head>前

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

接着新建一个js文件，文件代码如下

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href=document.querySelector('link[media="only screen and(max-width: 640px)"]').getAttribute("href")};

同时将该js文件另存为com.js，目的是为了判断跳转。

之后在</head>前引入该JS

<script src="/存储路径/com.js"></script>

电脑端访问手机，手机跳转到对应电脑端方法：

首先手机端加入以下代码在</head>前

<link rel="canonical" media="only screen and(max-width: 640px)" href="http://www.web.com/" >

接着新建一个js文件，文件代码如下

if(!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href=document.querySelector('link[media="only screen and(max-width: 640px)"]').getAttribute('href');
   }

同时将该js文件另存为com.js，目的是为了判断跳转。

<script src="/存储路径/com.js"></script>

之后在</head>前引入该JS

这样就完美实现，手机端与电脑端无缝衔接。