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

页面存在“您的网页不适合在移动设备上浏览”的原因以及解决方法

最近在使用谷歌搜索网站的时候发现几乎每个页面下方都会存在一行小字“您的网页不适合在移动设备上浏览”,这让我郁闷了半天。这是pc站当然不适合在移动设备上面访问啊!

页面存在“您的网页不适合在移动设备上浏览”的原因和解决方法
页面存在“您的网页不适合在移动设备上浏览”_第1张图片
但郁闷归郁闷,问题还是要解决。

使用谷歌移动设备适合性测试工具发现主要有以下几点不适合移动设备的访问:

1.文字太小,无法阅读;

2.未设置视口值;

3.可点击元素之间的距离太近;

测试地址:https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect

(什么?不能科学上网?看这里《自带的浏览器MAC和win版本http://www.uimou.com/seozs/1690.html》)

页面存在“您的网页不适合在移动设备上浏览”_第2张图片
自适应网站没测试过是否存在类似的问题,但单pc网站没做视窗一般都存在类似问题。

谷歌硬是把pc站当移动站访问,我们也没办法,只能改!

改动方法也简单,就是在各个页面加如下代码就完事了。当然如果是全站使用一个head文件,可以只加在里面就行。

加完后生成全站再测试发现已经好了,此问题也圆满解决。
页面存在“您的网页不适合在移动设备上浏览”_第3张图片

作者:UIMOU
原文地址:http://www.uimou.com/seozs/2139.html

你可能感兴趣的:(uimou,您的网页不适合在移动设备上浏览,网站不适合移动设备浏览)