关于网站手机版制作优化的经验分享

在这个移动互联网时代，如果一个网站没有适应手机版本，你会发现手机访问网站是可怕的，数据可能会让你震惊。与小柯手中的两个信息网站相比，拥有适应手机版本的网站的手机流量占77%，而没有适应手机版本的网站的手机流量仅占14%，我对这一发现感到震惊。所以赶紧填补空白，对接程序员开发手机版本，终于花了一周时间完成，前端显示效果仍然令人满意，对流量数据的贡献等待后期观察，以下是网站手机版本生产优化的经验分享。　　1.选择PC站和移动站的配置模式　　目前，PC站和移动站主要有三种配置方式：跳转适应、代码适应、自适应、跳转适应是一个新的移动网站，移动终端访问电脑网页可以识别并跳转到相应的移动布局，是中国使用最广泛的配置方式，如常见的m.abc.com、wap.abc.com、www.abc.com/m/等；代码适应和自适应是在原始网站上向用户展示手机布局，其中代码适应是识别不同的访问设备类型，生成不同的html，而自适应是根据屏幕大小以不同的方式呈现的，html代码是相同的。这三者的制作难度分别是代码适配>自适应>跳转适配。　　2.开发前写好需求计划　　这与PC网站和布局的构建是一样的。近年来，随着智能手机的普及，移动终端前所未有地发展起来。可以说，大多数业内人士仍在尝试。为了提高开发效率，有必要在开发前与程序员讨论和确定功能和布局效果的实现方式，如果有参考网站是最好的。　　3.页面内容友好　　页面内容的友好是对真实访客和搜索引擎的友好：　　①页面代码简单，不冗余，做页面压缩等；　　②重要内容应以html中文本的可读形式显示，而不是在搜索引擎中不可读js、图片中；尤其是js，家族比小柯这次手机版制作跟踪过程中也遇到了这个问题，由于需求提到列表页面无限加载，程序员直接用js调用列表页面文章，但及时发现并进行了调整。　　③图片尺寸可以自适应，显示不同屏幕尺寸，并控制图片文件的尺寸。　　③图片尺寸可以自适应，显示不同屏幕尺寸，并控制图片文件的尺寸。　　④TDK标签，就我个人而言，我认为移动网站的标题、描述和关键字在大多数情况下可以与PC端一致。当然，由于移动设备的屏幕限制，如果PC端标题太长，可以适当调整，以获得更好的阅读体验。　　4.不断测试和改进　　做过程序开发或跟踪的人，相信大家都会知道，其实后期的程序测试和改进是最耗时的。除了测试不同页面和功能外，网站手机版本的测试还需要测试不同手机尺寸、手机系统、不同手机浏览器和不同设备、Android和ios、UC浏览器、百度浏览器、微信内置浏览器、智能手机、平板电脑等。最重要的是，程序修改所有需求后，必须对所有页面和显示设备进行全面测试。　　5.移动端url适应　　首先，移动设备需要访问PC页面进行自动跳转，然后到主要搜索引擎站长平台提交移动终端适应URL。　　以上是本次跟踪网站手机版制作和优化过程中的经验总结。可能不是很全面。欢迎拍砖指教！