SEO - 移动搜索引擎优化

• 

  简述

  如今，数以百万计的用户使用运行在 Android、iOS 或 Windows 上的智能手机访问网络。因此，网站必须适应这种不断变化的环境并对其网站设计进行适当的更改以吸引更多的浏览量。

  网站的桌面版本可能难以在移动设备上查看和使用。不适合移动设备的版本需要用户捏合或缩放才能阅读内容。用户发现这是一种令人沮丧的体验，并可能会放弃该网站。相比之下，适合移动设备的版本可读且可立即使用。

  最近的谷歌更新强制要求网站必须适合移动设备才能在移动搜索引擎上有效。请注意，不适合移动设备的网站也不会对常规搜索引擎产生任何影响。

  在本章中，我们将看到如何使网站对移动设备友好，以确保从移动设备访问网站的访问者获得优化的体验。
• 

  什么是移动搜索引擎优化？

  移动搜索引擎优化是设计网站以使其适合在具有低带宽的不同屏幕尺寸的移动设备上查看的过程。除了遵循适用于桌面网站的所有 SEO 规则外，我们在为移动设备设计网站时还需要格外小心。如果网站具有以下属性，则该网站是移动友好的 -

  • 一个好的移动网站具有响应式设计，在台式机和移动设备上都表现良好。它不仅减少了网站的维护，而且使搜索引擎的内容保持一致。
  • 一个好的移动网站的内容很容易在移动设备上阅读，而无需缩放屏幕。它具有适当的字体、颜色和布局。
  • 在小屏幕上浏览一个好的移动网站很容易。它提供了可以使用手指轻松操作的链接和按钮。
  • 一个好的移动网站是轻量级的，因此在移动网络上加载所需的带宽和时间更少。
  • 移动网站的主页在将用户连接到他们正在寻找的内容方面发挥着最重要的作用。因此，好的移动网站会确保最重要的链接显示在主页上，以便获得足够的可见性。

  网站的排名在很大程度上取决于它的用户友好程度。您可以按照下面给出的指南来设计一个适合移动设备的优秀网站。
• 

  针对移动设备优化您的网站

  如果您的网站已经针对搜索引擎进行了优化，那么针对移动设备对其进行优化应该不会太难。首先，让我们了解移动化需要什么。我们可以将这些步骤分为三大类 -

  步骤 1 − 选择移动配置

  步骤 2 − 通知搜索引擎

  步骤 3 − 避免常见错误
• 

  选择移动配置

  您可以选择三种不同的移动配置 -

  步骤 1 − 响应式网页设计

  步骤 2 − 动态服务

  步骤 3 - 单独的 URL

  每个都有自己的优点和缺点。Google 推荐响应式设计，但它支持所有三种配置。下表显示了移动配置如何影响您的 URL 和 HTML 代码 -

  移动配置	网址	HTML
  响应式网页设计	保持不变	保持不变
  动态服务	保持不变	不同的 HTML
  单独的 URL	不同的网址	不同的 HTML

  响应式网页设计

  Google 推荐响应式网页设计，因为它是最简单的移动配置并且非常容易实现。它在相同的 URL 上提供相同的 HTML 代码，但是它会根据移动设备的屏幕大小调整显示。

  

  动态服务

  动态服务是一种移动配置，您网站的 URL 保持不变，但在从移动设备访问时提供不同的 HTML 内容。

  

  当您的内容从服务器动态提供时，请务必通知 Google，它正在抓取的内容在移动设备上可能会有所不同。这种方法的一个主要缺点是您必须在服务器级别对您的内容进行额外处理，然后再将其发送给用户。这种方法会给您的服务器带来不必要的负载并使其变慢。

  单独的 URL

  当您维护两个不同的 URL 时——一个用于移动用户，另一个用于桌面用户——确保明确通知 Google 何时提供哪个版本。Google 不建议使用单独的 URL，因为它可以自动检测到您的移动页面与桌面页面不同。

  

  当您拥有一个大型网站时，这种方法并不实用，因为维护同一个网站的两个版本需要双倍的努力和金钱。同时，您无法在维护两个版本的同时避免内容中的各种差异。

  从 SEO 的角度来看，每个 URL 单独执行。因此，您的桌面排名永远不会添加到移动排名中，它们将始终被视为单独的网站。如果您想利用 SEO 的好处，我们不建议为移动和桌面版本维护不同的 URL。
