国外主机测评博客本身流量也不多,而且现在谷歌重点偏向移动端,再加上百度人工干扰,让众多优秀内容的博主,无处容身,最近使用 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">
以上就是解决谷歌搜索提示 网页不适合在移动设备上浏览 的全部解决方案,如果还是解决不了,那么建议你使用 响应式代码 重新修改样式表来解决。