1、非主体内容、功能大幅精简
PC版页面经常看到两三行顶部导航，这在手机上就没法看了，通常手机版本要大幅删减导航系统，包括顶部导航、面包屑和侧栏导航，即使保留完整主导航，也得折叠起来，用户点击时再打开，如果要显示顶部导航，最多5、6个就差不多了。
同样，广告、页脚、相关文章、Tag链接等PC页面上常见的内容，能删则删，手机上很难容得下这些内容，同时，删减这些内容页可以使页面HTML代码大幅减少，提高页面打开速度。
使用CSS可以隐藏导航等内容，但会产生冗余代码，如果需要隐藏的比较多，不如直接从HTML代码中删除，减小页面文件。
2、移动网页的尺寸定位
初涉移动端的设计师，基本都会在尺寸问题上纠结好一阵子才能摸到头绪，我也花了很长时间才弄明白，在此，感觉有必要在此跟大家介绍一下不同系统下的要求：
（1）、IOS系统下的尺寸及分辨率
iPhone界面尺寸：320x480、640x960、640x1136
iPad界面尺寸：1024x768、2048x1536
以上单位都是像素哦，至于分辨率一般网页UI和移动UI基本上都只要72 ppi。
当然，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用640x960或者640x1136的尺寸设计。
（2）、Android系统下的尺寸及分辨率
Android界面尺寸：480x800、720x1280、1080x1920...（单位：像素）
Android比iPhone的尺寸多了很多套，欢欢建议取用720x1280这个尺寸，这个尺寸720x1280中显示完美，在1080x1920中看起来也比较清晰；切图后的图片文件大小也适中，应用的内存消耗也不会过高。
3、创建移动网页
为网站的指定内容创建移动网页，图片、文字格式、导航和网页功能的某些方面(包括尺寸)可能都需要进行调整或转换，这种方法的缺点是网站的传统主页可能也会在移动浏览器上运行，或者需要多点击一次鼠标才能从传统主页到达移动网页。
（1）、界面基本组成元素
移动网站的APP界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏以及中间的内容区域。
这里取用640x960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸：
状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px
导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px
主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98 px
内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734 px（为什么是734呢？这是因为：960-40-88-98=734）
至于我们经常说的iPhone5/5s的640x11136的尺寸，其实就是中间的内容区域高度增加到：910 px
（2）、移动页面的字体大小
iPhone上的字体英文为：HelveticaNeue；至于中文，Mac下用的是黑体-简，Win下则为华文黑体。
下图是用户体验做过的一个小调查，可以看出用户可接受的文字大小，像素为单位，也就是大家在PS里的文字像素大小。
Android上的字体为：Droid sans fallback，是谷歌自己的字体，与微软雅黑很像。
同样，在用户体验的调查中，可以看出用户可接受的文字相应问题。
4、页面内容是否能正常访问？
Flash在很多手机上打不开，比如iPhone早就不支持Flash了，复杂的JS效果也可能导致页面内容在手机上根本不能显示，想要被搜索引擎读取的内容和链接不要放在JS或Flash中，就算用户手机能显示，搜索引擎也不一定能解析出来。
页面是否弹窗强制APP下载或用户登录后才能看到内容？这是百度冰桶算法主要打击的对象。
还要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和图片等外部文件，不然搜索引擎蜘蛛可能无法判断页面布局，甚至无法正常访问内容。
5、采取移动网页和传统网页相结合的形式
这种方法只要求一套网站内容，但至少要有两套CSS样式：一个用于电脑版本；另一个用于移动版本。
事实上，你可以建立多个版本的CSS样式，根据不同的移动浏览器自动调用不同的CSS，这种方法可以避免重复内容问题，但它并不是百分之百的可靠，不要期望移动设备能一直都选择正确的样式表。
6、使用动态移动网页
这是最可靠的方法，但也是代价最高的方法，你需要雇佣一个程序员，帮你实现通过侦测客户端而对网站内容进行实时转码的功能，而且由于移动技术的不断变化，这也只是一个短期的解决办法，但是，如果你想为用户提供最佳体验，将SEO的最高水平应用到移动站点中，这将是你最好的选择。
7、页面打开速度
百度现在给出的参考数字是，页面在手机上需要3秒之内打开，不然用户就跑了，以前给的数字是4秒，除了主机速度、带宽等，打开速度也和下面的内容精简有很大关系。
8、做好自主适配
如果是独立URL的移动站，首先做好自适配，手机用户访问了PC版，自动转向到移动版URL，PC用户由于某种原因访问了移动URL，自动转向到PC版URL，这个转向百度建议用301，Google用301、302都可以。
关注德道网络微信公众号 我们将为您呈现更多精彩
