Ошибки удобства мобильных устройств

От Google Search Console (бесплатный сервис, с помощью которого можно оптимизировать сайт и устранять неполадки), пришло сообщение, что на моих сайтах имеется 4 вида ошибок. Некоторые ошибки затронули 2-3 страницы, а другие под 40. Все они относятся к удобству для мобильных устройств.

Какие именно страницы затронуты — консоль показывает, а вот решение проблем приходится искать самостоятельно.

Ошибки такие:

Интерактивные элементы расположены слишком близко
Контент шире экрана
Слишком мелкий шрифт
В метатеге 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'/>

Я добавила код и отправила сайт на проверку в Search Google Console. На следующий день в письме пришло сообщение, что ошибки больше нет.

О решении других проблем с сайтом буду писать другие статьи, по мере исправления ошибок.

Надеюсь статья вам поможет в решении подобной проблемы на сайте.