谷歌站长工具提示[未设置视口值]的解决方法

今天谷歌提示个别网页未设置视口值,视口值这是个什么玩意?翻遍搜索引擎也没有找到

查看谷歌资料才发现,其实解决方法很简单:

未设置视口值

您的网页未定义 viewport 属性（该属性用于指示浏览器如何根据屏幕尺寸来调整网页大小及缩放网页）。由于网站访问者使用的设备各异且屏幕大小也各不相同（从大型的桌面设备显示器到平板电脑和小型智能手机），因此您应使用标记 meta viewport 为网页指定视口。

看完之后,豁然开朗了,查看了几个网页发现确实没有添加viewport属性

给head中间添加上meta viewport 即可解决问题

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

建议如果谷歌站长工具里的[移动设备上的易用性]提示了[未设置视口值]这个问题，要尽快解决掉，如果长期不修复这些问题，网站的移动版网页就无法提供令人满意的浏览体验，那么网站页面就会在谷歌的移动搜索结果中的排名下降，导致流量的损失，因此，网站的站长赶快行动起来，立刻使用“谷歌移动设备易用性”工具来优化移动网站吧。