将PC网站转换到移动端,并且针对移动端进行优化,第一个问题就是适配的问题,针对适配也是传统PC站的一个难题,我重点来阐述:
适配:越来越多的屏幕也让移动搜索的能量被扩大,根据我们服务的经验,大部分的网站通过移动搜索的流量逐年上涨,为了适应不同屏幕,全面的将网页改造成为Html5网站内容也是大势所趋:
定位:定位自己,结合网站特点,而且认为自身网站特别的有跨平台的需要的时候,可以针对产品的内容提炼出需要移动化的产品,目前适合跨平台的产品有:1.新闻资讯、2.社交媒体、3.游戏产品、4、企业网站
- 需要频繁跨平台、跨屏幕使用的产品;
- 社交分享互动密度和强度都较高的内容产品;
- 对分发内容(广告)的需求强烈的产品;
- 期望极低边际用户成本的产品。
目前适配主要有两种方式:1、自适配,2、运用移动建站工具对网站适配,我分别对适配做详细的描述
自适配:站长自己针对已有内容进行自适配,要求站长对网站代码相对非常熟悉,需要站长亲力亲为的做很多的动作,比如说:DIV+CSS的架构,并且定义好自己的目标,充分的了解自己的网站通过什么渠道获得流量,并且针对重点来进行深入的优化。
1.页头描述:增加页头DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览
- xhtml协议的手机页面中可以使用如下DOCTYPE:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
- wml协议的手机页面可以使用如下DOCTYPE:<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
- HTML5协议的DOCTYPE为:<!DOCTYPE HTML>
2.页面内容:充分的考虑到用户感受,对内容进行深入的提炼和优化,把PC端的内容进行深入的挖掘
- 页面内容简单明了,适合触屏等页面浏览,
- 导航条的链接不超过7个,
- 可以设计2级导航
- 减少图片使用,增加文案的吸引力
- 运用简洁的文案对重点内容进行描述
3、技术运用:有一些设备不支持 Flash,因此请使用其他替代技术,建议不使用Flash导航
- 使用 HTML5 来添加互动内容和动画。
- 设计能视屏幕方向调整显示的网站。
- 确保当用户所用设备的屏幕方向改变时,用户可以
- 保持在当前的网页内容位置。
4、可信度:增加网站的可信度
- 优先体现网站品牌
- 增加地理位置等本地化信息
- 增加互动性,让用户随时能够评价和回复
二:利用第三方工具适配,如果站长没有以上改进网站的能力,那么就需要寻找第三方的工具来对网站进行移动优化。第三方工具的原理是:嵌入JS代码从网站中获取文本信息,在第三方的平台上构建出一套新的站点。现在规模比较大的工具有:百度提供的siteapp平台。具体大家可以去:siteapp.baidu.com 了解
优点是网站对移动端的零维护成本,并且工具平台会多套模板风格自由选择。缺点是:页面效果不能满足网站定位,内容不太好管理,缺乏互动性。
文章首发:蓝博易品
如需转载:请保留版权及链接