19 мар. 2019 г. WP ошибки с удобством для мобильных тема Hueman

WordPress тема Hueman проблема с удобством для мобильных

Проблема в Google Search Console с удобством для мобильных возникла на теме Hueman. Это подтолкнуло к написанию статьи. Вероятно такая ошибка может быть и на других темах WordPress. Забегу вперед, причиной ошибки было подключение рекламы Google AdSense. Даже если Вы не размещаете рекламу от Google на своем сайте, этот материал может быть Вам полезен. А теперь по порядку.

Проблема в Google Search Console у темы Hueman связанная с удобством для мобильных

Проблема оказалась связана с автоматизированными объявлениями Google AdSense, размещенными на сайте. Получилось совсем некрасиво. Сервис Google AdSense своими рекламными объявлениями Google «испортил» удобство для мобильных, которое контролирует другой сервис Google Search Console. В результате Google «обиделся» на сайт и понизил выдачу.

Удобство для мобильных в Google Search Console сайт с темой Hueman
Удобство для мобильных в Google Search Console сайт с темой Hueman

На скриншоте видны три ошибки в порядке убывания их количества. Графики тенденции уже нормализовались, перестали расти и пошли вниз. Потому, что вчера все ошибки были исправлены.

Слишком мелкий шрифт

Последняя ошибка исправляется очень легко. Надо просто увеличить размер шрифта или изменить сам шрифт на другой. По каким признакам Google определяет, что шрифт слишком мелкий для мобильного? Правильно, по движениям пальцев, когда пользователь увеличивает размер страницы на мобильном, чтобы ее читать. Поэтому, прежде чем что-то делать со шрифтом посмотрите внимательно те страницы, на которых найдены ошибки. Может пользователи разглядывали картинки на Ваших страницах, увеличивая их размер тем самым движением пальцев.

Контент шире экрана

Эта ошибка и первая, «Интерактивные элементы расположены слишком близко», были обнаружены на одних и тех же страницах, что навело на мысль о том, что они имеют общую причину возникновения.

Hueman, контент шире экрана при отображении на мобильном

Сначала посмотрим как отображается контент темы на мобильном устройстве без подключения автоматизированных объявлений Google AdSense. Для этого надо перейти в настройки темы. В административной панели редактора WordPress нажмите «Внешний вид», затем «Настроить».

Административная панель WordPress настроить тему

  1. В самом низу окна настройки темы включите иконку, изображающую мобильный. В основном окне отобразится Ваш сайт ровно в том виде, как большинство пользователей его увидят на своих смартфонах.
  2. Теперь обратите внимание на ползунок прокрутки ширины контента. Попробуйте им подвигать туда-сюда. Ширина контента сайта соответствует ширине экрана мобильного устройства.
Ширина контента темы Hueman на мобильном
Ширина контента темы Hueman на мобильном

Давайте подключим автоматизированные объявления Google AdSense. Если не очень понятно как это сделать или Вы просто забыли, то можете прочитать здесь.

Обычно автоматизированные объявления Google появляются на сайте довольно быстро. В пределах одной-двух минут после их включения.

Чтобы следовать далее нужно очистить весь кэш страниц. Иначе Вы можете увидеть тот вариант страницы, который был кэширован перед подключением объявлений.

После этого снова зайдите в настройки темы. Снова включите иконку с изображением мобильного. Что теперь? Смотрите сами.

Рекламное объявление «не видит» размера страницы сайта. Понятно, что это дефект верстки, понятно, что Google тут и не причем. Давайте будем честными, на самом деле причина именно в коде темы. Но Вы вполне можете столкнуться с такой проблемой на любой теме.

Как исправить ошибки удобства для мобильных

Search Console заваливает ошибками, а поиск Google понижает в выдаче. Что со всем этим делать? Здесь есть два вполне равноценных варианта:

  • «допиливать» тему,
  • отключить автоматизированные объявления. Создать на Google AdSense рекламные блоки и с помощью какого-нибудь плагина самостоятельно, вручную разместить их на сайте.

Я выбрал второй вариант, так как посчитал его более правильным. Два аргумента было в пользу этого решения:

  • слишком интенсивно размещал рекламу Google на страницах сайта. Порой это мешало восприятию контента. Отсюда вывод, что лучше самостоятельно контролировать плотность рекламных блоков.
  • плагин-более универсальное решение, например при смене рекламодателя. Сегодня у Вас Google, завтра Яндекс, послезавтра еще кто-то другой. А настроенные в плагине рекламные блоки отображаются без проблем.

Плагин поставил Ad Inserter. Давно к нему присматривался по рекомендации специалиста, уровень знаний которого не вызывает у меня сомнений. Если Вам будет нужна помощь в настройке этого плагина, обращайтесь. Кроме того, в планах статья о настройках плагина Ad Inserter.

Думайте сами, решайте сами как поступить. В любом случае, не стоит затягивать с решением. Google слишком пристальное внимание уделяет тому, чтобы сайт был mobile-friendly.

В заключение

В момент написания этой статьи сайт MalinaLime.com работает на WordPress на теме Hueman. Поэтому все плюсы и минусы, касающиеся бесплатной версии Hueman попадут в поле зрения этого сайта. О платной версии пока никакой информации, потому, что не уверен, стоит ли переходить на платную тему Hueman. Дело в том, что скорость загрузки страниц в Hueman и так не очень хороша, а в коммерческой версии еще хуже, чем в бесплатной.

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

У этой записи 2 комментариев

  1. Добрый день. Спасибо за статью. У меня с 16 июня тоже посыпались ошибки по поводу мобильной версии… Самое интересное что везде стоят одинаковые объявления от гугл, но некоторые статьи проходят проверку, а другие нет. Есть подозрения что это может быть от фото на сайте, где нет фоток и есть реклама — всё хорошо. Четвёртый день бьюсь, но результатов пока нет… Будем копать дальше. Если у вас есть какие то рекомендации по данному поводу, просьба ответить. Ещё раз спасибо и удачи.

    1. Станислав, спасибо Вам, что делитесь своим опытом!
      Что могу сказать по поводу фото на страницах сайта. Вы здесь абсолютно правы. Я тоже заметил, что проблем больше именно со страницами, на которых присутствуют изображения. Перенес сайт на другую тему, а проблема осталась.
      А знаете как алгоритмы Google оценивают параметр moble-friendly? Правильно, по пользовательскому поведению. Не только по нему, конечно, но в большей степени, именно по поведению человека, который читает Вашу страницу на своем мобильном. А как мы привыкли разглядывать картинки на экране мобильного? Правильно, «растягивая» изображение пальцами для его увеличения. Вот этот жест Google отслеживает, и считает, что раз пользователь вынужден увеличивать размер контента, то видимо, это контент не удобен для чтения на мобильном устройстве.
      Вывод тут простой. Надо стараться подбирать фото с таким изображением, чтобы оно крупно, отчетливо отображалось на мобильном и не создавало у пользователя желания увеличивать его для разглядывания «в деталях». Так что значение имеет не размер фото, а его содержание. Надеюсь, что помог разобраться?

Добавить комментарий

Войти с помощью: 
Закрыть меню