如何优化移动端SEO？（5个必知要求）

2015年，Google发布了历史上第一个移动友好（Mobile Friendly）算法，被业内称为Mobilegeddon。这个算法强调了拥有一个对手机端用户友好的移动版本网站的重要性。

多年来，移动友好已成为网站优化的基本要素。然而，在2020-2021年，Google推出了一套新的算法变化，称为移动优先索引（Mobile First Indexing）。本文将讨论移动友好在SEO中的概念以及优化网站时需要注意的关键因素。

理解移动友好

移动友好指的是您的网站能够满足移动设备的浏览和使用需求。为实现这一目标，您需要建立一个移动版本的网站。Google针对移动版本网站提出了以下几个基本规范：

• 避免使用对移动设备不友好的插件。例如，Flash格式的网站内容在当前环境下不太适合移动电话用户，因为大多数浏览器现在不支持Flash。建议在建立网站时尽量避免使用Flash。
• 确保网站内容的宽度不超出屏幕的显示范围。确保手机端界面上的所有对象都不会超出可视范围。
• 字体大小：移动设备的屏幕较小，因此移动版本网站的文本不应过小。
• 可点击元素间距：可点击元素（链接）之间的距离不应过近，以防止用户在用手指浏览时同时点击两个以上的按钮。

以上是Google官方推荐的基本原则。

额外优化建议

• 封面广告优化：尽量不在移动网站上设置过于干扰的封面广告。如果确实需要使用封面广告，最好不要占据太多位置，或者关闭广告的“X”按钮设置得太难点击。同时，Google在5月份推出的算法Page Experience也会对封面广告进行惩罚，这不仅会影响用户体验，还会影响SEO。
• 图片压缩和速度优化：网站的速度对用户体验和SEO有相当大的影响。在优化移动版本网站时，我们必须预设用户的网络环境可能不如计算机设备那么好，因此在速度优化方面要更加努力。特别是图片优化部分非常重要，不建议在移动版本网站上上传过大的图片。

大多数谷歌SEOer应该能理解上述概念，您还可以使用以下工具来测试您的网站：

移动设备兼容性测试工具：

如果您想检查网站是否移动友好，最简单的方法是使用Google的移动设备兼容性测试工具来测试您自己的网站。如果网站不符合移动友好要求，该工具将直接显示错误并要求网站所有者进行改进。这应该是最简单的检测问题的方法。但请注意，移动设备兼容性测试工具是一个页面级别的测试工具，也就是说，将每个网页投入测试可能会得到不同的结果，请确保每个网页布局至少测试一次。

使用搜索控制台的移动可用性报告

如果网站是移动友好的，搜索控制台中的报告会告诉您。

了解移动设备优先索引

自2020年以来，Google逐渐实施了所谓的移动设备优先索引。因此，除了上述提到的移动友好（Mobile Friendly），当前的网站还应符合移动设备优先索引（Mobile First Indexing）。

移动设备优先索引的概念非常简单，即Google的爬虫机器人将首先爬取您的移动版本网站，并使用爬取到的移动版本网站内容来确定计算机版本网站和移动版本网站。只要关注移动友好（Mobile Friendly），通常不会出现其他问题。但是，如果您确实想仔细检查，我建议再次检查以下几个优化项：

• 重新检查移动友好性问题。
• 确保计算机版本和移动版本网站的内容尽可能与页面一致。如果是独立的网页结构，请确保移动和计算机网站是逐页的（有关独立网页结构的更多说明将在本文后面提供）。
• 我们已经多次提到速度优化，尤其是对于移动设备。过去，Google爬取的是计算机版本的网站，但现在Google更关注移动设备。
• 确保Google爬虫可以有效爬取您的移动网站（这部分最常见的问题是下一段提到的“内部链接和动态”）。

实践中常见的问题——减少内部链接和动态移动

在实践中，我们目前遇到的最常见问题是“移动版本网站上的内容少于计算机版本”或“移动版本网站的移动行为不完整”，因为移动版本网站的布局相对较小，许多网站业主会简化移动版本网站上的移动行为。例如，您在计算机版本界面上设计了一个2层导航栏，但移动版本网站无法容纳过大的导航栏，因此一些网站将导航栏简化为1层。然而，搜索引擎需要依靠网站内部链接来分析网站的结构（网站动态/内部链接的重要性是我在SEO中最重要的概念，关于内部链接如何影响SEO的内容已在本文中讨论），因此我建议移动版本上的动态行为和内部链接尽量不要减少，或者减少得不要太多。

