Мобильная оптимизация сайта: что проверить и как исправить
Мобильная оптимизация сайта это настройка вёрстки, скорости и содержимого под смартфон. Страница помещается в экран без горизонтальной прокрутки, текст читается без увеличения, кнопки нажимаются пальцем, первый экран появляется быстро. Google индексирует сайты по мобильной версии, поэтому её ошибки снижают позиции и в выдаче на компьютере. В AOE мобильная оптимизация входит в SEO-продвижение за 200 000-500 000 ₸ в месяц, отдельную доработку считаем после аудита.
Коротко
- Google смотрит на сайт глазами смартфона: в октябре 2023 года он объявил, что переход на такую индексацию завершён.
- Лучший способ сделать мобильную версию: адаптивная вёрстка, один адрес и один код на все экраны.
- Цели по скорости: LCP до 2,5 секунды, INP до 200 мс, CLS до 0,1.
- Кнопки и ссылки делайте от 48 px, с промежутком около 8 px.
- Тексты, заголовки, разметка и подписи картинок на телефоне должны быть те же, что на компьютере.
Почему мобильная версия влияет на позиции и заявки
Google хранит в индексе ту версию страницы, которую видит его робот для смартфонов. Если на телефоне часть текста обрезана или скрыта блоком, поисковик не учтёт её и в выдаче на компьютере.
Вторая причина в людях. Ссылки из Instagram, WhatsApp, 2ГИС и карт открываются на телефоне. Человек, которому неудобно нажать кнопку или найти цену, закрывает вкладку и открывает следующий сайт из выдачи.
Адаптивная вёрстка, мобильная версия или динамическая подача
Сделать сайт удобным для смартфона можно тремя способами. Google рекомендует первый: с ним меньше ошибок и проще поддержка.
| Способ | Как устроен | Плюсы | Риски |
|---|---|---|---|
| Адаптивная вёрстка | Один адрес и один код, раскладка меняется под ширину экрана | Нет дублей, правка видна сразу на всех устройствах | Тяжёлые картинки и скрипты грузятся и на телефоне, их надо облегчать |
| Отдельная мобильная версия | Свой адрес вида m.site.kz | Можно сильно упростить страницы | Два сайта: тексты, мета-теги и разметка расходятся |
| Динамическая подача | Один адрес, сервер отдаёт разный код телефону и компьютеру | Лёгкий код для телефона | Сложно настроить, ошибки в определении устройства |
Если у вас отдельная мобильная версия, сверьте её с основной. По правилам Google на обеих должны совпадать тексты, заголовки, title и description, разметка, подписи и alt картинок.
Как проверить мобильную версию сайта за 15 минут
Начните с главных страниц: главная, страница основной услуги, контакты. Проверка идёт в пять шагов.
- С телефона. Откройте страницу и пройдите путь клиента: найдите цену, нажмите на телефон, отправьте форму. Нажатие на номер должно сразу открывать звонок.
- В браузере на компьютере. В Chrome откройте инструменты разработчика и режим устройства. Посмотрите ширины 320, 360, 390 и 768 px: на узком экране ломается больше всего.
- В PageSpeed Insights. Вкладка «Мобильный» покажет оценку скорости и полевые данные Core Web Vitals, если у сайта достаточно посетителей.
- В Search Console. Отчёт «Основные интернет-показатели» показывает, сколько адресов на телефоне в зоне «Хорошо» и где проблемы.
- Содержимое. Сравните мобильную и полную версию: тот же текст, те же заголовки, картинки с подписями.
Старого теста Google на оптимизацию для мобильных больше нет: его и отчёт об удобстве для мобильных отключили 1 декабря 2023 года. Вместо них используйте PageSpeed Insights и Lighthouse.
Скорость на смартфоне: пороги Core Web Vitals
Google оценивает скорость по трём показателям. Страница проходит проверку, если у 75 % визитов все три в зелёной зоне. Телефон и компьютер считаются отдельно.
| Показатель | Хорошо | Что измеряет | Что чаще всего мешает на телефоне |
|---|---|---|---|
| LCP | До 2,5 с | Когда появился главный блок первого экрана | Большая картинка или видео в первом экране, медленный сервер |
| INP | До 200 мс | Как быстро страница откликается на нажатие | Много скриптов: виджеты чатов, счётчики, всплывающие окна |
| CLS | До 0,1 | Насколько прыгает вёрстка при загрузке | Картинки без размеров, баннеры и шрифты, которые догружаются позже |
Что исправляют при мобильной оптимизации
Список правок для сайта услуг. Порядок задаёт проверка: сначала то, что мешает индексации и заявке.
- Тег viewport в коде страницы, иначе телефон покажет уменьшенную копию сайта для компьютера
- Основной текст от 16 px, строки без горизонтальной прокрутки
- Кнопки и ссылки от 48 px, промежутки между ними около 8 px
- Картинки в WebP или AVIF, своего размера для каждого экрана, с указанными шириной и высотой
- Аналитика, чаты и виджеты подгружаются после первого экрана или первого касания
- Шрифты: один-два начертания, без долгой подгрузки
- Формы: короткие, поле телефона открывает цифровую клавиатуру
- Всплывающие окна не закрывают текст сразу после перехода из поиска
- Цена, телефон и кнопка заявки видны без долгого листания
- Скрытый в аккордеонах текст остаётся в коде страницы, а не удаляется
Пример: как мы облегчили aoe.kz на телефоне
С 28 сентября по 2 октября 2026 года мы проверили все 126 адресов карты своего сайта и исправили технику. Балл сайта в нашем аудите вырос с 84 до 90 из 100.
| Что нашли | Что сделали | Итог |
|---|---|---|
| Страница на телефоне весила 1 150-1 170 КБ | Встроили шрифты в код страницы, аналитику запускаем после первого касания | 227-428 КБ |
| CSS в начале страницы задерживал отрисовку главной | Перестроили загрузку стилей | Блокирующих ресурсов нет ни на одной странице |
Весь переезд и цифры скорости описаны в кейсе aoe.kz.
Частые ошибки мобильной версии
- Урезанный текст на телефоне. Поисковик оценивает страницу по мобильной версии и не видит удалённого.
- Фото прямо с камеры. Картинка в несколько мегабайт задерживает первый экран.
- Всплывающее окно поверх страницы. Посетитель из поиска видит рекламу вместо ответа и уходит.
- Номер телефона картинкой. На него нельзя нажать, клиент должен переписывать цифры.
- Мелкие ссылки впритык. Палец попадает не туда, человек злится и закрывает сайт.
- Проверка только на своём телефоне. На узком экране 320 px вёрстка ломается чаще, чем на новом смартфоне.
Сколько стоит мобильная оптимизация в AOE
Мобильная оптимизация входит в техническую SEO-оптимизацию и SEO-продвижение за 200 000-500 000 ₸ в месяц, ссылки в эту сумму не входят. Отдельно начинаем с SEO-аудита от 50 000 ₸, по его итогам называем объём правок и цену. Вёрстку проверяем на 12 моделях устройств.
Если старый сайт проще сделать заново, новый адаптивный сайт стоит 200 000-600 000 ₸, подробности на странице разработка сайтов. Регулярная поддержка, чтобы обновления не ломали вёрстку, от 60 000 ₸ в месяц.
Проверим ваш сайт на телефоне
Пришлите адрес сайта. Бесплатный экспресс-аудит обычно готов за 2-3 рабочих дня: покажем ошибки мобильной версии и что исправить первым.
Вопросы о мобильной оптимизации сайта
Что такое мобильная оптимизация сайта простыми словами?
Это настройка сайта под смартфон: страница помещается в экран, текст читается без увеличения, кнопки удобно нажимать, первый экран появляется быстро.
Влияет ли мобильная версия на позиции в Google?
Да. Google индексирует сайты по версии для смартфонов, поэтому её ошибки снижают позиции и при поиске с компьютера.
Как проверить, оптимизирован ли сайт для телефонов?
Откройте его со смартфона и пройдите путь до заявки, затем проверьте в PageSpeed Insights на вкладке «Мобильный» и в отчёте «Основные интернет-показатели» Search Console.
Что лучше: адаптивная вёрстка или отдельная мобильная версия?
Адаптивная вёрстка. Её рекомендует Google: один адрес, один код и одинаковое содержимое на всех экранах.
Можно сделать мобильную версию сайта на Тильде или WordPress?
Да. В Тильде готовые блоки подстраиваются под экран сами, а Zero-блок настраивают отдельно для каждой ширины. У WordPress за это отвечает тема. В обоих случаях скорость зависит от картинок и подключённых виджетов.
Сколько стоит мобильная оптимизация сайта?
В AOE она входит в SEO-продвижение за 200 000-500 000 ₸ в месяц. Отдельную доработку считаем после SEO-аудита от 50 000 ₸.
Сколько времени занимает мобильная оптимизация?
Зависит от числа ошибок и движка. В составе продвижения техника идёт во второй и третий месяц, срок отдельной доработки называем после аудита.
Источники
- Рекомендации по мобильным сайтам и индексированию с приоритетом мобильного контента: адаптивный дизайн и одинаковое содержимое версий
- Переход на индексирование с приоритетом мобильного контента завершён: блог Google Search Central
- Web Vitals: пороги LCP, INP и CLS
- Accessible tap targets: размер области нажатия 48 px