如今，数百万用户使用运行在Android，iOS或Windows上的智能手机访问网络。因此，迫切需要网站适应这种不断变化的环境并在其网站设计中进行适当的更改以吸引更多的观众。

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

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

在本章中，我们将了解如何使网站对移动设备友好，以确保从移动设备访问网站的访问者具有最佳的体验。

什么是移动SEO?

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

• 一个好的移动网站应具有响应能力强的设计，在台式机和移动设备上都可以很好地运行。它不仅减少了网站的维护，而且使内容对于搜索引擎而言是一致的。

• 优质的移动网站的内容易于在移动设备上阅读，而无需缩放屏幕。它具有适当的字体，颜色和布局。

• 在小屏幕上浏览良好的移动网站很容易。它提供了可以用手指轻松操纵的链接和按钮。

• 一个好的移动网站是轻量级的，因此需要较少的带宽和时间来加载到移动网络上。

• 移动网站的首页在将用户连接到他们正在寻找的内容方面扮演着最重要的角色。因此，良好的移动网站确保最重要的链接显示在主页上，以便获得足够的可见性。

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

优化您的移动网站

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

步骤1-选择移动配置

第2步-通知搜索引擎

步骤3-避免常见的错误

选择移动配置

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

第1步-响应式网页设计

第2步-动态服务

步骤3-单独的URL

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

响应式网页设计

Google建议采用自适应网页设计，因为它是最简单的移动配置，并且非常易于实现。它在相同的URL上提供相同的HTML代码，但是会根据移动设备的屏幕尺寸来调整显示。

动态服务

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

从服务器动态提供您的内容后，请确保通知Google它正在爬网的内容在移动设备上看起来可能有所不同。这种方法的主要缺点是，在将内容分割给用户之前，您必须在服务器级别对内容进行额外的处理。这种方法在服务器上增加了不必要的负载并使其变慢。

单独的URL

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

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

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

通知搜索引擎

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

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

视口决定了如何在设备上显示您的网页。响应式设计的站点会根据设备屏幕的大小而变化。声明一个视口，以便您的网页可以在任何设备上正确显示。

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

Vary: User-Agent

Vary标头很重要，它可以告诉搜索引擎在台式机和移动设备上将提供不同的内容。当您的内容由诸如内容交付网络之类的任何缓存系统提供服务并且那些系统在不同设备上提供内容时将使用此头，则此头非常重要。

如果您维护单独的URL，例如example.com和m.example.com，则可以通过在桌面版本中添加特殊链接rel = alternate标签来通知Google，反之亦然，如下所示。

Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:

避免常见的错误

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

• 移动页面速度慢–与有线Internet网络相比，移动网络速度较慢，因此，请务必注意移动页面的加载速度。这是Google至关重要的排名因素。使用移动SEO工具查找您的移动页面速度。 Google提供了许多可以使用的好工具。浏览以下链接-https://www.google.com/webmasters/tools/mobile-friendly/

• 不要阻止CSS和JavaScript -Google建议对移动设备友好的网站使用内联CSS和Javascript，以便可以将它们与内容一起下载。因此，如果您没有太多CSS，请尝试在标记本身中进行调整；但是如果您在单独的文件中使用大量CSS，请尝试将其包含在底部，这将停止阻止其他正在下载的内容。相同的规则适用于Javascript，可以保留在页面本身内，也可以包含在页面底部。如果可以避免在页面顶部包含文件，请在包含它们时使用async属性。

• 移动重定向-由于移动网络通常很慢，因此过多的重定向会损害您的页面速度。如果要维护多个URL，请确保所有链接都指向相关页面。如果您维护多个URL，并且识别出用户正在从移动设备访问桌面页面，并且在另一个URL上具有等效的移动页面，则将用户重定向到该URL，而不显示404错误。

• 沉重的图像-沉重的图像会增加加载时间，但是由于它们有用且有效，因此我们无法完全摆脱它们。因此，您应该在文字和沉重的图像之间保持良好的平衡。使用一个好的工具来优化您的图像并以低分辨率保存它们，以避免繁重的下载。

• 避免使用插件和弹出窗口-Flash和Java之类的插件在用户的移动设备上可能不可用。始终确保您的移动页面上没有任何无法播放的内容。避免在移动页面上使用弹出窗口，因为在移动设备上关闭这些弹出窗口非常笨拙。

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

有用的工具

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

• Google网站管理员工具-使用可用的Google工具和技术来了解在设计台式机和移动网站时应使用的内容和应避免的内容。

• 移动仿真器-它使您可以看到您的网站在各种移动设备上的显示方式。

• Moz Local-使用此工具可确保您的本地SEO正常。

• 响应式Web设计测试工具-使用此工具可以查看响应式网站在具有不同标准屏幕尺寸的各种移动设备上的外观。

• Screaming Frog-这是一个有用的工具，可让您分析站点并仔细检查所有重定向。

• 用户代理切换器-这是一个Firefox插件，可用于查找从其他用户代理访问网站时的外观。