移动友好测试：为什么对SEO如此重要？

• 什么是移动设备友好测试？
• 使您的网站移动友好的步骤：
  • 不要再创建一个单独的适合移动设备浏览的网站
  • 您应该只使用自适应设计
  • 一律使用视口中继标记
  • 按钮大小和字体大小的重要性
  • 高分辨率图像
  • 不使用默认缩放
  • 移动网站上的YouTube视频
  • 广泛的用户移动体验
  • 一直测试
• 为什么需要进行移动设备友好测试？

什么是移动设备友好测试？

该网站的移动版本是主站点的重复版本，为此使用特殊的布局，使您可以方便地查看和浏览来自手机和平板电脑的资源页面。

移动友好测试是一种特殊的工具，可让您查看由于Google搜索计算参数而使您的网站获得的得分。这是Google提供的一系列因素，有助于确定您网站的移动版本对用户的方便程度。

这是从移动设备轻松访问整个网站的一种实现。在智能手机显示屏中，网站显示在一栏中，因此，在制作网站的移动版本之前，开发人员需要仔细考虑设计–放置所有内容，以免减少访问者的功能和使与资源的交互尽可能方便。

使您的网站移动友好的步骤：

提示1：请勿再创建一个单独的适合移动设备访问的网站

网络瞬息万变，Google努力遵循所有这些变化。因此，您可能会听说有关移动优先的索引。这意味着移动友好成为索引网站的主要排名因素之一。一些开发人员提出了为移动版本创建单独站点的想法。但是，这意味着必须切出包含重要信息（例如照片，视频等）的内容。这会使您的移动友好型网站对用户的吸引力降低。此外，通过使两个网站具有相同的内容（一个网站用于桌面，另一个网站用于移动），您将在搜索系统中拥有两个独立的链接，例如Google。因此，以试图显示内容为目的会造成麻烦。这就是为什么您不需要它的原因。

注意：但是，如果您决定单独制作网站版本，请不要忘记放置rel =“ alternate”移动属性。这是防止您的网站重复出现内容损失问题的重要步骤。因此，让我们梳理“ rel mobile”属性的工作方式。  

首先，在桌面版本的每个页面上放置一个特殊标签，其属性链接为rel =“ alternate”，这将导致移动版本的相应页面。这将有助于GoogleBot找到专门针对移动设备优化的内容。我们需要指出搜索机器人，该网站的页面还有另一个版本。

您的代码将如下所示：

link rel="alternate" media="only screen and (max-width: 640px)" href="https://sitechecker.pro/"

其次，每个移动版本的网页都应包含规范标记，该标记可导致同一页面的版本，但格式通常如下：

link rel="canonical" href="https://sitechecker.pro/" 

提示2：您只应使用自适应设计

响应式设计是适合移动设备的网站的最佳解决方案。为什么？因为它允许开发人员使该站点在具有不同站点大小的不同设备上可见。使用响应式设计，您将能够使图像和布局更加灵活，并使样式表媒体查询从一开始就可以级联。借助快速响应的网站设计，网页将确定用户的屏幕尺寸并相应地更改布局。因此，它将大大简化开发人员在创建网站时的任务。

提示3：始终使用视口元标记

浏览器呈现引擎通过视口确定网站大小的大小和比例。这就是为什么在构建多设备Web资源时它是关键代码的原因。如果您不使用viewport元标记，则您的网站将无法在移动设备上正常运行。它从字面上告诉浏览器页面应如何适合屏幕。
此屏幕快照是您可以在文档标题中使用的示例：

提示4：按钮大小和字体大小的重要性

按钮大小和字体大小对于移动设备非常重要。为什么？使用小的网站按钮，用户可能只是想念它们，或者意外击中了错误的按钮。当您的手指因为其大小而无法按一下右键时，总是很烦人。Apple建议使用44px x 44px以上的按钮尺寸。
您的移动友好型网站的字体大小至少应为14px，不是很大！通过使用14px大小，您可以确保用户无需使用缩放即可阅读您网站上的内容。您只能将12px字体大小用于标签和表单。

提示5：具有高分辨率的图像

如果您考虑使用高标准的网站，则必须使用高分辨率图像。最新的IOS，Android和Windows移动设备具有高清屏幕。因此，为避免图像模糊或像素化，我们建议使用高分辨率的图像，这将自动解决您的问题。

提示6：请勿使用默认缩放

我们绝对不建议对移动设备友好的网站使用自动缩放。它可以弄乱诸如导航内容和图像之类的布局元素。使用meta标签将自动解决缩放问题。但是，默认情况下，缩放后的图像可能显得太大或太小，这会因浪费时间调整而使用户烦恼。

提示7：移动网站上的YouTube视频

在移动网站版本上使用视频并不是那么容易。YouTube视频是解决此问题的最佳方法。YouTube上的视频克服了在移动设备上观看视频的所有困难-实际上，YouTube已经为您提供了一切，您所需要做的就是使用它。

提示8：广泛的用户移动体验

这是什么意思？您可以创建一个完美的网站，但应始终为用户提供选择。“查看桌面版本”或“转到完整站点”是必不可少的按钮，因为仍然有一些用户喜欢完整站点界面，因此请给他们这个机会。

提示9：始终进行测试

永不停止测试！通常可以制作一个更好的版本。您应该始终以用户身份思考并找出可以进一步开发，更改甚至删除的内容。您可以尝试使用适合移动设备的Google测试工具，并检查您的网站是否适合Google搜索。

• 使用不同操作系统（Android，Windows和IOS）的不同移动设备进行测试；
• 在不同屏幕尺寸的设备（平板电脑，表面等）上进行测试；
• 不仅要测试首页，还要测试所有页面，所有按钮和用户操作；
• 请您的朋友或专家为您测试一下，因为他们应该焕然一新。

这些提示应有助于您使网站移动友好。不要忘记让网站用户满意对您来说有多重要-您需要为用户创造最大的舒适度，以便使他们成为永久的受众。

为什么需要进行移动设备友好测试？

如您所知，从不同来源获得访问您网站的流量非常重要。这意味着有不同类型的用户希望通过不同的设备在Internet上进行搜索，因此网站站长应始终处于流行趋势。如果此测试的结果不理想，您的网站将无法在Google SERP中运行。因此，这是排名的重要因素。如今，越来越多的网站试图满足Google的要求。如果您的网站适合移动设备使用，则不仅会为您的用户带来便利，而且您的搜索引擎排名也将得到巨大改善。