码迷，mamicode.com
首页 > 移动开发 > 详细

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

时间：2017-08-07 01:28:42      阅读：273      评论：0      收藏：0      [点我收藏+]

标签：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/

　　作为一个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/

　　作为一个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/

　　作为一个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/

　　作为一个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/

　　作为一个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/

　　作为一个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/

　　作为一个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/

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

　　搭建好网站之后就开始本篇文章的正题(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://blog.sina.com.cn/bjog8

案例网站

　　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://blog.sina.com.cn/bjog8


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

标签：seo

原文地址：http://13192143.blog.51cto.com/13182143/1954008
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！