Google Search Console移动设备易用性报错修复【已解决】

近一段时间肯定会有很多站长朋友收到Google Search Console谷歌站长工具发来的邮件,提示网站有移动易用性的问题,即相关网页不适合在移动端展示。(Google Search Console移动设备易用性报错!)

Google Search Console移动设备易用性报错邮件
Google Search Console移动设备易用性报错邮件

而且在Google搜索引擎中搜索,报错:“Your page is not mobile-friendly”

 Your page is not mobile-friendly
Your page is not mobile-friendly

Google Search console新版本中“移动设备易用性”。这个是用来检测你的网站流量是否可以完美的支持移动端设备。很多人不仅要问,移动端有什么好看的,主流不是PC端么?

但是移动设备的使用率已经远远高于PC端。你可以这么理解,如果你先在还没有开始做移动端页面,或者说你的落地页依然不支持移动端的话,你有可能损失大一波用户流量

下面开始Google Search Console移动设备易用性报错修复

去 Google Search Console 站长工具查看移动设备易用性如下:有将近713篇相关文章都报移动设备易用性问题。报错主要有以下3点问题:

  1. 可点击元素之间的距离太近
  2. 文字太小,无法阅读
  3. 内容宽度超过了屏幕显示范围
 Google Search Console移动设备易用性报错
Google Search Console移动设备易用性报错

那我们就要看这些713个网页页面,到底是哪些具体页面?这些页面确实有移动设备易用性问题吗? Google Search Console 站长工具还是比较人性化,他会把所有出现问题的页面列举出来。

例如:你想看“文字太小,无法阅读”报错的所有页面,你只需要点击, Google Search Console 站长工具会罗列出所有出现的问题页面。

  Google Search Console移动设备易用性报错:文字太小,无法阅读
Google Search Console移动设备易用性报错:文字太小,无法阅读

我们打开上面报错列表中任意一条域名,我们用手机打开,发现其实文字并没有太小,也是可以正常进行阅读的。因为我的正文内容字体大小都设置在16px以上。如果文字大小不能明显察觉报错的话,我们查看一下“内容超过了屏幕显示范围”这个报错中的网址。我们随时打开几个报错网址,也没有发现内容溢出屏幕的现象。

正常移动端展示
正常移动端展示

那就没有方法检测出 Google Search Console 站长工具 为什么报移动设备易用性问题吗?

Google Search Console 站长工具 强大之处又体现出来了, Google Search Console 站长工具 本身就可以显示出您所有报错页面的详细报错信息。

首先找到其中一条报错链接,然后点击链接后面的放大镜按钮(检查网址)

 Google Search Console移动设备易用性报错
Google Search Console移动设备易用性报错

网址检查——测试实际版本,测试完成后,会在右边出现检测后的“屏幕截图”、“详情”。现在看到 Google Search Console 站长工具 提示的报错就出现了,部分图片溢出,撑开屏幕!!!

 Google Search Console移动设备易用性报错
Google Search Console移动设备易用性报错

但是!你在自己的手机端肯定不会出现图片撑开屏幕的情况!什么原因呢?我们再看“详情”栏目。其中多条报错显示,是因为robots.txt禁止抓取了链接。这个就是我们今天的问题突破口:会不会是robots.txt禁止google抓取了必要的分析JS和CSS,才导致“移动设备易用性” 的报错呢?

 Google Search Console移动设备易用性报错
Google Search Console移动设备易用性报错

不管如何,我们看一下,目前我们robots.txt都屏蔽了哪些内容?

  Google Search Console移动设备易用性报错:robots
Google Search Console移动设备易用性报错:robots

在我查看Mobile Friendly Websites 常规错误的时候发现了我的问题,如果您网站的 robots.txt 文件禁止抓取这些资源,则会直接影响我们的算法呈现您的内容以及将其编入索引,进而导致您的网站排名降低。

所以去掉 robots.txt 禁止抓取页面。

  Google Search Console移动设备易用性报错:robots
Google Search Console移动设备易用性报错:robots

再去提交提交验证修复即可。

   Google Search Console移动设备易用性报错:元素之间距离太近
Google Search Console移动设备易用性报错:元素之间距离太近

所有报错提交验证后,等待验证!

    Google Search Console移动设备易用性报错
Google Search Console移动设备易用性报错

备注:如果此时你再检查网址,你必须“测试实际网址”,因为默认检测“索引”中的网址,索引中的网址由于是之前抓取收录的肯定还会报错。只有检测实际网址才会显示一切正常。

测试实际网址
测试实际网址
测试实际网址
测试实际网址

滚动至顶部