网站首页 > 教程文章 正文
如今手机站已经逐渐成为一种潮流,基本上有点规模的PC站点都会制作相应的手机站,pc网站转移动互联网有哪些方法实现,以及有哪些利弊呢?
据笔者观察,PC站和手机站匹配最常用的几种方法是移动适配、JS跳转、Meta声明、302规则等等,每种方法原理和优缺点都不一样,今天就给大家比较下这4种适配方法的优缺点以及需要注意的地方。
1、响应式布局
响应式布局是一种基于css3 media query多媒体查询技术实现网站在不同设备下呈现不同布局的技术,一个网站能够适应不同设备,例如切图网(qietu.com)就专门提供一项响应式布局切图服务。个人更倾向于这种方式,微软,苹果,美国白宫官网,等也都采用了响应式布局。
1、移动适配
现在很多搜索引擎都提供移动适配的功能,例如百度的开放适配和360的移动适配,利用百度站长工具提交PC页-手机页对应关系Sitemap,或者利用360站长工具提交PC页-手机页对应关系txt就能实现PC站内容和手机站适配。
这样做的优点是只需要在搜索引擎工具提交资料,无需对站点本事做改动,而且网站内容一一对应,并不只局限于网站首页。而缺点就是只能在百度或者360移动搜索中生效,其他没用提交适配文件的搜索中就无效了。
2、JS跳转
JS跳转对于某些行业来说有着重要的作用,尤其是对于用户转换率网站首页较高的网站,只需要在网站的头部加一段JS代码判定是否是移动端访问,然后所有的流量就会全部流向手机站的主页。JS跳转的优点是适用于所以的移动搜索,并不局限于百度和360,可以提高用户的转换率。
缺点是难以实现每个页面的一一对应,而且容易被某些搜索引擎判定作弊,从而受到惩罚。
3、Meta声明
Meta声明的格式一般为,站长可以将这段代码加在PC站的头部,由Meta信息来指明该PC页对应的手机页的URL,以及该URL对应页面的格式。Meta声明的优点是代码简单易懂,操作方便,缺点是只能在百度移动搜索中生效,对于其他搜索引擎无效。
4、302规则
302规则指的是,当判定移动端访问网站时,302临时跳转到一个网址(手机站),例如可以在htaccess文件里加上一段判定手机的代码,做个302重定向。这样做的好处是,不需要再额外在网站的前端代码中加任何东西,也不需要向搜索引擎提交规则,可是据笔者测试,有可能会导致PC站被降权。虽然302是暂时性的重定向,但过于频繁的302是很有可能给网站带来不利的影响的,具体的尺度需要站长自己去把握。
以上4种适配方法是笔者接触的最为常见的操作方法,至于到底哪种方法更好,笔者更倾向于第一种,毕竟百度移动搜索占据着网站的大部分流量,而且用户体验度也最好。至于更为具体的操作方法,笔者下期再为大家做个详细的介绍。(来源:a5站长网)
- 上一篇: 说说下载劫持那些事儿
- 下一篇: 07《Nginx 入门教程》Nginx 的 Http 模块介绍(上)
猜你喜欢
- 2025-05-16 2021年末,写给计算机系大四学弟学妹!超级干货(建议收藏)
- 2025-05-16 破解HLS低延时的密匙: HLS+技术解密(一)
- 2025-05-16 Spring Security 简单教程以及实现完全前后端分离
- 2025-05-16 揭秘黑产“箱子后门”背后的产业链
- 2025-05-16 seo经验:交换友情链接终极技巧大全
- 2025-05-16 HTTP与HTTPS的区别,详细介绍
- 2025-05-16 「黑客编程」手把手教你编写POC
- 2025-05-16 Moz专家:如何将五个网站迁移至一个新域名
- 2025-05-16 想做好SEO?你必须掌握的10个基础知识上集
- 2025-05-16 想学渗透学不会?手把手教你渗透实战流程
- 05-162021年末,写给计算机系大四学弟学妹!超级干货(建议收藏)
- 05-16破解HLS低延时的密匙: HLS+技术解密(一)
- 05-16Spring Security 简单教程以及实现完全前后端分离
- 05-16揭秘黑产“箱子后门”背后的产业链
- 05-16seo经验:交换友情链接终极技巧大全
- 05-16HTTP与HTTPS的区别,详细介绍
- 05-16「黑客编程」手把手教你编写POC
- 05-16Moz专家:如何将五个网站迁移至一个新域名
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- md5 sha1 (32)
- mybatis plus page (35)
- semaphore 使用详解 (32)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)