关于移动设备优先索引（谈谈我的观点）

移动设备优先索引将逐步在2020年至2021年之间全面实施。实际上，如果您的网站是移动友好的（Mobile Friendly），通常在SEO方面不会出现问题。我们对SEO的优化原则并没有发生太大变化。过去，我们将“基本SEO优化原则”应用于计算机版本的网站，但现在我们希望将其应用于移动版本的网站。例如，速度测试以前主要关注计算机版本的网站，但现在应该更重视对移动版本的网站进行检测；网站动态/内部链接的优化应调整为适应移动版本；网页内容的丰富度也应以移动版本为主。

移动版本网站的架构选择

我们目前常见的移动网站架构大致可以分为三种类型，即”独立URL”、”响应式网页设计”和”动态服务”。如果处理得当，无论选择哪种架构，都可以进行SEO优化（前提是处理得当）。在实际SEO实践中，最容易出现问题的是独立网页（独立URL）的移动版本网站架构，如果您的网站属于这种类型的架构，您可能需要在SEO方面检查本文后面提到的事项。在继续之前，让我们介绍一下这三种架构之间的区别。

独立URL

独立网页设计在行业中通常被称为通用站。用通俗的话来解释，就是为了解决移动版本网站的优化问题而设置和编写两套代码。例如，为计算机版本网站和移动版本网站分别编写了两套网页（两套HTML），其URL分别是www.appme.cn和m.appme.cn（如上面的示例所示）。当用户的浏览设备是手机时，系统将引导用户到移动版本网站m.appme.cn，否则，将跳转至计算机版本网站的URL www.appme.cn。这种架构的优缺点如下：

