谷歌在 2021 年宣布，移动设备上的搜索百分比超过了 PC。在这样的背景下，移动友好性诞生了，但结果，谷歌的评价可能会在兼容移动的站点和不兼容移动的站点之间划分，流入量会有很大差异。

在本文中，我们将解释如何使网站针对移动设备的访问进行优化。我希望它可以帮助您对移动设备友好。

目录

• 什么是移动友好？

• 为什么你应该对移动设备友好

• 移动友好示例

• 移动友好的响应方法

• 内容创建点使其适合移动设备

• 概括

什么是移动友好？

爱发猫认为移动友好是指在谷歌搜索中提高支持在移动设备上浏览的网站的搜索排名的机制。此外，当提及与移动设备兼容的网站时，有时会用作“该网站是否适合移动设备”等表达方式。

这种移动友好机制是由谷歌搜索算法“移动友好更新”于 2019 年 4 月 21 日实施的。同年5月再次更新，排名效果进一步加强。此外，2021 年 1 月，我们宣布实施以页面显示速度作为移动搜索排名因素的速度更新，同年 3 月，我们将转向通过移动站点评估而不是 PC 进行索引的机制. “MFI（Mobile First Index）”已经正式公布。

如您所见，Google 非常重视对移动用户的友好。因此，创建一个针对移动搜索优化的网站是一项紧迫的任务。

*请参阅下面的解释，了解移动友好的含义。

检查移动友好性的工具

爱发猫您可能想知道，“我知道适合移动设备的措施很重要，但我如何检查它们是否真的被采取了？” 以下是一些可用于移动设备友好检查的推荐工具。

1. 移动友好测试

2. 谷歌开发者 PageSpeed Insights

3. 谷歌搜索控制台

4. 与谷歌一起思考

SEO关键词优化的20种方法

① 移动友好测试

它是谷歌免费发布的一个工具，它会逐页检查它是否适合智能手机浏览。

如果不支持移动友好，将显示屏幕改进。另一方面，如果它不是移动友好的，它将显示如下信息。同时，提出了有问题的部分。

移动友好测试

②PageSpeed Insights

它是一个基于移动端和基于桌面的工具，显示点以提高网站的显示速度。对移动设备友好意味着在智能手机上浏览的用户可以毫无压力地处理它。那个时候要查的指标就是手机页面的显示速度。

如上图所示，当您进入您要查看的网页时，会呈现影响页面显示速度的原因以及如何改善。

PageSpeed洞察力

③ 谷歌搜索控制台

您还可以从 Google Search Console 进行移动友好检查。不仅对移动端是否友好，还对阻碍用户页面体验的页面速度慢和内容偏差进行了三分制评估，例如“好/需要改进/不好”。

④ 用谷歌思考

这是 Google 的官方免费工具，它共同决定您的移动网站的页面速度。通过分析整个领域，我们提供优化建议以改善用户体验。

为什么你应该对移动设备友好

爱发猫认为最直接的原因是谷歌已经更新了它的搜索算法，但它应该对移动设备友好有三个明显的原因：

• 因为智能手机上的搜索是主流

• 因为它影响搜索排名

• 因为它改善了用户体验

因为智能手机上的搜索是主流

2020年前，谷歌宣布移动设备搜索的百分比超过了大多数。用户至上的谷歌不能忽视这一事实。考虑到用户的便利性，自然要强调在主流移动终端上浏览的舒适度。

无论如何，始终重要的是要记住，在智能手机上搜索是主流，在 PC 上网搜索的用户数量已不再是少数。顺便说一句，它不仅适用于移动设备，而且适用于所有营销活动。

因为它影响搜索排名

爱发猫认为如上所述，移动友好性对您的搜索排名有直接影响。

近年来，随着移动设备的爆炸式普及，谷歌已经更新了其算法以识别正在创建适合移动设备的网站的页面。这不仅仅是移动友好的更新。