• 

  通知搜索引擎

  确保 Google 和其他搜索引擎了解您的移动配置。最重要的是，Google 必须了解您的网页，才能正确地对您的网站进行排名。您通知 Google 的方式取决于您选择了哪种移动配置——响应式网页设计、动态服务或单独的 URL。

  如果您的网站有 响应式设计Google 的算法可以自动理解它，而无需您通知 Google。当您有响应式设计时，只需确保您的网页标题中有以下元标记 -

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  

  viewport决定了您的网页在设备上的显示方式。响应式设计的网站会根据设备屏幕的大小改变其大小。声明一个viewport，以便您的网页在任何设备上都能正确显示。

  如果您的网站是 动态服务 确保您允许 Google 使用 Vary HTTP 标头检测您的配置 -

  Vary: User-Agent
  

  Vary标头对于告诉搜索引擎不同的内容将在台式机和移动设备上提供很重要。当您的内容由任何缓存系统（如内容分发网络(CDN) 这些系统将在不同设备上提供内容时使用此标头。

  如果您维护 separate URLs, 例如， example.com 和 m.example.com, 那么你可以通过添加一个特殊的来通知谷歌 link rel=alternate 在您的桌面版本中标记，反之亦然，如下所示。

  桌面页面的标题中应包含以下内容：

  
  <link rel="alternate" media="only screen and (max-width: 640px)"
  href="http://m.example.com" >
  移动页面的标题中应包含以下内容：
  <link rel="canonical" href="http://www.example.com" >
  

• 

  避免常见错误

  为了针对移动设备优化您的网站，请确保您避免犯以下错误 -

  • 移动网页速度慢− 与有线互联网网络相比，移动网络速度较慢，因此请务必注意移动页面的加载速度。这是一个关键的谷歌排名因素。使用移动搜索引擎优化工具找出您的移动页面速度。Google 提供了许多您可以使用的好工具。浏览以下链接 - https://www.google.com/webmasters/tools/mobile-friendly/
  • 不要使用块级CSS和JavaScript- 谷歌建议对移动友好的网站使用内联 CSS 和 Javascript，以便它们可以与内容一起下载。所以如果你没有太多的 CSS，那么尝试在标签本身内调整它；但是如果你在单独的文件中使用了很多 CSS，那么尝试将它包含在底部，这将停止阻止正在下载的其他内容。相同的规则适用于 Javascript，它可以保存在页面本身内或包含在页面底部。如果您可以避免将文件包含在页面顶部，请使用async 属性同时包含它们。

  <script async type="text/javascript" src="jquery.js"></script>
  

  • 移动重定向- 由于移动网络通常很慢，过多的重定向会损害您的页面速度。如果您维护多个 URL，请确保所有链接都指向相关页面。如果您维护多个 URL，并且您发现用户正在从移动设备访问桌面页面，而您在不同 URL 上有一个等效的移动页面，则将用户重定向到该 URL，而不是显示 404 错误。
  • 大图片- 大图像会增加加载时间，但是我们不能完全摆脱它们，因为它们有用且有效。因此，您应该在文本和重图像之间保持良好的平衡。使用一个好的工具来优化您的图像并以低分辨率保存它们以避免大量下载。
  • 避免插件和弹出窗口− Flash 和Java 等插件可能无法在用户的移动设备上使用。始终确保您的移动页面上没有任何无法播放的内容。避免在移动页面上使用弹出窗口，因为在移动设备上关闭这些弹出窗口会变得非常笨拙。

  在创建移动页面时，请始终牢记用户的工作空间有限。因此，您在创建标题、URL 和元描述时需要尽可能简洁——当然，不要影响信息的本质或质量。
• 

  有用的工具

  以下是一些有用的工具列表，您可以使用它们来了解您的网站对移动设备的友好程度 -

  • Google Webmaster Tools - 使用可用的 Google 工具和技术来了解在设计桌面和移动网站时应该使用什么以及应该避免什么。
  • Mobile Emulator - 它可以让您查看您的网站在各种移动设备上的显示方式。
  • Moz Local - 使用此工具确保您的本地 SEO 井井有条。
  • Responsive Web Design Testing Tool - 使用此工具查看您的响应式网站在具有不同标准屏幕尺寸的各种移动设备上的外观。
  • Screaming Frog - 这是一个有用的工具，可让您分析您的网站并仔细检查所有重定向。
  • User Agent Switcher − 这是一个 Firefox 附加组件，您可以使用它来了解从不同用户代理访问时您的站点的外观。