博客本身流量少的可怜,谷歌重点偏向移动端,再加上百度人工干扰,让众多优秀内容的博主,无处容身,最近使用 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">

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