例如，2020 年 1 月，谷歌宣布实施速度更新，使页面显示速度成为移动搜索的排名因素。考虑到显示速度对搜索体验的影响很大，作为主流终端的智能手机的显示速度很重要。另外，同年3月，MFI（Mobile First Index）宣布正式过渡，改变了基于PC网站内容进行内容评价的制度，转向移动版评价的稻田。这不是搜索排名的一个因素，但如果没有移动站点，PC 站点将被索引，这可能会对排名产生不利影响。

有人说即使不支持移动友好，如果内容质量高，可能会显示在搜索结果的顶部，但它也是移动友好的，因为它受MFI影响。应该是假设有。

因为它改善了用户体验

仅仅因为 PC 版本的网页不适合在智能手机上查看，这就是它应该对移动设备友好的原因之一。

打开网页时，屏幕大小与页面大小和宽度不匹配，横向滚动就看不到信息，这是让用户感到压力很大的一个因素。如果它适用于移动设备，页面将更易于阅读，当然，用户的满意度也会提高。

移动友好示例

我知道它应该适合移动设备，但很多人可能想知道该怎么做以及它应该是什么样的条件。

谷歌在其官方网站上声明：

想想对于在移动设备上访问您网站的用户来说，哪些任务最重要和最常见。更容易执行这些任务至关重要，而创建这样一个移动站点的能力决定了用户实现目标的顺利程度。设计网站以提高可用性也很重要。

当您在智能手机上浏览网站时，您可以毫无压力地使用的网站就是一个模型。如果你有看文章的目的，可以顺利完成，或者如果你有购物的目的，可以顺利购买，有很多网站可以参考。

以下是创建一个通用的移动友好状态需要牢记的最低点。

• 即使在小屏幕上也易于操作

• 适合智能手机的屏幕尺寸

• 没有无法播放的内容

• 没有破坏用户体验的弹出窗口

即使在小屏幕上也易于操作

与PC不同，移动终端的屏幕小，输入数据需要时间，输入字符和选择按钮也比较困难。此外，触摸面板操作与敲击键盘相比，往往会降低输入精度和速度。

因此，如果您正在采取移动措施，建议您确保必要的空间并显示它，以便链接按钮彼此不会太靠近。

举个例子，我们来看一下某次婚宴的申请表。

<下拉格式>

它是一种下拉式格式，在各个网站上都有使用，但从移动用户的角度来看，选项的显示很小，难以阅读，导致退出。

<复选框格式>

另一方面，如果是复选框格式，则选择屏幕较大，按钮之间的距离保持适中，因此您在选择另一个按钮时出错的可能性较小。

除了以这种方式最大限度地减少选择的时间和精力之外，还可以采取措施，例如尽可能利用自动完成和省略垂直滚动和点击以外的操作。

适合智能手机的屏幕尺寸

在具有小屏幕尺寸的移动设备上，PC 上显示的内容通常不适合一页。如果这样做，文本会变小且难以阅读，或者整个内容将无法显示在显示屏上，除非您水平滚动，否则将无法查看。

为了防止这种情况，有必要设置视口。

Viewport 代表“显示区域”，是一种以与每个设备的屏幕尺寸相匹配的状态显示内容的功能。

爱发猫认为如果网站上未设置 Viewport，Google 搜索控制台中将显示错误，指示未设置 Viewport。

如何设置视口

关于 Viewport 设置，例如，如果在头部添加以下元标记，则在移动端 PC 上显示的 2 到 3 列可见的页面将变为 1 列。

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

更改字体大小

另外要记住的一件事是更改 Google 推荐的字体大小。根据谷歌官方公告，推荐大小为 16 像素，行高为 1.2em。

参考：谷歌开发者“使用易于阅读的字体大小”

没有无法播放的内容

不要使用可以在 PC 上播放但不能在移动设备上播放的视频。例如，需要许可证的媒体或 Flash Player（将于 2020 年 12 月 31 日终止支持），移动设备往往不受支持。

代替无法在移动设备上播放的视频显示

没有破坏用户体验的弹出窗口

在浏览您的智能手机时，您可能会遇到覆盖整个屏幕的弹出式广告（模态窗口）。这些插页式广告会损害用户的浏览体验。

