Ошибки удобства мобильных устройств
Какие именно страницы затронуты — консоль показывает, а вот решение проблем приходится искать самостоятельно.
Я добавила код и отправила сайт на проверку в Search Google Console. На следующий день в письме пришло сообщение, что ошибки больше нет.
Ошибки такие:
- Интерактивные элементы расположены слишком близко
- Контент шире экрана
- Слишком мелкий шрифт
- В метатеге viewport должно быть значение device-width
С последней ошибкой я разобралась довольно быстро. Сегодня в статье об исправлении этой проблемы и расскажу. Не знаю подходит ли способ для других сайтов, но в Блоггере на моих сайтах Search Google Console отметил, что больше этой ошибки нет.
Как исправить ошибку в метатеге viewport?
Заходим в Blogger, находим вкладку Тема, нажимаем. В открывшемся окошке со списком находим Изменить HTML.
И прямо сверху в шаблоне ищем тег <head>.
Ниже него, желательно поближе к самому тегу добавляем строчку:
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0' name='viewport'/>
О решении других проблем с сайтом буду писать другие статьи, по мере исправления ошибок.
Надеюсь статья вам поможет в решении подобной проблемы на сайте.
Комментарии со спамом удаляются.