google搜索显示Your page is not mobile-friendly.

admin

今天无意site了我的博客发现，显示的结果中多了Your page is not mobile-friendly.
我的博客是自适应的，怎么会显示这句话，百度了一下结果谷歌搜索调整算法：对移动端不友好排名会下降，这个影响排名，这个必须解决

问题分析

用google的工具移动设备适应性测试，发现问题，提示不适合移动设备

工具地址: https://search.google.com/search-console/mobile-friendly

不适合在移动设备上游览的原因有俩个

1）内容宽度超过了屏幕显示范围

2）可点击元素之间的距离太近

PS. 我发现有2项屏蔽的资源

查看屏蔽资源，如下图

分别是我两个重要的资源，css和js的文件

问题原因

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

解决方法

robots.txt允许抓取js和css，然后在用google的工具移动设备适应性测试

显示 “此网页似乎适合在移动设备上显示” 这就没有问题了

具体有多少网页不适合移动设备上显示可以查看，google网站管理员工具 移动设备的易用性，小松博客的截图

都是robots禁用了css和js抓取引起的问题

PS. 我在google管理员工具抓取robots.txt测试工具更新一下robots，目的通知google我已经修改了robots工具