无可防止的，2016年终端电子设备胜过图形界面电子设备正式成为出访网络的重中之重电子设备。因为早在2015年google声称终端搜寻早已全面性胜过其他任何一种电子设备搜寻，使这所有人的发生正式成为意料之中。实际上，终端网络流量的占比可能将比他们想象中更高，英国的代理公司Bowler Hat称他们B2C客户的终端电子设备网络流量占比早已高达85%。
本文将提供更多终端电子设备全面性的强化方案围绕下列三方面进行：自适应结构设计，终端页面读取速率，终端页面采用者新体验。
在他们进行这三大文本之前他们何不先了解一些背景，Licharre称之为吃饕餮前的开胃菜：
开胃菜一：Google要的什么？在此他们何不引用Google Gary Illyes在Twitter上的 一句话：
Those of you who said “mobile” , you were spot on!
哪些认为17年mobile是大势所趋的人，你们说到点子上了。
他们也从Google官方的材料中提炼了下列四点，这四点也正强调了终端强化的必要性：
1.如今，更多人习惯用终端电子设备而非图形界面电子设备进行搜寻。
2.如果页面终端不亲善，采用者有5倍可能将返回页面。
3.如果中文网站的读取时间少于3秒，那么少于一半的终端采用者会返回中文网站。
开胃菜二：终端检索优先选择终端电子设备搜寻少于图形界面电子设备，而Google的名列机制里头仍然是以图形界面版文本为重中之重权衡，此种圣索弗勒维孔特使Google开始考虑用终端电子设备文本作为重中之重权衡,也就是mobile index first，因此开始逐渐面世mobile first index。
随着终端检索优先选择的进一步的面世，终端版页面的文本，快照，读取速率，快照等等都将正式成为搜寻引擎锐度的重中之重驱动力，与此同时所有人跟图形界面文本相关的将正式成为仅仅正式成为其中一个权衡不利因素，因此必要性降到第二位。而这所有人即将在2017年全面性落地。
开胃菜三：终端亲善形式1.自适应页面结构设计（通过萤幕体积调节表明文本）
2.动态文本页面结构设计（通过识别相同电子设备，选择对应电子设备表明文本）
3.单独网址（图形界面和终端拥有相同的URL）
第一种自适应页面结构设计是google提议的一种形式，所以除非有其他更重要的其原因，他们提议采用此种形式。但实际上，现在许多中文网站，只是从控制技术上实现了此种形式，实际采用者新体验极差。
从以上四点由此可见Google的需求越来越倾向于终端，控制技术和名列不利因素上也在逐渐转变到终端优先选择，而实际上他们在终端的全面性强化上还有许多事情要做…主菜一：终端亲善强化实际上Google提供更多了许多工具用作检测中文网站页面是否终端亲善，同时在Google Search Console提供更多了终端易用性调查报告，页面级别的展示终端不亲善的其原因。而他们须要做的就是针对调查报告里头提出的不亲善页面的难题，逐一修复。
Search Console提供更多的终端易用性难题有下列几点：
1.Flash的采用
大部分的终端电子设备应用程序不支持Flash呈现出，所以要防止在终端页面中采用Flash。
2.未实用性视口
视口元标签用作帮助应用程序翻转页面来网络连接特定萤幕大小的终端电子设备，未实用性视口可能将引致，页面在相同电子设备上的表明异常
3.一般来说长度视口
此种一般来说长度的结构设计在相同电子设备呈现出时采用一般来说的长度等比例翻转页面，在采用自适应结构设计时最好防止采用此种形式。
4.文本体积与视口不相匹配
由于文本与浏览窗口的不相匹配，采用者须要采用翻转功能查阅，造成不便，此类难题可以用自适应控制技术解决。
5.手写体太少
页面文本中的手写体太少，须要采用者放大萤幕查阅
6.轻触点选元素太近
这是非常常见的易用性难题，可点选文本相距太近，会引致采用者造成误点选。
7.插页式广告采用
全屏弹出式广告会造成终端电子设备采用者极差的新体验，是Google 2017年要严重打击的难题。
如上几点是Google为站长们在终端亲善性方面呈现出的重要控制技术难题。强化以上难题无论对Google还是中文网站采用者来讲都有积极的影响。
终端亲善强化可用资源：1.终端亲善站点控制技术部署指导文档：https://developers.google.com/webmasters/mobile-sites/
2.终端亲善检测工具：https://search.google.com/search-console/mobile-friendly
3.终端亲善易用性调查报告：https://support.google.com/webmasters/answer/6101188?hl=en
主菜二：页面读取速率强化页面速率对所有电子设备都很重要，但是对须要更快速获取答案的终端电子设备采用者来讲尤其重要。在Wifi网络下可以快速读取的页面在终端网络数据下读取可能将并不那么简单，虽然4G控制技术在网络速率上早已有很大改进，但在4G网络覆盖率上（比如，UK）使终端网络的读取速率还存在很大的局限性。Google对此也提供更多了一系列的提高页面读取速率的最佳做法，他们可以通过Google提供更多的PageSpeed洞察分析工具轻松评估他们的页面读取速率，并根据获得的指标指导他们怎么提高。PageSpeed工具早已集成到Mobile-Friendly调查报告中，当然他们也可以采用拥有更好新体验的如下工具进行页面读取速率检测：https://testmysite.withgoogle.com/
而我接下来也将通过一个B2C中文网站 Vinyl to Digital做为案例为大家呈现出这个工具如何运行。如下是来自https://testmysite.withgoogle.com/检测结果的截屏：
从上图可以看出一些很明显的控制技术改进提议：
1.首屏文本中不要读取CSS和Js文本
2.启用压缩
3.强化图片
4.减小CSS大小
5.采用应用程序缓存
由于这是一个WordPress 站点，大部分的难题都可以通过已有的插件解决，不须要开发成本。
同时他们也可以从GA的Behavior > Site Speed调查报告中查阅页面的读取时间如下：
这个中文网站页面在终端电子设备上的平均读取时间接近4s，少于理想的2-3s的读取时间，也可以看出页面读取时间中接近一半的时间是服务器响应时间。所以针对这个难题，找到更快的域名托管合作伙伴或许是解决读取速率的很好的形式。
利用以上工具可以获得控制技术方面的提议，同时获得更精确的读取时间指标，使他们更清楚的知道从哪里改进，如何改进。
当然说到终端页面读取速率的难题，不得不提的就是AMP控制技术，AMP的面世使终端页面在任何地方更快的读取正式成为可能将。
终端读取速率可用资源：1.终端亲善检测工具https://search.google.com/search-console/mobile-friendly
2.中文网站检测工具https://testmysite.withgoogle.com/
3.Google分析https://support.google.com/analytics/answer/1205784?hl=en
4.高性能中文网站开发者指南https://developers.google.com/speed/
5.AMP控制技术开发者博客https://www.ampproject.org/
主菜三：采用者新体验强化终端电子设备亲善和中文网站速率强化是终端电子设备强化的基本组成部分，然而这两个不利因素并不足以促成一个完美的终端强化站点。现今存在的许多自适应中文网站并没有真正的从终端采用者需求的角度强化。自适应中文网站所基于的响应性结构设计控制技术并不足以解决终端采用者新体验亲善的难题，所以须要结构设计师自己置身采用者之中，从采用者的需求角度完成结构设计。
幸运的是，Google和AnswerLad进行了一项研究，用来确定采用者如何与各种终端站点进行互动，以为终端中文网站结构设计指定一套最佳实践，研究结果被归纳为五个重要类别下的25条终端中文网站结构设计原则：
五个分类为：1.首页和中文网站导航
2.中文网站站内搜寻
3.商业和转化
4.表单输入
5.易用性
从以上几点中由此可见终端采用者是目标导向的，他们希望花最少的时间以最快的速率用最简单的形式实现他们的目标，不喜欢不停的滚动，翻转，不喜欢被杂乱无导向困惑，不喜欢因为点选元素太近造成误点选。所以专注于采用者新体验更容易获得成功。Inspectlet工具可以用来记录采用者与中文网站的互动，它提供更多包含采用者会话，热点图和其他行为特征的筛选的视频。用这个工具和GA结合非常有用，GA会告诉你有50%的采用者在下单流程的第二步返回中文网站，inspectlet会告诉你他们什么难题引致他们的返回。
所以采用者新体验强化的根本点是工具和真实采用者的测试的组合。
采用者新体验强化的可用资源：1.结构设计和UIhttps://developers.google.com/web/fundamentals/design-and-ui/
2.终端易用性测试http://usabilitygeek.com/usability-testing-mobile-applications/
3.Google和AnswerLad多萤幕强化指南http://static.googleusercontent.com/media/www.google.com/en//intl/ALL_ALL/think/multiscreen/pdf/multi-screen-moblie-whitepaper_research-studies.pdf
4.Inspectlethttp://www.inspectlet.com/
综上所述：构建采用者喜欢的终端站点有三个基本组成部分：1.自适应结构设计2.中文网站页面读取速率3.终端结构设计和易用性围绕如上三个关键点可以进行如下28个细节点用作终端强化检查清单终端基础强化1.自适应结构设计2.页面读取速率3.域名空间速率中文网站首页和导航4.保证 calls to action 靠前居中5.保证菜单简短贴心6.确保返回首页的便捷性7.促销文本展示合理不要霸屏
中文网站站内搜寻8.确保站内搜寻的可见性9.确保站内搜寻结果的相关性10.补充过滤筛选提高搜寻的高易用性11.引导采用者到更好的搜寻结果商业和转化12.让采用者在确认购买前充分浏览13.可以让采用者以游客身份购买14.用已有信息最大化转化率15.采用 Click-to-call按钮简化复杂流程16.提高跨电子设备转换完成交易的便捷性表单填写17. 简化表单条目18. 为每个填写任务选择最简单的填写形式19. 提供更多可视化的日历用作选择日期20．用字母识别和实时校验最小化表单填写错误21. 结构设计高效的表单易用性和外型结构22. 为终端电子设备强化整站23. 尽量提供更多防止采用者不断翻转的文本24. 确保产品图片可被放大查阅25. 告知采用者最佳的萤幕浏览方向26. 保证采用者在独立的浏览窗口27. 防止全站点标签28. 明确是否须要采用采用者位置。查阅英文原文请点选阅读原文
扫描如下二维码关注他们请立即点击咨询我们或拨打咨询热线： ，我们会详细为你一一解答你心中的疑难。项目经理在线
客服1