Question

无法修复错误Google Mobile可用性>内容超出了Google Search Console中的屏幕范围。我尝试从DevTools使用chrome移动版布局模拟器，将宽度设置为320px，但没有出现水平滚动。因此，在模拟器中一切正常，但是google引发错误。然后，我将添加到CSS：

@media screen {
  html, body {
    width:      100%; 
    overflow-x: hidden;
  }...

但没有效果，错误仍然存在。

Test Live URL工具未显示任何错误，所有页面都适合移动。

有人知道如何解决此问题吗？我确定这是Google错误，但如何避免呢？

Answer 1

我已经从类中删除了所有的“ position：absolute”，如果绝对元素适合小屏幕显示也没关系。但是，这些类别被分配给了适合在最小的智能手机屏幕上显示的隐藏内容，而且大多数类别都未连接到任何页面元素，因为元素受到密码保护。

我找到了一种更快地渲染页面的方法，而不必在单击“请求索引”后等待很长时间。首先使用网站模板和CSS创建新页面，页面上的文本应该是唯一的（Lorem Ipsum Generator对此有帮助）。其次，再创建一个站点地图文件，其中只有一个指向新文件的网址，然后提交该文件，然后在5分钟内您将对页面进行爬取并建立索引。在搜索模板或CSS中的错误时，这很有帮助。

编辑：由于删除绝对位置会破坏UI设计，因此我使用javascript将其重新设置。

Answer 2

签入实际设备而不是模拟器。删除每个部分并反复检查，您将了解哪个部分导致水平滚动

Google移动可用性>内容大于屏幕

2 个答案: