Удобство использования Google для мобильных устройств ›Контент шире экрана

Невозможно исправить ошибку Google Mobile Usability> Content шире экрана в Google Search Console. Я попробовал эмулятор мобильного макета Chrome от DevTools, установил ширину 320 пикселей, но горизонтальная прокрутка не появилась. Итак, в эмуляторе все выглядит нормально, но Google выдает ошибку. Затем я добавил в css:

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

Но никакого эффекта, ошибка все равно сохраняется.

Инструмент Test Live URL не показывает никаких ошибок, все страницы удобны для мобильных устройств.

Есть идеи, как это исправить? Я уверен, что это ошибка Google, но как ее избежать?


css google-search-console mobile-website
person LeonidMew    schedule 20.09.2018    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я удалил все "position: absolute" из классов, не имеет значения, подходит ли абсолютный элемент на маленьком экране. Но эти классы были назначены скрытому контенту, который отлично вписывался в самый маленький экран смартфона, а также большинство из них не были связаны ни с одним элементом страницы, потому что элементы были защищены паролем.

Я нашел способ быстрее отображать страницы, не дожидаясь долгого времени после нажатия кнопки «запросить индексацию». Сначала создайте новую страницу, используя шаблон сайта и CSS, текст на странице должен быть уникальным (в этом поможет Lorem Ipsum Generator). Во-вторых, создайте еще один файл карты сайта, в котором только один URL указывает на новый файл, отправьте его, и через 5 минут вы просканируете и проиндексируете страницу. Это очень помогает при поиске ошибки в шаблоне или CSS.

Изменить: поскольку удаление абсолютного положения нарушило дизайн пользовательского интерфейса, я вернул его с помощью javascript.

person LeonidMew    schedule 22.09.2018

arrow_upward
-1
arrow_downward

Проверяйте реальные устройства вместо эмулятора. Удалите каждый раздел и проверяйте итеративно, вы поймете, какой из них вызывает горизонтальную прокрутку.

person Creative Technocrayts    schedule 22.09.2018
comment
Горизонтальной прокрутки нет ни в эмуляторах, ни в аппаратных устройствах. Только консоль поиска Google обнаруживает ошибку. - person LeonidMew; 23.09.2018