Google 建议不要在屏幕顶部或底部放置一个不会干扰页面内容的简单横幅，而不是此类插页式广告。

移动友好的响应方法

尽管移动友好性很重要，但您不必从头开始构建网站的移动版本。有几种简单的方法可以使您的网站与移动设备兼容。以下是三种最有用的方法。

• 响应式网页设计

• 动态服务

• 分离型

响应式网页设计

响应式网页设计是根据用户访问的终端和屏幕大小进行渲染，并自动切换和显示布局和设计的设置。除了能够使用单个 URL 处理之外，无论是 PC 版还是移动版，您都可以一次更新网站。此外，您可以为智能手机版和PC版创建统一的设计。此外，由于设备信息相同，因此设计不会因每个设备而不同，并且易于组织信息。

动态服务

动态服务是一种可以使用响应式网页设计等布局处理的方法，并且可以立即完成更新。用户访问的终端所交付的设计也会自动切换，但请注意，PC版和SP版的设计可能略有不同。

分离型

分离类型是将 PC 的 URL 和移动端的 URL 分开的设置。通过创建与移动设备兼容的新页面，您最终会得到一个包含重复内容的页面，因此您需要对其进行注释，以便 Google 爬虫能够正确识别它。

内容创建点使其适合移动设备

在上一章中，我们解释了如何使网站的 PC 版本与移动版本兼容。另一方面，也有必要在创建内容的阶段而不是在创建站点的阶段意识到移动友好性。

在本章中，我们将介绍在内容创建阶段使页面适合移动设备的措施。

• 调整文字大小和长度

• 纠正广告素材错位

• 提高页面速度

调整文字大小和长度

当您在智能手机上浏览网页时，它看起来与您在 PC 上看到的非常不同。因此，请设置字体大小和宽度，以便在智能手机上易于查看，或将它们分成短句。我们建议您在创建内容的同时检查其在智能手机上的实际外观。

更正广告素材的尺寸和偏差

使用尺寸和设计易于在智能手机屏幕上查看的广告素材。Windows版PC，同时按下“ctrl”+“shift”+“I”，可以查看在移动端是如何显示的，如下图。检查图像的大小是否合适。

当“CTA（带有嵌入链接的创意）”显示不对齐时要特别小心。

页面体验“ Core Web Vitals ”中也提到了内容（主要是图像）错位，谷歌最近一直致力于优化用户的网页体验。如果内容错位，可能会导致误触，给用户带来强烈的压力，请尽可能采取措施。

提高页面速度

与 PC 不同，移动终端可能线路速度慢、连接不稳定。尽管近年来通信环境有所改善，但仍然存在读取时间比固定线路更长或线路在移动时断开的情况。但是，这些现象与谷歌“尽快提供结果”的价值观不符，可能会影响用户的CV和迁移率。

事实上，即使在谷歌站长的Google+公众号调查中，“加载缓慢的页面”也被列为“令人不快的网站”的第一名。

您可以通过上面介绍的 Google 提供的工具“ PageSpeed Insights ”了解如何提高页面速度。以下是一些提高页面速度的典型方法。

1. 删除不适当的 CSS / JavaScript 代码

2. 图像优化（文件格式等）

3. 使用浏览器的缓存来减少不必要的通信

4. 利用 AMP（加速移动页面）

另外，这个“页面显示速度”是上面说明的“Core Web Vitals”的指标之一，是需要强调的一点。

概括

爱发猫认为目前，由于智能手机的普及，移动终端成为搜索的主流。随着如此多的网站变得对移动设备友好，您是否错过了您的网站？

内容再好，如果缺乏移动用户看到的“便利”，用户会很快离开。为了继续吸引流入并提高排名，促进对移动设备友好的支持非常重要。

Tags： seo文章优化 seo教程 内容seo优化 seo原创文章收录 SEO优化 SEO优化教程 快速收录

文章版权声明：除非注明，否则均为爱发猫原创文章，转载或复制请以超链接形式并注明出处。