咨询電(diàn)话

400-808-6685

十五年网站建设服務(wù)商(shāng)

品牌力量+口碑宣传

提供网页设计、程序开发、网站运维、SEO优化、小(xiǎo)程序等完善的网站制作方案

首页 > 红桥區(qū)网站建设 > 红桥网站建设资讯

红桥网站设计:PC网站转移动站实施方法
作者:天津网站建设公司 更新(xīn)时间:2016-11-14
红桥网站设计:PC网站转移动站实施方法,红桥网站设计小(xiǎo)编获悉百度官方发布了PC站点移动化主流方式,今天小(xiǎo)编把这3个方法的具體(tǐ)实施方法介绍给大家,希望对大家有(yǒu)所帮助。
 
PC站点转移动站实施方法
 
跳转适配
 
1、百度siteapp。这显然是标准的跳转适配,但siteapp效果不太好,比如页面混乱、内容可(kě)控性差。百度也发现这些问题以至于此项目搁置,这个工具一直没更新(xīn)升级。
 
2、第三方的移动建站工具。如:搜狐快站、腾讯风铃等。这些工具有(yǒu)个缺点是需要PC站点与移动站点做好对应关系,需要一篇文(wén)章发两遍的尴尬情况。
 
3、完全开发一套移动站点。通过后台程序判断出是移动UA,不会给用(yòng)户返回代码,直接重定向到移动页面。这里要注意开发时一定要做好PC页与移动页面的对应关系同时提交到百度站長(cháng)平台。上图中提到“维护成本较高”,可(kě)以这样解决:在开发时调用(yòng)同一数据库,就免去了发两边内容的成本。
 
4、对于CMS系统,无程序扩展功能(néng)的:新(xīn)建一个独立移动站点,原PC页面中加入JS来判断UA,通过JS重定向到移动页面。此方法第一次请求后会返回完整HTML到用(yòng)户本地,JS本地判断后再次请求返回完整HTML,页面需要加载两次,延迟严重。而且百度对JS的跳转并不支持,仅仅实现了页面的转换,还是需要最好对应适配关系提交到百度站長(cháng)平台的。
 
代码适配
 
代码适配没有(yǒu)跳转适配那么多(duō)方法,它的实施方法是:原PC站CMS系统升级改造,当用(yòng)户访问一条URL时,后台程序判断UA,根据不同UA返回不同的HTML代码和样式。
 
此方法无延迟、移动站点维护成本较低,但局限性也很(hěn)大:首先你要有(yǒu)开发能(néng)力,其次你的CMS系统能(néng)让你开发,第三是此类站点不能(néng)完全静态化。代码适配非常适合社區(qū)论坛和用(yòng)户交互式站点。
 
自适应
 
自适应是呼声最高的一个方式,H5越来越普及,自适应的站点和页面也越来越多(duō),甭管是國(guó)外的谷歌还是國(guó)内的百度都承认未来站点属于H5的自适应。自适应页面由H5+CSS3+JS判读不同屏幕宽度展示不同样式的页面,PC和移动页面url和源代码都相同。之前他(tā)有(yǒu)很(hěn)多(duō)名字:页面自适应、响应式、H5页面、宽度变化页面等,之后我们统一為(wèi)自适应。
 
同样自适应也有(yǒu)自己的优缺点:一次编码多(duō)平台共用(yòng),维护成本低,设备展示效果一致,用(yòng)户地體(tǐ)验好;但也有(yǒu)缺点,复杂页面在做自适应时,受手机屏幕限制很(hěn)难排版,若隐藏部分(fēn)内容相比独立移动手机站页面體(tǐ)积大、加载速度和数据流量也更大。此类非常适合如知乎、36KR、新(xīn)闻媒體(tǐ)内容页等功能(néng)相对单一的页面和站点。
 
在经历多(duō)个方式的调整和适配的总结后,个人比较喜欢自适应,唯一的麻烦是终端比较多(duō),不能(néng)每个终端都达到100%匹配,在有(yǒu)的屏幕上面就是有(yǒu)错位等等,这个是头疼的,但是在网站排名和移动搜索结果方面,是很(hěn)好的

圣辉友联天津网站建设公司从事:天津网站建设,天津网页设计公司,天津网站制作公司, SEO优化,天津网站维护,小(xiǎo)程序开发
電(diàn)话:400-808-6685  手机:18211075251 QQ:331404916
地址:天津市南开區(qū)如意大厦1号楼13层   

咨询電(diàn)话:400-808-6685