修复 Google 搜索控制台中的移动可用性问题

过去几年,谷歌选择性地要求网站所有者遵守移动指南,最后它宣布将在搜索算法中考虑网站的移动友好性并影响网站的排名 21英石 2015 年 4 月。谷歌还宣布所有算法更改已经生效,并开始在移动搜索中显示“移动友好”指示。

Google 搜索结果中的移动友好指示

Google 搜索结果中的移动友好指示

现在的任务是与网站所有者一起检查并确保网站的移动友好性,以便在移动搜索结果中很好地竞争。 在本文中,我们将讨论网站所有者如何找到移动可用性问题并进行修复。

发现移动可用性问题

为了确定您的网站是否适合移动设备,请登录 Google 网站管理员工具帐户并导航至“搜索流量 > 移动可用性“ 部分。 您可以看到问题与显示受影响页面数量的图表一起列出,如下所示:

减少谷歌网站管理员工具中的移动可用性错误

减少谷歌网站管理员工具中的移动可用性错误

就我们检查了许多网站而言,错误分为以下几类:

  1. 触摸元素太近
  2. 内容大小不适合视口
  3. 未配置视口或未设置移动视口
  4. 小字体或文本太小而无法阅读
  5. 链接太近
  6. 内容比屏幕宽

由于 Googlebot 需要一些时间来抓取网站上所做的任何更改,因此第一步是检查页面上是否仍然存在错误(特别是如果您已经进行了一些更改)。 单击错误类别,然后单击页面链接以查看以下选项。

谷歌网站管理员工具中的移动可用性检查

谷歌网站管理员工具中的移动可用性检查

单击“检查实时版本”以启动谷歌移动可用性测试工具,该工具将在页面上显示当前问题。 如果结果显示如下,并带有“不适合移动设备”的消息,那么您就该采取措施纠正这些错误了。

网站上的移动问题

网站上的移动问题

修复移动可用性错误

尽管纠正措施确实取决于页面上的错误,但这里有一些提示,这些提示基于我们如何将移动可用性错误从 168 个页面减少到仅 2 个网站管理员工具中的页面。

使用 Robots.txt 阻止资源

谷歌的爬虫不再是只爬行和索引页面的愚蠢动物; 它可以真正区分用户和机器人的实际视图,您可以使用移动友好的测试工具检查或作为 Google 选项获取。

当 Googlebot 无法访问正确加载页面所需的资源时,移动友好型测试人员会获取 bot 视图并将其验证为不适合移动设备。 由于网站管理员通常会使用 robots.txt 文件阻止资源,现在是时候查看 robots.txt 文件的内容了。 以下是我们用来阻止 WordPress 网站资源的方式,导致 Google 在网站管理员工具帐户中显示 168 个错误页面。

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/

一旦我们删除了所有 robots.txt 条目(包括已由 WordPress 智能控制的 /wp-admin/ 访问权限),所有这些错误都会在几周内被清除,现在有 2 个页面显示为错误,尚未被 Googlebot 抓取。

修复 1 – 不要使用 robots.txt 阻止插件/主题/管理员等资源文件。

调整 CSS

当触摸元素太靠近时,根本原因可能是元素的边距和填充,尤其是在站点的标题区域中。 在桌面上看起来不错的站点在移动设备中可能没有相同的可见性,这里的解决方案是检查标题元素的 CSS 代码并增加边距以在元素之间留出足够的间隙。

在 CSS 中完成一些更改后,使用移动测试工具检查页面并确保它显示该网站对移动设备友好,如下所示:

移动友好检查确定

移动友好检查确定

一段时间后,当 Googlebot 抓取该页面并发现它在移动设备上兼容时,网站管理员工具帐户中的错误将自动删除。

修复 2 – 调整 CSS 以纠正触摸元素太近等错误。

字体太小

每当您看到诸如字体大小对于移动设备来说太小等错误消息时,请在站点级别增加字体大小以在所有页面上都有效。 大多数网站建设者和主题都提供此选项,可以轻松完成。 请注意,增加字体大小会影响元素的可见性和对齐方式,尤其是在您依赖列布局结构时。

我们注意到的另一个原因是,没有使用响应式布局或在移动设备上使用相同的桌面视图并排显示内容和侧边栏,导致字体非常小。 在这种情况下,提供重定向的移动站点或更改为响应式布局可能有助于克服移动兼容性问题。

修复 3 – 在站点级别增加字体大小以提高移动设备上的可见性。 增加字体大小时要注意内容对齐。

使用响应式布局

使用响应式布局是提供跨设备无缝用户体验的最新趋势和最简单的方法之一。 对于网站所有者来说,这也是最有效且耗时更少的方式,他们只需专注于内容,而不必过多担心设备兼容性。 如果您无法使用现有主题更正移动可用性错误,我们建议将站点布局更改为响应式布局并测试结果。 如果发现没问题,那么您可以采用新布局并检查所有页面上的元素是否已调整。

修复 4 – 使用响应式布局提供跨设备的无缝用户体验。

使用单独的移动网站

一种选择是通过第三方重定向服务(如 Dudamobile)或使用 Jetpack/WP Touch 等插件(如果您有 WordPress 站点)为较小分辨率的设备设置移动重定向站点。 这里的问题是您可能需要单独调整移动网站的内容并使用付费服务以获得不错的功能,例如免费广告、使用相关帖子以及在多个网站上使用。

修复 5 – 使用单独的移动站点,注意额外的成本和设置。

移动可用性测试器是一个简单的工具,可让您检查网站在移动网站上的外观,这并不表示移动网站上的一切都完美无缺,例如元素对齐。

谷歌页面速度测试器和移动友好测试器是两个不同的工具; 不要与他们混淆。 但是您可以将它们一起使用以提供更好的用户体验。

  增加来自 YouTube 频道协会的网络流量

类似文章