现在使用移动搜索的人越来越多，所以搭建网站时就需要同时搭建一个移动站点，为了提高用户体验度，需要做好移动适配工作。今天宇霄网络小编就来跟大家聊聊如何进行移动适配。


    关于移动适配，很多站长会选择在百度站长工具后台提交移动适配规则，不过这样处理有一点不好，那就是对于其他搜索引擎无效。那么怎么解决呢？小编的处理方法就是，在提交适配规则的基础上同时也做一下JS跳转适配。

    之前小编发现很多PC站点的全部页面都JS跳转到移动站首页，这样处理对于搜索引擎是非常不友好的。其实只要修改下代码，很容易实现一对一页面的JS跳转，每个PC站页面用移动端打开都会跳转到对应的移动站页面。

    估计有人会问，只做JS跳转适配到底有没有效？小编测试的结果是有效，如今各个搜索引擎都是可以识别JS和对应的网址路径的，小编之前测试的几个站，并没有在百度站长工具后台提交适配规则，只做了JS跳转适配，一段时间以后，在移动端搜索相应的关键词，无论是首页还是内页都展示成移动网址，用户点击直接就可以进入移动站页面。不过生效的时间比站长平台提交适配规则要略慢一点。

    下面小编就跟大家分享下DEDECMS网站利用JS跳转实现移动适配的教程：

    首页：
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <script type="text/javascript" src="/js/uaredirect.js"></script>
    <script type="text/javascript">uaredirect（"http://移动站网址"）；</script>

    栏目页：
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <script type="text/javascript" src="/js/uaredirect.js"></script>
    <script type="text/javascript">uaredirect（"http://移动站网址dede:type row=1}[field:typelink /]{/dede:type}"）；</script>

    文章页：
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <script type="text/javascript" src="/js/uaredirect.js"></script>
    <script type="text/javascript">uaredirect（"http://移动站网址{dede:field name='arcurl'/}"）；</script>

    小编提示：
    1、将上述代码分别放到织梦网站模板的首页、栏目页、文章页的head区域；
    2、uaredirect.js用的是百度siteapp里的js文件，把uaredirect.js上传到网站根目录的js文件夹下；
    3、把移动站网址换成你的对应的移动站网址；
    4、前两行代码是避免被转码，可自由选择加不加；
    5、把修改后的模板上传到服务器，登录网站后台全站生成一遍，这样PC站和手机站就实现了一对一跳转适配。

    在移动互联网时代，单从流量方面来说移动站所占的比例越来越高，所以移动适配对于站长来说还是非常重要的，广大站长们不妨多尝试几种移动适配方法，从中选择一种最适合自己的。

本文由宇霄网络整理发布https://www.yuxiao.biz/ 转载请注明出处！