关于 2016 年移动设备优化您需要了解的 7 件事

如果您像大多数美国人一样，可能会在移动设备上阅读这篇文章，无论您是通过 Google 搜索找到它还是通过电子邮件找到它。 与以往相比，国内外越来越多的用户通过移动设备访问互联网。 事实上，自 2014 年以来，我们更多的人通过手机访问互联网，而不是台式电脑。

重点是：今天，您必须将针对移动流量的优化作为您网站战略的基石。

优化站点的移动体验涉及适应特定的移动设备并确保访问者通过移动设备获得无缝体验。 让我们讨论一些您在 2016 年针对移动设备优化网站时应该问的重要问题。

1. Google关于移动搜索的最新公告及其对您的意义

上个月在 Google 的网站管理员中心博客上，Google 宣布了他们为提高移动网站和移动搜索的可用性所做的努力。 在手机上搜索时，您是否看到搜索结果中出现“Mobile Friendly”？ 这将不再对大多数在线用户显示，因为谷歌正在清理体验并收回宝贵的不动产。

谷歌还希望“惩罚”使用那些烦人的整页弹出式广告的网站。 Google 的目的是帮助搜索者更轻松地找到他们正在寻找的内容。 “侵入式插页式广告”（那些阻碍背景内容查看的弹出窗口）给用户带来了糟糕的体验，因此谷歌将开始采取行动。 这可能涉及显示您的网站排名较低，或者对于某些条款很可能根本没有。 谷歌在这份声明中说得很清楚：

“2017 年 1 月 10 日之后，从移动搜索结果过渡到用户不易访问内容的页面可能不会排名那么高。”

推荐：

如果您当前使用的功能可能被视为“侵入式插页式广告”，请在2017 年 1 月之前为移动用户找到替代方案。

2. 我不确定我的网站针对移动设备的优化程度如何。 我从哪说起呢？

开始测试！ 一个简单的起点是在您自己的移动设备上。 继续，跳上并开始浏览。 我不打算对每一个问题都做一个详尽的清单，但这里有一些需要寻找的东西，它们可以让您了解未来可能需要做多少工作。

• 移动用户可能无法访问某些页面的区域、不起作用或隐藏在视图中的按钮、不显示或不易点击的导航。
• 重叠的页面元素，例如英雄和横幅图像、副本、标题、徽标和其他元素。
• 图像是否在您的页面上正确呈现，或者它们是否像素化、太小或难以一目了然地看到和理解？
• 测试视频以确保它们可以正确播放、可以暂停或停止、可以听到音频并且不会跳过或听不见。
• 查看表单功能。 他们是否正确提交，是否允许自动填写，是否易于填写等。
• 查看手风琴、下拉菜单、音频播放和用户执行“操作”时涉及的其他方面。 它们是否正常工作并且易于使用？

推荐：

现有的工具可以使您的测试更进一步，以帮助您了解您的网站如何在人们使用的各种设备上提供服务，而不仅仅是您碰巧拥有的手机。

Android、Windows 和 iPhone 移动设备提供截然不同的体验，因此应进行检查以完成全面测试。 手机和台式机一样使用不同的浏览器。 工具将有助于测试新手机和旧手机的配置，以及它们使用的浏览器。

3. 有哪些移动测试工具可以帮助测试我网站的移动性？

Google 提供免费的移动设备友好测试，可以帮助诊断一些问题，但它不会针对特定浏览器进行报告。 跨浏览器测试工具通常具有在移动设备和浏览器上进行测试的功能，每种工具都提供自己的工具集和相关成本。 CrossBrowserTesting.com、Browsershots、Browser Sandbox、Browsera 和 BrowserStack 是一流的选择，根据您的需要，每月 10-100 美元以上不等。

工具只会通过移动设备向您展示页面的外观。 您的网页设计团队需要诊断页面无法正常工作的原因。 这种仔细的审查可能会花费大量时间和资源。

推荐：

如果您必须确定优先顺序，请考虑来自 Google Analytics 的数据，这些数据将帮助您了解用于访问您网站的最常用浏览器和移动设备。 为您的实际访客量身定制您的计划。

4. 我应该如何优先考虑我网站上所需的移动优化修复？

这取决于。 在确定优化工作的优先级时，应考虑站点的目标和移动性问题的严重性。 例如，您网站上不允许发生转换的区域应优先于修复一些未对齐的图像。 修复无法点击的网站区域的复杂开发项目也应优先于一些未对齐的图像。

推荐：

使用上面列出的工具手动评估您的网站，并开始解决任何优化问题。

5. 我可以针对移动搜索优化我的网站，就像移动搜索引擎优化一样吗？

去年，我们在文章“移动搜索引擎优化最佳实践”中写了这个主题——移动使用和搜索趋势相遇的关系。 SEO 的移动最佳实践与传统的 SEO 最佳实践没有太大差异。

用户体验和页面加载速度非常重要。 您的网站越慢，导航和使用越困难，您的网站在移动和桌面搜索结果中的显示就越少。 元数据很重要，因此也不要忘记那些独特的元标题和描述。 吸引用户点击您的搜索结果，然后测试、测试、测试！

推荐：

考虑使用 Schema 结构化数据并利用那个极小的小屏幕。 结构化数据有助于评级在搜索结果中显示为丰富的摘要。 在下面显示的示例中，您可以看到评论、营业时间、时间等等。

访问 Schema.org，了解有关您网站可用的结构化数据选项的更多信息。 不确定您是否实施了结构化数据？ 访问 Google 免费提供的结构化数据测试工具，以测试您网站上的页面。

针对搜索引擎和移动设备优化您的网站是一个迭代过程，需要持续进行测试、监控和分析。 Google 的 Search Console 提供有关您的移动性能的信息，例如移动搜索结果的点击次数、展示次数和点击率，以及您网站的移动性和任何相关问题。

针对移动搜索进行优化不仅仅是移动响应，而且确实会迫使您了解用户实际如何使用他们的移动设备与您的公司互动。

6. 有哪些资源可以帮助我的开发人员解决我发现的移动问题？

• WordPress 移动开发手册
• 面向商家和开发人员的 Magento
• 面向开发人员的 Google 移动友好网站资源
• 常见的移动错误 Google 开发人员资源
• 开发人员移动优化指南

7. 今天我应该考虑在我的网站上集成哪些设计功能？

特定于移动设备的功能是对您的网站的重要补充，可以增加访问者的用户体验。

为“胖手指”设计。 为 44 像素宽的手指设计被认为是为“胖手指”设计的。 这将允许所有用户访问和点击您页面上的元素。 移动设计通常需要较小的手指，因此页面的某些元素可能更难点击和访问。

点击通话/点击通话功能。 当电话号码出现在您的网站上时，最佳做法是允许这些号码被窃听，以便用户可以直接从列出的号码拨打电话。 在旅途中很难复制/粘贴或记下电话号码。 让您的客户更轻松，并在整个网站上启用电话号码的点击通话功能。

概括

针对移动设备优化网站的过程是用户在线体验的重要组成部分。 当今的互联世界要求营销人员跳出框框进行思考。 随着互联世界变得更加移动，我们作为营销人员的工作将要求我们继续这种思路并专注于可用性。 我们希望您可以使用我们博客文章中讨论的主题来优化您的移动在线资产，取得更大的成功，并朝着优化网站可用性和用户体验的最终目标努力。