• 优点：移动版本网站和计算机版本可以完全独立设计，为不同设备的用户提供专属体验。
• 缺点：SEO优化会稍微麻烦，后续维护也会更麻烦，因为需要维护两套程序文件(WordPress也可一套程序搞定）。

响应式网页设计

响应式网页通常简称为RWD。简单来说，我们只开发一套网页，并使用响应式设计技术使网页能够根据不同设备自适应地改变页面布局和对象大小。RWD的网站与上述独立网页不同，基本上URL保持不变，且在SEO方面不太容易出现问题。其优点和缺点如下：

• 优点：只需维护一套代码，SEO问题较少。
• 缺点：考虑到网页需要根据不同设备调整布局和对象，RWD通常不能设计得太复杂，移动版本和计算机版本的体验会非常相似。

动态服务

动态服务与上述独立网页设计相同，即设计了两套程序文件（两套HTML），但区别在于前台使用相同的URL。简而言之，我们在后端制作了两套网页，并依靠服务器判断”前端应该提供移动版本程序文件还是计算机版本网站程序文件”。许多使用谷歌的网站采用此架构，该架构的优缺点如下：

• 优点：移动版本网站和计算机版本可以完全独立设计，为不同设备的用户提供专属体验。与独立网页相比，动态服务的结构不太容易出现SEO问题。
• 缺点：需要维护两套程序文件，需要处理设备定向设置，可能会出现一些设备判断错误。

不同设备上的URLs

每种架构实际上都有其优点和缺点，以及各自的SEO状况。我将直接整理如下，并详细解释：

架构类型	URL	HTML	SEO优化	UI弹性
响应式设计	URL不变	1套HTML	遵循移动友好，通常不需要特殊优化	UI设计弹性较小
独立网页设计	两个版本的URL	2套HTML	稍微麻烦，具体操作参见本文后面的段落	UI设计更灵活
动态服务	URL不变	2套HTML	遵循移动友好，通常不需要特殊优化	UI设计更灵活

移动版本网站架构对SEO的影响

实际应用中，选择移动版本网站的架构时，首先需要考虑您的网站所需的功能和UI的复杂性。如果您的UI界面非常复杂，或者希望为移动用户和计算机用户设计不同的界面体验，那么可能无法使用响应式网页设计（RWD）。因为RWD使用相同的一套HTML进行自适应缩放/调整布局，如果界面过于复杂，则很难实现自适应缩放。如果网站的界面功能不复杂，那么可以使用RWD架构。

不同的移动版本网站架构是否会影响SEO呢？

上述三种架构都可以进行SEO优化，但独立网页设计需要特别注意SEO。简单来说，如果您的移动网站使用RWD和动态服务，并充分考虑到移动体验，通常情况下会有较少的SEO问题。但是独立网页则不同，在独立网页的SEO维护中需要注意以下4个重要点：

申请两个组的搜索控制台

我在搜索控制台的教学中提到了不同版本的URL需要申请不同的搜索控制台。如果您有独立网页结构，可以申请1个域资源或2个URL资源。例如，我有www.appme.cn和m.appme.cn，请同时申请两个搜索控制台。使用URL资源申请的好处是可以在搜索控制台中分别查看移动版本网站和计算机版本网站的信息。

独立URL注释

独立网页将移动版本和计算机版本划分为两个不同的URL，例如m.appme.cn和www.appme.cn。实际应用中，谷歌有时无法区分两个版本的网页。在最糟糕的情况下，谷歌可能无法识别m.appme.cn和www.appme.cn实际上是同一个网站，并且也无法识别它们之间的联系是移动版本与桌面版网站之间的对应关系。如果谷歌无法识别，可能会出现以下问题：

• 当用户在手机上搜索时，他们会找到您的计算机版本网站。
• 您的移动版本网站和桌面版本网站的内容必须相似或相同，这将导致重复内容问题。

为了避免这种情况发生，谷歌发布了以下语法。如果您的网站恰好采用独立网页设计，请在网站的每个网页上放置以下语法：

以首页为例：

您的计算机版本网站必须在<head>中放置以下语法：

<link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

您的移动网站必须在<head>中放置以下语法：

<link rel="canonical" href="https://www.example.com/">

以产品页面为例：

您的计算机版本网站必须在<head>中放置以下语法：

<link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/product99">

您的移动网站必须在<head>中放置以下语法：

<link rel="canonical" href="https://www.example.com/product99">

避免没有页面对应关系的情况

您的每个网页必须对应一个移动版本的网页和一个计算机版本的网页。独立网页的问题在于没有页面对应关系。例如，我计算机版本的网站上的每个产品都有一个”产品介绍”、”产品购买流程”和”产品保修说明”三个网页，但在移动版本网站上，我将这三个网页合并为一个名为”产品概述”的网页。网页数量不同，没有页面对应关系。谷歌可能无法识别这些页面之间的相关性。请避免出现这种情况。

根据设备设置转发

在推出了”移动设备优先索引”之后，只要您有独立网页设计，您可能会看到”在计算机版谷歌上搜索时，会看到移动版网站”的情况（如上图所示）。因此，谷歌官方提醒网站所有者需要进行适当的转发设置。当计算机设备访问移动版网站时，服务器应进行判断并将用户转发到计算机版网站。

基于上述情况，我通常建议客户首先考虑他们自己对UI界面和功能的规划。如果UI界面和功能不复杂，尽量使用响应式设计。当您确实需要复杂的界面或布局时，考虑使用独立网页或动态服务。因为响应式设计在SEO方面更简单，并且如果您关注移动友好性（Mobile Friendly），就不会出现严重的SEO问题，并且维护成本相对较低。

总结：需要注意的3个关键点

本文涵盖了许多基本的移动网站优化概念。总结起来，我建议您检查以下几个方面：

• 您可以使用检测工具检查网站是否符合移动友好性。
• 网站需要遵循”移动设备优先索引”，但目前没有专门的检测工具，请尽量参考前文中提到的方式，并将所有基本的SEO原则应用于您的移动网站。
• 如果您的网站采用响应式设计或动态服务，请关注移动友好性（Mobile Friendly）。但如果您使用独立网页设计，则需要再检查四个方面，即”搜索控制台的额外安装”、”独立URL注释”、”页面对应关系”、”设备判断的设备转发处理”。

只要满足以上三个条件，就不必过于担心 🙂