PC网站如何手机移动适配简单实用特别适合SEO使用

Posted 2020-10-01

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了PC网站如何手机移动适配简单实用特别适合SEO使用相关的知识，希望对你有一定的参考价值。

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　作为一个seoer，技术水平有限，又得不到技术人员的火力支持的情况下，想做一个适配网站实在是困难。不过不要紧，看完本文你也差不多成为半个技术员了。在介绍网站适配方法之前先简单介绍一下如何搭建适配网站。作为seoer要会提高工作效率，建站所需的pc站和手机模板，可以根据自己的需求在某宝上购买就可以了，少则几元钱，多则几百元都买得到，一般几十元就足够了，自己套上网站。在服务器上要开两个站点（基于win2008IIS不是中东的IS），分别绑定域名www.zwills.com和s.zwills.com ，安装好www.zwills.com网站后，直接把源程序复制到s.zwills.com站点目录上，这样，这两个网站调用了同一个数据库，显示的是不同模板。其实就是两个相同内容的网站。(中间过程省略，比较简单)

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

　　一、修改首页，栏目页，文章页(频道页省去)的模板。分别在head中添加js调用代码。<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>这是百度站长工具提供的操作系统识别代码。详细调用内容如下：

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

　　最后不要忘了到百度站长平台提交适配规则。以上是本人几天摸索出来的小经验，比较适合没有技术支持的seoer做站使用，基本是是速成的适配网站，一个人短时间内干完几个人的活，效率足够高。当然也没有全职程序员专业，但足够一般网站使用了。如有其它漏洞和不足之处，感谢提出宝贵意见，附：总结不易，转载请留下本文网址。http://www.huangyin.net/post/237.html

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

　　一、修改首页，栏目页，文章页(频道页省去)的模板。分别在head中添加js调用代码。<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>这是百度站长工具提供的操作系统识别代码。详细调用内容如下：

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

　　最后不要忘了到百度站长平台提交适配规则。以上是本人几天摸索出来的小经验，比较适合没有技术支持的seoer做站使用，基本是是速成的适配网站，一个人短时间内干完几个人的活，效率足够高。当然也没有全职程序员专业，但足够一般网站使用了。如有其它漏洞和不足之处，感谢提出宝贵意见，附：总结不易，转载请留下本文网址。http://www.huangyin.net/post/237.html

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

案例网站

　　pc站：www.zwills.com

　　手机站 s.zwills.com

　　系统：dedecms(织梦)

对应关系(频道页忽略)

　　首页：www.zwills.com→s.zwills.com

　　栏目：www.zwills.com/nanke16/→s.zwills.com/nanke16/

　　文章：www.zwills.com/nanke16/3798/→s.zwills.com/nanke16/3798/

　　搭建好网站之后就开始本篇文章的正题(pc手机网站如何适配)。注：虽然本方法技术含量一般，但必须了解织梦帝国等cms的基本标签和使用方法。

JavaScript

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

　　也可以把这串代码语句放在自己根目录的js文件里调用也是可以的，为了方便，直接调用百度的js地址就可以。

　　二、添加第二串js跳转代码

　　首页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　栏目页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script>如图：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　文章页：<script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script>如下：

Markup

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://s.zwills.com/{dede:field.typedir/}/{dede:field.id/}/");</script><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　三、生成全站，测试网页。手机打开文章www.zwills.com/nanke16/3798/ 跳转到 s.zwills.com/nanke16/3798/ 效果如下图

技术分享

以上是关于PC网站如何手机移动适配简单实用特别适合SEO使用的主要内容，如果未能解决你的问题，请参考以下文章