在这个移动互联网时代，如果一个网站不适合移动版本，您会发现手机访问该网站是可怕的，并且数据很可能会震惊您。 家庭背景与小科的两只手相同。 对于信息网站，具有手机版本的网站的手机流量占77％，而没有手机版本的网站的手机流量仅占14％。 我被这个发现震惊了。 因此，我匆忙填补了空白，与程序员对接以开发移动版本，并最终在一周内完成了该版本。 前端显示效果非常令人满意。 对于交通数据的贡献，我们等待以后的观察。 以下是网站移动版本的优化。 经验分享。
至
1. PC站和移动站的配置模式选择
当前，有三种主要的方式来配置PC站和移动站：跳转适应，代码适应和适应。 跳转适应通常是创建一个新的移动网站，并且移动终端可以识别并跳转到PC网页。相应的手机布局是当前在中国使用最广泛的配置方法，例如常见的m.abc.com， wap.abc.com，www.abc.com / m /等； 代码修改和修改均在原始内容中。URL向用户显示手机的布局。 代码适应是识别不同类型的访问设备以生成不同的html，适应是根据屏幕大小以不同的方式呈现它，并且html代码是相同的。 制作这三个代码的困难是代码自适应>自适应>跳转自适应。
至
2.在开发之前编写需求计划
这与PC端网站的结构和布局相同。 由于近年来智能手机的普及，移动终端得到了空前的发展。 可以说，业内大多数人仍在尝试。 为了提高开发效率，需要在开发之前与程序员讨论并确定功能和布局效果的实现。 最好有一个参考网站。
至
3.页面内容友好性
页面内容的友好性是真实访问者和搜索引擎的友好性：
①页面代码简洁，非冗余，需要页面压缩；
②重要的内容应以可读的文本形式显示在html中，而不是将内容放入搜索引擎中的不可读的js和图片中； 特别是js，这一次比小科有家族史在移动版的生产和跟踪过程中也遇到了此问题。由于提到了应该无限加载列表页面的要求，因此程序员直接使用js来调用列表页面文章，但幸运的是，它被发现并 及时调整。
③图片大小可以自适应以在不同的屏幕尺寸上很好地显示，并且图片文件的大小必须控制。
④TDK标签，我个人认为该移动网站的标题，描述和关键字在大多数情况下可以与PC终端保持一致。 当然，由于移动设备的屏幕限制，为了获得更好的阅读体验，如果PC终端的标题太长，则可以进行适当的调整。
至
4.持续测试和改进
我已经完成了程序开发或跟踪，相信您会知道，事实上，以后的程序测试和改进是最耗时的。 除了测试不同的页面和功能实现之外，网站的移动版本还需要使用不同的手机尺寸，手机系统，不同的移动浏览器和不同的设备（例如Android，ios，UC浏览器，炫佑浏览器， 微信内置浏览器，智能手机，平板电脑等。最重要的一点是，在程序满足所有要求之后，必须再次对所有页面和显示设备进行全面测试。
至
5.移动URL适应
首先，有必要实现将移动设备自动重定向到PC页面，然后转到主要搜索引擎网站管理员平台提交移动终端适配网址。
至
以上是Hyunyou Technology www.hzxuanyou.com的移动版跟踪网站在生产和优化过程中的经验总结。 它可能不是很全面。 欢迎大家提出建议！
至
可能您还想看