移动网站优化
智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以及网络流量的问题,移动设备并不适合直接浏览各种基于桌面电脑登陆的网站,因此,做为网站站长来说,有必要为自己的网站增加一个适合移动设备浏览的入口。
移动端网站根据建设方式不同可以分为三种:跳转适配、代码适配、自适应,这三种方式也可以说代表了三种不同类型的网站,独立移动站点、代码适配站点和自适应站点,再加上移动端也可以搜索到PC网站,还有独立的移动网站,所以,目前来说网页在百度移动搜索引擎的排名规则为:移动页面>适配页面>转码页>PC页面。因此如果网站只有PC页面,其在移动搜索的排名就会处于劣势。
移动页面
移动网站是指对于现有的桌面网站,按照移动端的设计规则来重新建立一个移动网站,尽管内容和桌面网站一样,但却拥有两个不同网址。通常的移动网站使用子域名的方式实现,内容可以与桌面网站不同,桌面网站的网址检测到移动设备后自动重定向到移动网站页面。
移动网站可以支持非触屏智能手机和触屏智能手机,适合侧重移动设备或专门针对移动设备的网站,使用移动浏览器访问。
HTML5的技术门槛较高,单独开发会有不少难度,很多站长采用移动建站工具来生成基于HTML5的移动网站。目前使用较多的移动建站工具是百度Site App,百度移动搜索会将大部分网站进行转码,转码后的内容比较适合手机移动等小屏幕设备访问,百度Site App这个工具可以支持站长将自己网站转码后的页面进行定制,并部署到自己独立子域名的网站,同时还支持通过百度联盟的方式在网页上加入针对移动设备的专用广告,以获得广告收益。
自适应网页设计
自适应网页设计,就是让同一个网页代码,能够在不同设备上(从桌面电脑显示器到智能手机或其他移动产品设备)都能有更好的浏览体验,因此,站长在建站前,就要考虑好页面布局如何能适应多屏幕浏览,这样移动设备可以通过原网址来浏览桌面站点,看到的是自动适应屏幕大小后的网站。尽管这种方式使得域名统一了,但如果对于结构复杂、页面反复的网站来说,代码设计具有相当高的难度。因此,通常自适应网页设计比较适合单栏或双栏等简单版面网站,对于复杂版面较难设计。
由于自适应设计的内容使用同一个网址,不会出现重定向,因此对于访问用户来说,不必花时间记忆另外网址,对于网站开发者来说,改造单栏或双栏网站为自适应网站的开发较为简单,只需对CSS进行不大的修改即可。
自适应网页需要手机浏览器支持css3,例如目前的iPhone和Android内置浏览器都支持css3,但诺基亚手机内置浏览器就不支持css3,考虑到老式的手机已经逐步淘汰,这部分用户也可以考虑忽略不计。同时,自适应网页需要展示更多的图片,较耗费流量,因此也不太适合2G网络用户访问。
手机网站移动页面设计与自适应网页设计
发布时间:2017-10-13
标签: 手机网站移动页面设计与自适应网页设计 ,
相关文章
- 移动医疗和健康管理产业的变革和思考
- 启用域名www.钓鱼岛.cn 钓鱼岛专题网站上线
- 现代网站设计的6个要素
- 企业网站如何设计才能提升网站用户的转化率
- 他15岁时创建的网上讨论社区4chan 现在要被卖掉了
- 这8个要点,能让你的网页首图抓住用户注意力
- HTTPS是什么意思?网页浏览前缀https和http的区别介绍
- 多语言网站设计需要注意的问题
- 阿里双十一12分钟28秒破百亿大关
- 传eBay分拆后现任CEO将加入PayPal董事会
- 2017年上海网站设计发展趋势
- 怎么看待更近两年网页设计的发展与前途?
- 互联网手机网站界面设计小技巧 为网站锦上添花
- 一个专业的网站设计应具备的9种特征
- 上海网站设计中用户引导的意义
- 谷歌12美元就把Google.com域名卖了
- 两字母域名被收购是什么感觉?
- 2018新趋势,混合型视差网页设计
- 上海设计灵感网站精选
- 2015年影响谷歌搜索引擎排名的因素调查(Moz版)