常见的三种移动端形式以及区别介绍-网站改版移动端适配规则

1、自适应网站

什么是自适应的网站呢？就是一套网站模板可以自动适应多种设备，会随着屏幕尺寸的变化，显示不同的样式，这样的网站就是自适应网站，有的人也叫作响应式网站，我们在下载模板的时候，通常看到的都是HTML5主题，这样的网站都是可以自适应的，比如最为常见的wordpress博客主题，几乎所有的主题都是自适应的，常见的织梦cms就不一定了，有的模板会表明html5自适应，但是有的就不是，需要我们自行判断。

自适应网站

2、代码适配网站

什么是代码适配呢？就是pc端的链接地址和移动端链接地址是一样的， 但是展现的页面却不一样，这是网站在检测到用户所有设备后，自动适配不同的代码，从而展现出不同的样式！比如小米论坛，效果图如下，域名都是一样的，但是展现的页面是不一样的。

图片.png图片.png

3、单独的M站

就是我们有一个pc网站，在移动端打开的时候，就会自动跳转到已经设置好的移动网站上面， 这种跳转的方式就是通过代码跳转实现的。最为常见的就是织梦企业站，很多企业站都是在根目录有一个单独的m文件夹，这个文件夹就是放置移动端代码的，常见的形式，就是域名后面加一个m，还有一种形式，就是解析了一个二级域名，在域名的前面加了一个m。效果图如下

单独移动站单独移动站2

结语：三种网站的区别

PC、移动网址是否一致 PC、移动网页代码是否一致

跳转适配 否 否

代码适配 是 否

自适应 是 是

移动站优化建议

我们常见的织梦网站默认手机端都是在域名后面加一个m，这对于搜索引擎来说就是一个网站目录，根据搜索引擎的规则，是不建议把目录作为移动端的，所以我们需要对网站进行改造，最好的方法就是设置一个二级域名，做一个单独的移动网站，这就需要会技术，有专业的人进行修改了

需要注意的是，一定要在网站的头部添加“applicable-devic”标签，这个标签的意思，就是告诉蜘蛛，我们的网站是什么类型的。如下图所示，大多数网站模板都有加的， 也可以自己查看一下，直接打开网站源码，搜索“applicable-devic”标签！
如果是自适应网站加
如果是pc网站加
如果是移动端网站加

举例说明网站改版移动端适配规则

为了更好的说明，为大家举个例子，比如“太原搬家网站”，这个网站目前是没有移动站的，只有pc端网站

PC端域名：http://www.jjtysm.cn/
移动端域名：http://www.jjtysm.cn/m

跳转规则：(\d+)表示纯数字字符串，(\w+)表示字母数字下划线组成的字符串。

栏目链接：http://www.jjtysm.cn/fxwm/jmbj/
跳转链接：http://www.jjtysm.cn//m/fxwm/jmbj/
栏目改版前适配规则为：http://www.jjtysm.cn/(\w+)/(\w+)/
栏目改版后适配规则为：http://www.jjtysm.cn//m/${1}/${2}/

文章页链接：http://www.jjtysm.cn/fxwm/jmbj/455.html
跳转链接：http://www.jjtysm.cn/m/fxwm/jmbj/455.html
文章页改版前适配规则为：http://www.jjtysm.cn/(\w+)/(\w+)/(\d+).html
文章页改版后适配规则为：http://www.jjtysm.cn/m/${1}/${2}/${3}.html