在2016年，不可避免的事情发生，和移动超越桌面作为主设备用于访问网站。这并没有来作为一个巨大的惊喜，因为，早在2015年，？谷歌报告说，搜索是移动进行比任何其他设备上？类别。
在许多行业，这可能是保守的，在我在英国，礼帽头抬起机构，我们的B2C客户看到了在移动设备上进行的所有网站会话的85％。
我只想说，手机已经和真正到来。然而，尽管响应式设计已经有一段时间了，是相当完善的，大多数的网站往往倒在可用性。那？是，大部分网站仍在专为桌面，然后回拨移动。这表格填写，这是对桌面轻度可气的是在移动设备上的绝对猪。即使是响应。
这不是我们在2017年对赛车的移动第一个世界不够好。
在这篇文章中，我要看看你如何能确保你是真正的优化移动用户。我们将着眼于响应式设计和网页速度的基础，但我们也将目光放得更远，在针对移动设备的用户体验。然后，我们将与移动优化清单包装这件事，你可以用它来找出最佳化商机。
我们的目标是去额外的距离，以创建完全移动为中心的网站； 取悦我们的用户和驱动转换； 使用移动优化开发在竞争中取得战略优势。而且，当然，谷歌希望取悦移动用户，所以我们可以提高？参与和对网页的排名从改善搜索引擎优化的因素，也受益。更好地为用户。更好的搜索引擎。？双赢。
在每年的这个时候，很多SEO的期待，而且，指的是一个搜索引擎优化的最佳做法，张贴2017年，谷歌的加里Illyes称赞那些谁建议的移动设备是2017年的大驱。
下面是三个关键的统计信息，我已经从谷歌的宣传资料，清楚地说明了移动优化的重要性提升：
如今，越来越多的人在搜索手机比电脑。
人们五倍可能离开一个网站，如果它是不适合移动。
随着手机用户的一半将留下一个网站，如果需要更长的时间超过三秒钟加载。
由于越来越多的人在移动搜索比电脑上，手机产生更多的页面浏览量。如果您的网站是不适合移动设备，用户不太可能停留。如果你的网站是缓慢的，他们甚至可能不会等待页面加载。
添加在这里移动数据网络的不可靠性和你的网站必须是一个平均值，精益移动友好的机器，或者你甚至可能不会得到那个客户一出手。
在棺材的桌面，第一种方法的网站和搜索的绝对钉是移动先行指数。采用这种理念有意义的，因为更多的搜索发生在比台式机移动。然而，此刻，？排名主要还是基于同一个网站的桌面版本。
发生这种情况时，内容和移动网站的链接，与任何其他因素 – 速度，用户体验等等 – 将你的搜索引擎可见度的关键驱动因素。桌面将可能仍然是一个？因素，但它会在次级容量。移动第一。
写作是在墙上这里，乡亲们 – 移动一直是一个重要的？而现在好了，但2017年，这将成为你的追求从网站访问者提高排名和转化率的关键因素。
好消息是，这代表了那些谁真正把在工作中有机会发展在他们的竞争中占据优势。这将需要工作，但攀越这个障碍是前进的道路，并在这样做之前你的对手就会把你的网站大有帮助。
我们在获得这个优势第一焦点是看只是我们如何提供移动友好的内容。有？三种可能的途径：：
响应式网页设计
动态内容
单独的网址（手机网站）
自适应网站的设计是谷歌的解决移动设备的网站，并且因此推荐的方式，是你应该采取的方法，除非你有很强的理由不。
自适应设计已经有一段时间了，所以这不是一个？新概念。但是，我们仍然看到，在技术上响应，而不是为移动用户提供强大的体验的网站。
最终，响应式设计是创造真正的移动友好的网站只是一小部分。
谷歌有一些工具用于测试移动可用性和，除此之外，搜索控制台具有移动可用性报告在一页接一页层次的细节问题。
你应该利用这些工具，同时开发新的网站，并使用搜索控制台保持对问题的标签整个网站的生命。
搜索控制台查看以下移动设备可用性问题：
闪光灯的使用 – 大多数移动浏览器不显示Flash和，正因为如此，你将要使用更多的现代技术。
视口未配置 – 视口元标记辅助浏览器在缩放页面以适应特定的设备。
固定宽度的视口？- 这个问题试图绕过移动设计与固定宽度的页面和最好搁置当采用响应式设计。
内容不是尺寸视？- 这里的网页内容不适合窗口，并且用户必须滚动。这可以固定相对的而不是固定的宽度。
小字体？- 这是一个规模问题，并要求用户捏屏幕来放大。
触控元素靠得太近？- 这是一个常见的可用性问题的地方是太难点击一个给定的元素也没有击中相邻元素。
间质性用法？- 一个全屏幕弹出往往代表着移动设备上的用户体验差，是什么，谷歌正在寻找打击在2017年。
这些都是关键的技术要素，谷歌正在寻找，并报告有关网站管理员。
优化您的网站删除这些问题可能对您网站的可用性是由谷歌分级积极影响，当然对用户产生积极影响。再次，共赢。
移动优化资源：
移动设备的网站 – https：//开头开发商。谷歌。COM /网站管理员/移动网站/
移动设备的测试 – https：//开头搜索。谷歌。COM /搜索控制台/移动友好
移动设备可用性报告 – https：//开头的支持。谷歌。COM /网站管理员/答案/ 6101188？HL = EN
网页速度是在所有设备上重要的，但是，当用户出门在外寻找快速解答它可以在移动设备上非常重要。可相对快速地加载了WiFi网络上的页面可能不会那么在移动数据网络上这么活泼。4G传递了一些伟大的速度提升，但覆盖面（在英国，至少）是不是可以被依赖。
有，但是，一定范围的提高网页加载速度和，再次的最佳做法，谷歌已经来到我们与PageSpeed Insights工具援助。这使我们能够轻松地评估我们的网页如何快速加载，并获得我们能做些什么来改善一些指针。
网页速度洞察现在内置了移动设备的测试：
https：//开头搜索。谷歌。COM /搜索控制台/移动友好
https：//开头testmysite。with谷歌。COM / – 更具吸引力的前端
为了说明其工作原理，我将分享细节？下面的一个小地方B2C企业呼吁唱片到数字，后者同意我把它们作为一个案例研究。
下面是来自谷歌的testmysite输出。with谷歌。COM工具：
我们可以看到一些明显的？这里的技术改进建议：
消除阻止呈现的JavaScript和CSS在上面屏内容。
启用压缩。
优化图像。
压缩CSS。
利用浏览器缓存。
这是一个WordPress站点和，因此，大多数的这些都是相当简单的任务。存在，这将解决大多数这种没有任何昂贵的开发时间插件。
我们还可以看到在谷歌Analytics（分析）的页面加载时间的概述的行为>网站速度报告。
在这里，我们可以看到，平均页面加载将近四秒，这是理想的两对以上三秒钟的加载时间。我们还可以看到，几乎有一半的被归因于平均服务器响应时间。
从PageSpeed Insights工具制作的基本改进和寻找更快的托管合作伙伴可能有可能获得加载时间降低到大约为两秒。
这里主要的外卖是，你可以得到你能做些什么来改善的事情上加载时间准确的指标和明确的见解。你将不得不自定义它自己的CMS或方法，但你经常可以得到80％的结果与努力的只有20％。
我们也不能谈论移动速度，不考虑加速移动页（AMP）。AMP的设计，使常缓慢，笨拙的和令人沮丧的移动网络随时随地即时加载。
要快。它使您的用户和搜索引擎快乐。
网页速度资源：
移动设备的测试 – https：//开头搜索。谷歌。COM /搜索控制台/移动友好
网站测试 – https：//开头testmysite。with谷歌。COM /
谷歌Analytics（分析） – https：//开头的支持。谷歌。COM /分析/答案/ 1205784？HL = EN
网络变得更快 – https：//开头开发商。google。COM /速度/
AMP页面 – https：//开头WWW。ampproject。组织/
适合移动设备的设计和页面速度是移动优化网站的基本组成部分。然而，这两种元素本身并不总是加起来完美优化网站。
我在2012年第一次写关于响应式设计，然而，尽管？该方法的半成熟，很多网站实施自适应仍然没有真正的需要和移动用户的需求进行了优化。
原始技术实现一个负责任的布局是不够的，解决这个问题。相反，设计人员必须把自己或自己到用户的鞋和顾及什么人会做，并希望实现手机。
幸运的是，良好的人在谷歌和AnswerLab进行了一项研究，以确定用户如何与广泛的移动网站的交互。本报告的目标是建立一套最佳做法移动网站设计。
我还没有看到太多的噪音对此报告的是，这是不幸的，因为它提供了最好的概述我还没有看到关于如何超越上面详述的基本的移动友好的网页速度优化。
这项研究的结果进行蒸馏分解成在五个主要类别25个移动网站的设计原则：
首页及网站导航
站内搜索
商务及转换
表回答
可用性及外形
从报告的关键外卖是，移动用户目标导向。他们希望能够以最简单的快速，轻松地实现他们的目标。没有捏放大。没有令人困惑的导航或触摸元素靠得太近，真正使用。
成功源于专注于移动体验。为用户提供他们需要什么，根据自己的条件。很容易让他们实现自己的目标。
还值得一提的是，？而这些工具是有用的，你不能击败老式的用户测试。确定网站用户，而网站上的目标，然后有你的人口统计测试中多个用户通过一系列设备。你可以在这里实现的见解是有价值的，让你了解如何与用户交互的现实意义与您的网站。
我也是一个工具大风扇记录如何与您的网站与用户交互。在礼帽，我们使用inspectlet。？这提供？我们的用户会话的视频，伴随着？热图，滚动地图和一堆其他特征。有了这样的记录用户会话的工具，你总是进行可用性测试（只要你观看视频）。
该工具提供了一套强大的过滤选项，以便您可以轻松地识别模式和他们使用的审查实际用户（或试图使用）的网站。结合与谷歌Analytics（分析）的信息这个工具可以是有见地。说GA是告诉你，手机用户的50％，在你结账的第二页脱落。现在你可以看到正是这些用户在做，为什么他们有问题。
当它发生的时候，要进行移动优化的基本要素是工具和真实用户测试组合。
移动可用性资源：
设计和UI – https：//开头开发商。google。COM /网络/基础/设计和UI /
手机可用性测试 – HTTP：// usabilitygeek。COM /可用性测试功能的移动应用程序/
谷歌和AnswerLab优化多屏 – HTTP：//静态。googleusercontent。COM /媒体/网络。google。COM / EN //国际机场/ ALL_ALL /想/多画面/ PDF /多屏 – 手机类-whitepaper_research – 研究。PDF格式
Inspectlet – HTTP：// WWW。inspectlet。COM /
因此，我们必须建立移动网站，你的用户会喜欢（或者，将满足您的用户和驱动器的转换在谷歌的白话）的三个基本要素。
响应式设计
页面加载速度
移动设计和可用性
以下是基于这篇文章中回顾了这三个关键领域清单。我们用这种方式来评论网站，以确定可以为移动用户需要改进的地方。
我们审阅了许多网站，还没有找到任何提供完美的移动体验。在大多数情况下，网站拥有广泛的潜在优化机会。
由点查看此列表点，并指回设计为多屏幕白皮书任何需要澄清。
基本的移动优化
响应式设计
网页速度
主机速度
主页和网站导航
保持行动的前沿和中心电话。
保持菜单简短而亲切。
可以很容易地回到主页。
不要让促销出风头。
站内搜索
制作网站的搜索结果中显示。
确保网站的搜索结果相关。
实现过滤器，从而提高网站搜索可用性。
引导用户更好的搜索结果。
商务部和转换
让他们提交之前用户浏览。
让用户购买作为嘉宾。
使用现有信息，最大限度地方便。
使用的点击呼叫按钮的复杂任务。
可以很容易地完成其他设备上转换。
形式进入
流线型入门。
选择每个任务的最简单的输入法。
提供了选择日期的日历视觉。
最小化？形成标签和实时验证错误。
设计有效的形式。
可用性和外形尺寸
优化您的整个网站的移动。
不要让用户捏来放大。
使产品图片可扩充。
其屏幕方向效果最好告诉用户。
保持你的用户在单个浏览器窗口。
避免“完整的网站”标签。
要清楚为什么你需要一个用户的位置。
下载此名单作为PDF打印或共享。
通过这个名单的工作，我们超越了基本的和明显。我们创建了一个移动的用户界面，目的是使目标驱动的移动用户体验真正的愉快。当然，在网络中我一天到一天的经历，我很少觉得这是情况。如果我把我的搜索引擎优化和用户体验的帽子，然后甚至有的网络世界的巨头网站可以大大提高。
所以我们专注于这些领域创建一个网站，是极快，并高兴地使用在移动设备上。？我们帮助我们的用户？实现自己的目标？并且，作为回报，我们？从我们的营销效果更好。？从在有机搜索改进的可视性，升压？所有其他的进货渠道转化率 – 专注于移动用户允许我们开发了我们的竞争对手的战略竞争优势。
有竞争力的优势？不容易伪造。有一个明显的机会在这里进行快速和勇敢。2017年，专注于您的移动用户，并留下你的竞争对手在你的数字粉尘。
我很想从你们中的任何优化移动听到的，你可以得到我的Twitter。
在这篇文章中所表达的意见是那些客人笔者并不见得搜索引擎土地。作者的工作人员在这里列出。