1. 紫书SEO技术博客首页
  2. SEO优化

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

移动端SEO

1、自适应网站

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

自适应网站

2、代码适配网站

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

图片.png图片.png

3、单独的M站

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

单独移动站单独移动站2

结语:三种网站的区别

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

跳转适配 否 否

代码适配 是 否

自适应 是 是

移动站优化建议

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

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

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

为了更好的说明,为大家举个例子,比如“太原搬家网站”,这个网站目前是没有移动站的,只有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

原创文章,作者:Ralap,如若转载,请注明出处:https://www.aipinyue.net/youhua/753.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

15811163279

在线咨询:点击这里给我发消息

邮件:1608196816@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息