刘元鹤

跳转代码:手机访问PC网站自动跳转到手机页的各种代码和设

来自:美国 印第安纳州.Indiana Mount Vernon 时间:2018-03-30 23:55 影响: 231312人

随着PC站同步建立WAP移动站点开始,由于搜索引擎还不能很好的检索移动站点,很多排名都是检索出PC站点,用户点进去后看到的还是PC页面导致手机浏览器无法适应PC样式,影响甚至无法阅读页面,从而导致用户体验极差,你们从seo角度来说,应该怎么样设置PC端和wap端的一一对应关系来提高用户体验呢?以下自适应代码是常用在PC页面模板上的格式:

<meta name="applicable-device" content="pc">
<meta http-equiv="Cache-Control" content="no-transform" />
<title>手机访问PC网站自动跳转到手机页的各种代码和设置</title>
<meta title="keywords" content="自适应跳转代码" />
<meta title="description" content="自适应跳转代码" />
<meta http-equiv="mobile-agent" content="format=html5;url=http://m.hao661.com">
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.hao661.com" >
<meta name="mobile-agent" content="format=[wml|xhtml|html5]; url=http://m.hao661.com"/>

 完成了此步,并没有进入我们本篇所讲的主题,因为这仅仅提交给了百度搜索引擎并且按照他的规则让它识别我们网站PC页和WAP页面URL的一一对应关系,用户是看不到,也没法自动跳转过去的。所以当手机访客在网上搜索到我们的网站的时候,进入了PC,这时我们网站需要识别这个访客是不是手机访客,如果是手机访客就自动跳转到手机页,那么我们应该是用JS跳转的方式呢?还是在服务器端设置301跳转呢?我们说了不算,来看看百度有关人士怎么说呢? 自适应跳转代码:手机访问PC网站自动跳转到手机页的各种代码和设置
上图这是移动适配官方文档里说明的要求
下图是站长后台咨询的回复:
自适应跳转代码:手机访问PC网站自动跳转到手机页的各种代码和设置

所以哪种方式好呢?依然不得而知。不过就目前来看绝大多数人 都是采用js 跳转的方式来实现的,手机用户访问PC站自动跳转到移动页码的js实现代码是:

自适应适配跳转第一种:

     第一种本人自己写的,简洁好用啊,所有的小屏幕小于650px的都自动跳转到手机页面,管他是安卓还是IOS活着其他系统,这么小的屏幕只有移动页面给他浏览才是最符合他体验的
代码:
<script type="text/javascript">if(window.screen.width<650){window.location.href =移动url;}</script>
就这一行。移动url改成你自己对应的手机页面。

自适应适配跳转第二种代码:

<script> if(/(iPhone|android|iPod|ios)/i.test(navigator.userAgent)&&document.URL.indexOf("#pc")<=-1){     location.href="http://m.hao661.com/"; } </script>

自适应适配跳转第三种代码:

<script type="text/javascript">        
           if (navigator.userAgent.match(/Android/i)) { window.location.href = "移动URL"; }      
        else if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1)) { window.location.href = "移动URL"; }
</script>

自适应适配跳转第四种代码:使用 Device.js 库

device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向。

首先,我们下载Device.js

下载地址: https://github.com/matthewhudson/device.js

STEP 1: 引入 JS 文件

<script src=”device.min.js”></script>

STEP 2: 加入判断代码

<script type=”text/javascript”>
if(device.mobile()){
window.location = “shouji.html”;  //可以换成http地址
}
</script>
跳转代码专题
  • qq个性签名友情
  • 关于友情个性签名
  • 有诗意的个性签名
  • 经典个性签名语录
  • 个性签名语录
  • lol个性签名在哪里
  • 修改个性签名
  • 个性网签名档
  • 写的好的个性签名
  • lol个性签名怎么竖着
  • lol个性签名图案
  • 个性网签名档图片链接
  • 论坛经典个性签名
  • 个性论坛名字
  • lol个性签名怎么弄
  • 女生个性签名长的
  • qq个性签名长的
  • 英文个性签名长的
  • 个性签名开心点的
  • 经点个性签名
  • 励志点的个性签名
  • 拽点的个性签名
  • 伤感个性签名长点的
  • qq个性签名情侣长句
  • qq工作个性签名
  • 哲理性个性签名
  • qq个性签名骂人的话
  • 制作个性签名
  • 个性签名软件
  • 个性签名的软件
  • qq个性签名制作
  • 怎样制作个性签名
  • 中年女性个性签名
  • 非主流个性qq签名
  • 个性签名祝福
  • 个性生日祝福语
  • qq个性字体转换
  • qq个性签名转换
  • 个性字体转换器