Марина, владелица салона, смотрела сайт только с ноутбука. Перед рекламой подруга открыла главную на iPhone: кнопка «Записаться» ушла под баннер cookie, а номер в шапке вёл на звонок вместо WhatsApp. Марина неделю меняла цвета в редакторе, хотя проблема была в перекрытии блоков на узком экране. Если у вас похожая история — кнопка не нажимается, меню не открывается, форма уехала — этот чек-лист покажет, как проверить мобильную версию WordPress за один вечер и записать 3-5 правок без программиста.
Отдельной мобильной версии WordPress нет: один адаптивный сайт подстраивается под телефон. Проверка — реальный телефон, затем Chrome F12 и Ctrl+Shift+M, предпросмотр в админке и отчёты Яндекс Вебмастера или PageSpeed Insights (вкладка Mobile). Google Mobile-Friendly Test снят с 01.12.2023 — не ищите его.
Типичная боль: на компьютере всё красиво, клиенты с телефона жалуются. Владелец путает «мобильную версию» с отдельным сайтом и боится сломать тему. По Statcounter, в июне 2026 мобильные дали 52,23% трафика — каждая вторая заявка может прийти с телефона. Проверка — обычный осмотр глазами клиента, который хочет написать вам в мессенджер.
- Поймите: у WordPress нет второго сайта для телефона
- Проверьте главную, услуги и контакты на своём телефоне
- Посмотрите тот же путь в Chrome с ноутбука
- Сверьте вид в админке WordPress с живым сайтом
- Прогоните страницы через Яндекс и PageSpeed
- Пройдите чек-лист из 12 пунктов перед рекламой
- Расставьте приоритеты: что править сегодня, что позже
- Частые вопросы
- Это про версию WordPress 6 или 7?
- Нужен ли отдельный плагин мобильной версии?
- Google Mobile-Friendly Test больше не работает — чем заменить?
- Хватит ли одного PageSpeed без телефона?
- Как часто перепроверять мобильный вид?
- Нужен ли AMP для WordPress в 2026?
- Что делать, если в редакторе всё ок, а на телефоне нет?
Поймите: у WordPress нет второго сайта для телефона
Часто в поиске попадают статьи про «версию WordPress» 6.x или 7.x — это номер движка, а не вид на телефоне. У вас адаптивный дизайн: один контент сжимается под экран. Отдельный адрес m.site.ru для современной темы обычно не нужен.
Типичная ошибка — искать в админке «включить мобильную версию». Проверяйте вид при ширине 375-390 px. Сюрприз из практики: режим «Телефон» в редакторе грузит страницу в отдельном окне, и стили темы иногда не попадают — предпросмотр может отличаться от живого сайта (известная особенность Gutenberg, частично исправлена в WP 6.3). Откройте домен на телефоне — это и есть проверка мобильной версии wordpress.
Проверьте главную, услуги и контакты на своём телефоне
Эмулятор в браузере не заменяет живой экран: он не ловит все проблемы касания и скорости сети 4G. Реальный телефон — главный инструмент.
- Откройте в Chrome или Safari главную, страницу услуги и контакты — не из закладок админа, а как новый посетитель.
- Пройдите путь клиента: меню (три полоски) → услуга → кнопка заявки или ссылка на мессенджер.
- Попробуйте отправить тестовую заявку или нажать «Написать в Telegram» — доходит ли клик.
- Поверните телефон горизонтально: не появляется ли горизонтальная прокрутка и не уезжают ли блоки.
- Запишите в заметки 3 проблемы: что не нажимается, что перекрыто, что мелко читается.
Например, cookie-баннер часто накрывает нижнюю кнопку «Записаться». В реальном проекте салона именно это теряло заявки, а не «не тот оттенок кнопки». Уберите перекрытие баннера или перенесите кнопку выше — это сделайте в настройках темы или плагина cookie. Размер кликабельных элементов — около 48 на 48 пикселей с зазором между кнопками; меньше — палец промахивается. Проверьте и юридические страницы: политика конфиденциальности и оферта тоже должны открываться без горизонтальной прокрутки.
Посмотрите тот же путь в Chrome с ноутбука
Боль «с компьютера не вижу, что на телефоне» снимается режимом устройства в Chrome. Важно: сочетание Ctrl+Shift+M работает, когда фокус на панели DevTools — иначе может открыться меню профиля.
- Откройте сайт в Chrome, нажмите F12.
- Кликните по панели DevTools и нажмите Ctrl+Shift+M (на Mac — Cmd+Shift+M).
- Выберите устройство iPhone или Pixel, ширину около 375-390 px.
- Пройдите тот же маршрут: меню → услуга → форма или мессенджер.
- Вкладка Network: включите throttling «Fast 3G» или «Slow 4G» и обновите главную — не висит ли загрузка на слабом интернете.
- Сделайте скриншот проблемного блока — пригодится, если будете передавать правку специалисту.
Эмулятор удобен до запуска рекламы, но финальную проверку делайте на телефоне. Часто ломается только на реальном касании, а не в DevTools. Если у вас Android и iPhone под рукой — пройдите путь на обоих: Safari и Chrome иногда по-разному обрезают шрифты и отступы.
Сверьте вид в админке WordPress с живым сайтом
В блок-редакторе нажмите «Просмотр» → Desktop, Tablet или Mobile. Для классической темы: «Внешний вид» → «Настроить» → иконка телефона внизу. Типичная ошибка — доверять только Mobile в редакторе: стили могут не подгрузиться в iframe. Всегда открывайте «Предпросмотр в новой вкладке» и сверяйте с телефоном. Расхождение зафиксируйте скриншотом — так проще передать задачу специалисту.
Прогоните страницы через Яндекс и PageSpeed
Google снял Mobile-Friendly Test 01.12.2023. В 2026 — PageSpeed Insights, вкладка Mobile: скорость, стабильность макета, отклик на нажатие (INP с 12.03.2024 вместо FID). В Яндекс Вебмастере: «Инструменты» → «Проверка мобильных страниц» — вставьте URL главной и контактов, отчёт за минуты.
| Инструмент | Что даёт | Когда использовать |
|---|---|---|
| Реальный телефон | Клики, меню, формы, баннеры | Всегда, первым делом |
| Chrome DevTools | Ширина экрана, медленный интернет | До рекламы, с ноутбука |
| Яндекс Вебмастер | Ошибки мобильной вёрстки по URL | Главная, услуги, контакты |
| PageSpeed Insights Mobile | Скорость, LCP, INP, CLS | Если страница долго грузится на 4G |
Не тратьте время на мёртвую ссылку mobile-friendly test. Если PageSpeed на мобильной вкладке красный — сначала тяжёлые картинки и лишние плагины, не цвет кнопки. Полная проверка всего сайта в Яндекс Вебмастере по рекомендации «Сайт не оптимизирован для мобильных» может идти до двух недель — для старта хватит проверки отдельных URL.
Пройдите чек-лист из 12 пунктов перед рекламой
Объедините ручную проверку и отчёты в один список. Отмечайте «ок» или «править».
- Нет горизонтальной прокрутки на ширине 375 px.
- Текст читается без зума, меню-гамбургер открывается.
- Кнопки заявки и мессенджера не перекрыты cookie-баннером.
- Кликабельные зоны около 48 px, форма отправляется с телефона.
- Контакты ведут в мессенджер, если заявки принимаете в чате.
- Картинки не растягивают страницу, главная грузится до ~3 сек на 4G.
- Нет viewport с запретом масштабирования (user-scalable=no).
- После правки темы повторите пункты 1-4 на телефоне.
Схема вечера:
Телефон (3 страницы) → DevTools (тот же путь) → предпросмотр в новой вкладке → Яндекс URL + PageSpeed Mobile → таблица приоритетов → 3 срочные правки
Расставьте приоритеты: что править сегодня, что позже
| Приоритет | Симптом | Действие |
|---|---|---|
| Срочно | Не работает заявка, меню, форма | Убрать перекрытие баннера, увеличить кнопку, проверить ссылку мессенджера |
| Важно | Мелкий текст, долгая загрузка, неудобное меню | Сжать изображения, упростить меню, поправить размер шрифта в теме |
| Позже | Косметика: отступы, цвет, второстепенные страницы | После того как путь «услуга → заявка» стабилен |
Критерий успеха — понятный результат за вечер: главная, услуги и контакты проверены на телефоне, путь «кнопка → заявка» работает, есть отчёт Яндекс Вебмастера или PageSpeed Mobile. Вы получите список 3-5 правок с пометками «срочно» / «позже» и сможете исправить срочное без программиста. AMP на адаптивной теме обычно не нужен; если отключали — проверьте 404 на старых amp-адресах.
Если проблема видна только на телефоне и не повторяется в предпросмотре — возможен конфликт темы и плагина. Скриншоты и URL можно передать через страницу услуг, форму на сайте или Telegram.
Материал проверен: Андрей Дикий — сайты на WordPress и продвижение через статьи (SEO/GEO).
На что опирались: документация WordPress.org и WordPress.com (адаптивные темы, предпросмотр), Google Search Central и PageSpeed Insights (Mobile-Friendly Test снят 01.12.2023, Core Web Vitals), справка Яндекс Вебмастера («Проверка мобильных страниц»), Chrome DevTools, Make WordPress Core (viewports WP 7.1), Statcounter Global Stats (июнь 2026), issue Gutenberg #38673 (iframe-предпросмотр). Частотность запросов — Яндекс Вордстат, прогон 2026-09-16 (MCP недоступен, LSI через WebSearch).
Частые вопросы
Это про версию WordPress 6 или 7?
Нет. Номер движка (6.x, 7.x) — про обновления программы. «Мобильная версия» в быту — как сайт выглядит на телефоне. Проверяйте отображение, а не цифру в «Обновления».
Нужен ли отдельный плагин мобильной версии?
Для современной адаптивной темы — обычно нет. Достаточно проверки на телефоне и отчётов. Отдельные плагины имеют смысл только на старых нереспонсивных темах — их лучше менять целиком.
Google Mobile-Friendly Test больше не работает — чем заменить?
С 01.12.2023 используйте PageSpeed Insights, вкладка Mobile, и при необходимости Lighthouse в Chrome. Для России добавьте «Проверку мобильных страниц» в Яндекс Вебмастере.
Хватит ли одного PageSpeed без телефона?
Нет. PageSpeed показывает скорость и часть ошибок вёрстки, но не заменит проверку «пальцем»: меню, форма, баннер cookie. Сначала телефон, потом сервисы.
Как часто перепроверять мобильный вид?
Перед каждой рекламной кампанией, после смены темы или установки плагина cookie/форм, и раз в квартал для главной и топ-5 страниц услуг.
Нужен ли AMP для WordPress в 2026?
На адаптивной теме — обычно нет. AMP усложняет поддержку; если раньше был включён, после отключения проверьте редиректы со старых amp-URL, чтобы не получить 404.
Что делать, если в редакторе всё ок, а на телефоне нет?
Откройте предпросмотр в новой вкладке и сравните с iframe Mobile в редакторе. Если на фронте ошибка остаётся — снимите скрин с телефона и проверьте конфликт темы с плагином; массовые правки CSS без опыта лучше не делать.
