Зачем это нужно
Алиса формирует нейросводки преимущественно для мобильной выдачи и колонок. Голосовые запросы и ответы Нейро — это в первую очередь смартфон. Сайт без адаптива воспринимается как устаревший источник: если пользователь не сможет дочитать ответ на телефоне, цитировать такую страницу нет смысла. Mobile-first индексация Яндекса работает с 2018 года.
Как сделать
- Использовать адаптивную тему WordPress с резиновой сеткой
- Шрифт основного текста минимум 16 px, межстрочный интервал 1,5
- Кнопки и ссылки — высота не менее 44 px для попадания пальцем
- Картинки через
srcsetдля разных плотностей экрана - Никаких всплывающих окон, перекрывающих контент на мобильном
- Тег
<meta name="viewport" content="width=device-width, initial-scale=1">в шапке
Как проверить
Я.Вебмастер → «Диагностика» → «Мобильная адаптация» покажет ошибки. Google Mobile-Friendly Test (search.google.com/test/mobile-friendly) — отдельная проверка. Откройте сайт на реальном смартфоне и пройдите путь от главной до заявки — нигде не должно быть горизонтальной прокрутки или мелкого нечитаемого текста.
Типичные ошибки
Таблицы шириной 1200 px вылезают за экран — нужны обёртки overflow-x: auto. Меню скрыто за гамбургером, но подменю не раскрываются на тачскрине. Поп-ап с подпиской перекрывает 70% экрана и не закрывается.