现在，比以往任何时候都更重要的是，要确保您的开发过程包含最佳实践和技术，以实现有效的移动端在线形象呈现。
无论您身处法律、医疗保健、餐饮、技术或其他行业，高质量的移动应用都能满足您的需求。 官方网站 这是移动优先时代的重要一步。
作者建议重点关注移动开发最佳实践的几个方面，包括技术 SEO、网站开发和移动设计原则，以创建一个连贯的、在线的网站形象，从而能够经受住向谷歌移动优先时代的转变。
事不宜迟，以下是打造高质量移动网站的 12 个最佳实践，你应该重点关注这些实践。
1. 首屏内容并未完全消失
需要注意的是，在移动环境中，内容可以无限滚动，但首屏内容并没有完全消失。
在移动端设计中，最好还是将部分文本内容放在首屏上方，以便让用户知道有必要向下滚动。
用户想要了解你所提供内容的心理益处和欲望并没有完全消失，因此你仍然需要在许多不同的移动设备上对此进行一定程度的优化。
2. 不要总是只关注移动消费者
随着移动设备和桌面设备的融合，这些平台用户的目标和需求也随之趋于一致。
当你专注于用户希望根据平台实现的目标时，你就能创建一个整体方法，从而更有效地通过你的网站触达客户。
无论用户是购买产品还是研究您提供的服务，企业的用户目标和客户获取目标的融合都将继续下去。
因此，专门关注这些理念和价值观的必要性将会降低。请注意，并非它们不再重要，只是随着移动端和桌面端融合的持续发展，这种必要性会降低。
3. 使用响应式设计技术
独立 m. 网站的时代（m.example.com）已经结束了。
在移动优先时代，没有任何理由使用这种实现方式。
这种结构可能非常混乱，如果优化不当，多个 URL 会导致重复内容问题。
有很多技术可以确保有效过渡的完成，但除此之外，随着新技术的出现，m-dot 实现方式已经像渡渡鸟一样灭绝了。
如今，理想的实现方式是采用响应式设计。这类设计使用媒体查询来定义设计支持的显示分辨率。
每个单独的分辨率在设计中都被称为“断点”，或者说是响应式设计从一个分辨率过渡到下一个分辨率的点。
使用这种结构的好处是，您不会遇到在 m-dot 实现中会遇到的重复内容问题。
此外，您的移动端实现将采用最新技术。
4. 要提高网站速度，应该多用“代码”而不是“到处放图片”。
你真的需要使用双色背景作为 2 像素宽、1200 像素高的重复背景吗？
如果你不会，而且你可以自己编写代码，那就自己编写代码。
虽然这种小改动不会对网站速度产生重大影响，但随着优化工作的完成，这些优化累积起来也能产生显著效果。
下次当你进行网站审核或创建网站时，请思考：“我真的需要这张图片吗？还是我可以简单地用代码来实现？”
如果图像确实不是必需的，那么对对象进行编码可以极大地提高网站速度，尤其是在使用过多图形的网站设计中。
5. 为移动设备定制 WordPress
WordPress有很多插件可供使用。
甚至有些产品还提供增强移动兼容性的功能。
为此，最有用的插件是 Duda Mobile、W3 Total Cache，以及用于压缩 HTML 和 CSS 的插件。
6. 确保桌面端和移动端的所有内容一致
这项最佳实践背后的理念是避免重复内容和被指控进行内容伪装。
为了安全起见，请务必确保网站桌面版和移动版上的所有内容保持一致。
确保实现这一点的最佳技术之一是响应式设计。
对于不了解的人来说，响应式设计是指创建一个样式表，该样式表使用“媒体查询”来自动在各种平台和设备之间切换设计。
如果你想最大限度地提高速度，并使你的设计简洁高效，可以考虑使用 CSS 精灵图来减少服务器端请求。
7. 采用“自上而下”的开发方法
“自上而下”的开发方法意味着，从设计之初到最终完成，都要考虑每一个决策可能带来的所有后果。
你采用移动优先开发模式，而不是先开发桌面版，然后再添加移动端设计。这种开发方法非常理想，因为它不会在最终设计中引入问题。
举个例子：你创建了一个桌面网站。在创建过程进行到大约四分之三的时候，你决定在此基础上创建一个移动网站。
你创建了原型。但是，在编写原型代码并完成过渡动画后，你在这里发现了一个 bug，在那里又发现了一个 bug，然后又在那里发现了一个 bug。这是因为自下而上的方法行不通，会导致范围蔓延。
这种现象指的是，在最后一刻出现了意想不到的问题，导致出现无法预料的错误，并增加项目最初规划时没有考虑到的工作时间。
事实上，如果从一开始就采用自上而下的移动响应式设计方法，那么这些错误和需要解决的问题就不会在最后出现，从而导致这种可怕的问题。
8. 不要使用侵入式插页广告来推销你的产品
是的，我们知道。你们的产品是这星球上最棒、最令人惊叹的东西。正因如此，我们才会在购买前访问你们的网站并进行研究。
但是，我们不需要在您的网站上投放侵入性广告，阻止我们进行任何操作，也不需要用这种广告来烦扰我们，影响我们的购买体验。
尽可能减少侵入式插页广告，并将广告放在底部或侧边，至少要提供点击即可移除广告的选项。
值得注意的是，谷歌会对侵入式插页广告进行处罚。建议您阅读谷歌的开发者指南、站长指南以及相关博客文章。
9. 找出实施中的薄弱环节并检查错误
弱点并不总是意味着网站速度慢。
这可能意味着在不同显示器和不同平台（例如 Windows Phone 与 iPhone）上的实现存在问题。
我喜欢用 BrowserStack.com 来实现这个目的。
最糟糕的情况莫过于移动端实施的最后阶段，却发现客户在实施过程中本应发现的问题！
10. 不要使用 Flash 视频
这在当今时代应该是一种常见的做法，但我仍然看到一些网站还在使用它。
Adobe 收购 Macromedia 并停止 Flash 视频的开发后，Flash 视频就如同恐龙一样灭绝了，为 HTML5 视频的出现铺平了道路。
如果你的网站上没有使用至少 HTML5 视频，你的用户可能会受到影响。
11. 使用 Schema.org 结构化数据
Schema.org 结构化数据不仅对于识别网站上包含搜索引擎需要查看的特殊结构化信息的页面非常重要，而且当移动索引全面发挥作用时，预计对 Schema 的依赖性也会增加。
这是一种简洁易懂的信息理解方法，可以将理解后的信息转化为移动搜索结果中的丰富摘要。
但无论如何，笔者认为即使在桌面端也应该使用Schema结构化数据，因为它能帮助你的网站根据目标关键词出现在富媒体搜索结果中。如果运用得当，这可以显著提升网站的曝光度。
12. 不要屏蔽 JavaScript、CSS 等辅助脚本或图片等内容。
在为任何平台（无论是桌面平台还是移动平台）开发网站时，这都应该是常识，但有些人仍然会这样做。
务必确保移动端设计所需的支持脚本未被屏蔽，因为屏蔽会导致后续出现移动端软性 404 错误等问题，也可能导致桌面端出现 404 错误。
但是，如果您阻止 Google 抓取这些文件，他们就无法抓取这些文件来查看您的网站是否正常运行。
当他们无法做到这一点时，可能会导致排名下降，因为他们无法完全理解您的网站。
移动优先时代已经到来：实施需求已达到临界点
随着谷歌移动优先索引的推出，实现跨平台、跨设备、跨兼容的网站现在变得至关重要。
这意味着你拖延的时间越长，就越…… 不会 不仅要有移动端实现，而且 不会 拥有合适的移动端解决方案会让你在很多方面都付出代价。
不仅仅是排名。
如果你还没有转向移动端，为什么不呢？
_____
by 布莱恩·哈尼什
来源: 搜索引擎杂志
