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

Posted

tags:

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

案例网站

  pc站:www.zwills.com

  手机站 s.zwills.com

  系统:dedecms(织梦)

对应关系(频道页忽略)

  首页:www.zwills.coms.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.coms.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.coms.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.coms.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.coms.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.coms.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.coms.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.coms.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.coms.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.coms.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使用的主要内容,如果未能解决你的问题,请参考以下文章

7个步骤让PC网站自动适配手机网页

pc网站如何能转化成让手机访问的网站

Vue+Vant入门教程+移动端适配

手机站SEO优化的5个注意事项

如何在 PC 机上测试移动端的网页

HTML网页如何完美的适配到移动设备上