页面存在 “您的网页不适合在移动设备上浏览”

博客本身流量少的可怜，谷歌重点偏向移动端，再加上百度人工干扰，让众多优秀内容的博主，无处容身，最近使用 site 看了下谷歌搜索引擎收录情况，居然发现很多网页都提示了：网页不适合在移动设备上浏览，然后就去查看了一下，主要有俩个方面，可点击元素之间的距离太近，内容宽度超过了屏幕显示范围。

本身网站就已经按照 W3C标准 写的，网站也添加了 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> ，那么内容宽度超过了屏幕显示范围就是不存在的，加上彧繎博客按钮本就不多，也不会出现点击元素之间的距离太近，那就到谷歌站长平台查看一下。

下面的内容可以 100% 解决页面存在“您的网页不适合在移动设备上浏览”的提示。

源站点解决方案

进入谷歌移动设备适合性检验网站，然后网站显示网站只加载了部分内容，点击查看详情，发现网站加载有问题，部分JS（脚本）、CSS（样式表）、png（图片）被 Robots 禁止访问。

那么问题就找了，Robots 文件禁止抓取网站部分静态文件，只要解禁即可，代码如下：

Disallow: /
// 如出现 Disallow: / 删除掉
// 然后添加以下内容，单独给谷歌添加 Robots 文件
User-agent: Googlebot

Allow: /*.js*
Allow: /*.css*
Allow: /*.png*
Allow: /*.jpg*
Allow: /*.jpeg*
Allow: /*.gif*
Allow: /*.bmp*
Allow: /*.svg*
Allow: /*.ico*
Allow: /*.mp4*
Allow: /*.avi*

添加好以上内容，再去谷歌站长 移动设备易用性 内 验证错误网址，验证后是可以通过的。

云加速解决方案

如果网站服务器在国内，本身加载就不理想，就算完成以上步骤，那么也会提示：网站加载有问题，这里建议开启CDN全球加速，在 域名别名解析 内的 线路类型 选择 境外 即可。

全球CDN加速推荐选择：腾讯云，又拍云

然后在源服务器 Robots 文件内添加以下内容：

Allow: /robots.txt
// 给 User-agent: Googlebot ，User-Agent: * 都添加上

这样的就可以解决网站海外加载速度慢的问题了。

云存储解决方案

不要以为以上都完成了就没有问题了，后面我给网站添加了云存储，发现又出现了类似的问题，图被 Robots 禁止访问，解决方案如下：

新建 robots.txt 添加一下内容，将新建的文件上传到云存储根目录下即可。

User-Agent: *

Allow: /robots.txt
Allow: /*
Allow: /*.png*
Allow: /*.jpg*
Allow: /*.jpeg*
Allow: /*.gif*
Allow: /*.bmp*
Allow: /*.svg*
Allow: /*.ico*
Allow: /*.mp4*
Allow: /*.avi*

源代码解决方案

检查网站源代码 head 头部是否存在以下代码，如没有，请添加到网站源代码内

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
// 或
<meta name="viewport" content="width=device-width">

以上就是解决谷歌搜索提示 网页不适合在移动设备上浏览 ;的全部解决方案，如果还是解决不了，那么建议你使用 响应式代码 重新修改样式表来解决。