Прохождение теста на мобильную адаптивность в теме Atlas

Пишите о найденных ошибках в эту тему

Модераторы: Xpycm, Koduc

Правила форума
ВНИМАНИЕ! Форум не является средством гарантированной поддержки клиентов и пользователей. Поэтому на быстрый ответ тут рассчитывать не нужно, как и на ответ вообще. Сотрудники отвечают по мере своих возможностей.

На форуме действует ограничение в 3 сообщения / сутки.
Если Вы хотите сказать "спасибо", то воспользуйтесь функцией "Повысить репутацию" - зелёная иконка "плюс" под ником ответившего.

Прохождение теста на мобильную адаптивность в теме Atlas

Сообщение monarch » 20 апр 2020, 11:43

Добрый день!

Пытаемся вычислить причину непрохождения теста на мобильную адаптивность в Google Search Console.
Тема Atlas, версия 1.32.1 (на примере демки).

1. Ошибка Content wider than screen.
Проявляется, вероятно, если сузить окно до 1036 пикселей и чуть меньше, то появляется горизонтальный скроллер.
https://demo-free-ru.open-real-estate.info/
screen.jpg
screen.jpg (221.53 КБ) Просмотров: 8295

Первоначально грешили на куки-бар, но он не причем.
Вероятно, виновник - какой-то div (его св-ва).
2. Ошибка Слишком мелкий шрифт
В ряде элементов шрифт слишком мал. Тут тоже куки-бар и основной текст.
Там где сам и объявления - текст нормального размера.
size.jpg
size.jpg (215.2 КБ) Просмотров: 8295

3. Ошибка Интерактивные элементы расположены слишком близко
Есть подозрение, что эта ошибка связана с 3 иконками выбора показа объявлений, которые расположены очень близко. Можно попробовать чуть увеличить отступ.
И в оверлее появляется линк "Наверх", возможно тоже считается гуглом за "интерактивный элемент".
--
С уважением, monarch.
Аватара пользователя
monarch
Прохожий
 
Сообщения: 39
Зарегистрирован: 30 ноя 2018, 11:54
Очки репутации: 17

Re: Прохождение теста на мобильную адаптивность в теме Atlas

Сообщение Foton » 28 апр 2020, 19:50

По поводу п.1
В файле themes/atlas/css/style.css
замените
Код: Выделить всё
#footer-links .wrapper .footer_links_block {
    padding: 20px 0 0 0;
}

на
Код: Выделить всё
#footer-links .wrapper .footer_links_block {
    padding: 20px 0 0 0;
    overflow: hidden;
}

в файле themes/atlas/css/media-queries.css
замените
Код: Выделить всё
.title {
        display: inline-block;
        float: none !important;
        margin: 5px auto 20px auto !important;
        text-align: center;
        width: 100%;
    }

на
Код: Выделить всё
.title {
        display: inline-block;
        float: none !important;
        margin: 5px auto 20px auto !important;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

и
Код: Выделить всё
@media screen and (max-width: 960px)

на
Код: Выделить всё
@media screen and (max-width: 981px)


Пункты 2 и 3 я считаю всё таки больше элементами дизайна.
Foton
Разработчик
Разработчик
 
Сообщения: 431
Зарегистрирован: 26 янв 2012, 14:58
Очки репутации: 8

Re: Прохождение теста на мобильную адаптивность в теме Atlas

Сообщение monarch » 29 апр 2020, 12:26

Foton писал(а):По поводу п.1

Пункты 2 и 3 я считаю всё таки больше элементами дизайна.


Пункт 1 Content wider than screen. - успешно прошёл проверку в GSC (без внесения поправок).
Но поправки внесём все равно.

Пункт 2. Слишком мелкий текст, особенно хорошо почему-то видно на планшетах, адаптивность есть, но шрифт мелкий.
На мобильном вроде ещё нормально, но не на планшетах.

Пункт 3. Дизайн да, но как вариант выложить где-то дефолтное состояние шаблона Атлас и внося поправки, либо убирая элементы, добиться прохождения теста на отсутствие этих "Слишком близко". Скорее всего это либо Наверх, либо что-то из этой серии. Сами блоки достаточно далеко друг от друга.

Тут цепочка такая, что:
шаблон не проходит тесты у гугла => гугл чутка занижает оценки => меньше траффика у владельца сайта => он не развивается с нужной скоростью => не так быстро докупает доп.модули :)

Ну и вероятно, что это базовые тесты, т.к. возможно, что кто-то на самом деле путается в каких-то слишком близко расположенных элементах на мобилах, либо планшетах, что не совсем очевидно с десктопа.
--
С уважением, monarch.
Аватара пользователя
monarch
Прохожий
 
Сообщения: 39
Зарегистрирован: 30 ноя 2018, 11:54
Очки репутации: 17


Вернуться в Ошибки

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 13