Откройте статистику любого казахстанского сайта - и вы почти наверняка увидите, что смартфонов там больше, чем компьютеров. Люди ищут услуги в дороге, сравнивают цены в очереди, звонят по телефону прямо со страницы результатов поиска. Если сайт на маленьком экране тормозит, кнопки не попадают под палец, а текст приходится растягивать двумя пальцами, вы теряете заявки еще до того, как посетитель что-то прочитал.
Google это давно понял. Поисковик оценивает и ранжирует именно мобильную версию вашего сайта, а не десктопную. Это называется mobile-first индексация, и она действует для всех сайтов уже несколько лет. Проще говоря: как выглядит и работает сайт на телефоне, так его и видит поисковая система.
В этой статье разберем без воды, что нужно проверить и починить, чтобы сайт нормально ранжировался и продавал на мобильных. Пройдемся по скорости, удобству, формам, контенту и локальному поиску, а в конце дадим чек-лист, по которому можно пройтись прямо сегодня.
Что такое mobile-first индексация и почему это важно
Раньше поисковый робот сначала смотрел десктопную версию страницы, а мобильную считал второстепенной. Сейчас все наоборот. Робот заходит на сайт как смартфон, видит мобильную верстку, мобильный контент и мобильную скорость - и именно это ложится в основу оценки страницы.
Практический вывод простой. Если на телефоне у вас урезанный текст, спрятанные блоки, отсутствующие ссылки или битые картинки, поисковик учтет именно этот усеченный вариант. Даже красивая и подробная десктопная версия не спасет: до нее робот просто не доберется в первую очередь.
Мобильная версия - это не «облегченная копия» сайта. Для поисковой системы это и есть ваш сайт. Все, чего нет на телефоне, для ранжирования как будто не существует.
Доля мобильного трафика в Казахстане
Рынок РК - мобильный по своей природе. Смартфон здесь часто основное, а иногда и единственное устройство для выхода в интернет. У большинства коммерческих сайтов доля мобильных визитов держится в диапазоне 65-80 процентов, а в тематиках вроде доставки еды, услуг красоты, автосервисов и ремонта она легко переваливает за 85 процентов.
Что это значит для вас: оптимизация под мобильные - это не «доработка на потом», а работа с основной аудиторией. Каждый процент улучшения скорости и удобства на телефоне влияет на большую часть посетителей, а не на меньшинство.
Как проверить мобильную пригодность
Прежде чем что-то чинить, посмотрите на текущее состояние глазами инструментов. Вот основной набор.
- PageSpeed Insights - показывает оценку скорости и Core Web Vitals отдельно для мобильных, с конкретными рекомендациями.
- Google Search Console - отчеты об удобстве использования, индексации и проблемах со страницами на мобильных.
- Lighthouse в браузере - локальный аудит производительности, доступности и SEO прямо в инструментах разработчика.
- Режим устройства в браузере - быстрый визуальный тест верстки на разных размерах экрана без телефона под рукой.
- Реальный смартфон - самое честное. Откройте сайт на своем телефоне через мобильный интернет, а не по домашнему Wi-Fi.
Проверяйте не только главную. Возьмите типовые страницы: карточку услуги, статью блога, страницу контактов и форму заявки. Проблемы часто прячутся именно во внутренних разделах.
Как отдавать мобильную версию: три подхода
Технически показать сайт на телефоне можно тремя способами. От выбора зависит, насколько легко будет поддерживать сайт и не терять контент.
| Подход | Суть | Плюсы | Риски |
|---|---|---|---|
| Адаптивная верстка | Один адрес и один HTML, дизайн подстраивается под ширину экрана через CSS | Проще поддерживать, нет дублей, контент одинаковый | Нужна аккуратная верстка и контроль скорости |
| Отдельная мобильная версия | Свой поддомен вида m.site.kz с отдельным кодом | Гибкость под мобильный сценарий | Дубли, рассинхрон контента, сложная поддержка |
| Динамический показ | Один адрес, но сервер отдает разный HTML по типу устройства | Можно тонко управлять выдачей | Легко отдать роботу не то, ошибки в определении устройства |
Для большинства проектов ответ очевиден: адаптивная верстка. Один адрес, один контент, никаких дублей и рассинхронов. Google сам рекомендует этот подход как основной. Отдельный поддомен и динамический показ - наследие старых проектов, и без веской причины заводить их сегодня не стоит.
Если у вас все еще живет отдельная мобильная версия на поддомене, это повод задуматься о переезде на адаптив. Такой переход - часть работ по технической оптимизации сайта, и делать его лучше с планом по редиректам и сохранению позиций.
Скорость на мобильных: Core Web Vitals
Скорость на телефоне - это не про «красиво летает», а про деньги. Медленная страница теряет посетителей до загрузки, а Google учитывает скорость в ранжировании. Ключевые метрики объединены в набор Core Web Vitals.
Три метрики, которые важны
- LCP (Largest Contentful Paint) - время загрузки самого крупного видимого элемента, обычно главной картинки или заголовка. Хороший ориентир - до 2,5 секунды.
- INP (Interaction to Next Paint) - отзывчивость на действия пользователя: насколько быстро сайт реагирует на нажатие. Хорошо - до 200 миллисекунд. Эта метрика заменила прежний FID.
- CLS (Cumulative Layout Shift) - визуальная стабильность: не прыгает ли верстка, когда догружаются картинки и баннеры. Хороший ориентир - до 0,1.
Знакомая всем боль - CLS. Вы уже целитесь пальцем в кнопку, но в этот момент сверху догружается баннер, все уезжает вниз, и вы жмете не туда. На мобильных это раздражает сильнее всего.
Как ускорить сайт на телефоне
Большинство проблем со скоростью решаются несколькими типовыми шагами. Пройдитесь по ним по порядку.
- Изображения. Самый частый тормоз. Переведите картинки в современные форматы (WebP, AVIF), сожмите их, задавайте ширину и высоту в разметке, отдавайте под мобильный экран уменьшенные версии. Тяжелая фотография на 3 мегабайта одна способна испортить всю метрику LCP.
- Отложенная загрузка. Подключите ленивую загрузку (lazy loading) для картинок и видео ниже первого экрана, чтобы они не грузились раньше времени.
- Кэширование. Настройте кэш браузера и кэш на стороне сервера. Повторные визиты и переходы по сайту должны быть почти мгновенными.
- Скрипты. Уберите лишние сторонние виджеты, чаты, счетчики и пиксели, которые никто не анализирует. Каждый скрипт крадет отзывчивость. Оставшиеся грузите асинхронно и откладывайте несрочные.
- Шрифты. Не подключайте по десять начертаний. Используйте современные форматы, задавайте отображение текста без ожидания шрифта (font-display), подгружайте только нужные наборы символов.
- Код и сервер. Сжимайте CSS и JS, включите сжатие на сервере, используйте современный протокол соединения. Хостинг с серверами поближе к аудитории в РК тоже дает выигрыш по времени ответа.
Не гонитесь за цифрой 100 из 100 ради самой цифры. Цель - реальная скорость на среднем смартфоне при обычном мобильном интернете, а не идеальный результат в лабораторном тесте.
Удобство: чтобы пальцем было удобно
Быстрый сайт, которым неудобно пользоваться, все равно теряет заявки. На телефоне пользователь работает большим пальцем одной руки, часто на ходу и при ярком солнце. Верстка должна это учитывать.
Кнопки, ссылки и клик-таргеты
- Размер элементов. Кнопки и ссылки должны быть достаточно крупными, чтобы попадать пальцем без промаха. Ориентир для зоны нажатия - примерно 44 на 44 пикселя и больше.
- Расстояние между элементами. Ссылки в меню и списках не должны липнуть друг к другу, иначе человек нажмет соседнюю.
- Читаемость. Основной текст от 16 пикселей, достаточный контраст, воздух между строк. Мелкий серый шрифт на светлом фоне на солнце не читается вообще.
- Отступы. Не прижимайте контент к краям экрана, давайте полям дышать.
Всплывающие окна и штраф за интерстишалы
Отдельная тема - навязчивые всплывающие окна. Google прямо штрафует за интерстишалы, которые перекрывают контент сразу после перехода из поиска на мобильном. Речь про полноэкранные баннеры, окна подписки на весь экран и рекламу, из-за которой невозможно прочитать то, за чем человек пришел.
Всплывающее окно, которое закрывает весь экран телефона в первую же секунду, - это одновременно и минус к позициям, и прямая причина ухода посетителя. Двойной удар по результату.
Это не значит, что поп-апы под запретом. Небольшой баннер про cookie, ненавязчивое предложение через время или после прокрутки - допустимо. Запрещено перекрывать основной контент сразу и целиком.
Формы и оформление заявки на смартфоне
Форма - место, где сайт зарабатывает. И именно на мобильных формы чаще всего мешают человеку оставить заявку. Каждое лишнее поле и каждое неудобство отсекают часть посетителей.
- Минимум полей. Просите только необходимое: имя и телефон закрывают большинство сценариев. Все остальное можно уточнить в разговоре.
- Правильная клавиатура. Для телефона показывайте цифровую клавиатуру, для почты - раскладку с собакой. Это делается типом поля и заметно ускоряет ввод.
- Крупные поля и кнопка. Поля ввода и кнопку отправки делайте большими, кнопку - на всю ширину, с понятным текстом вместо безликого «Отправить».
- Понятные ошибки. Если пользователь ошибся, покажите это сразу и рядом с полем, а не после отправки всей формы.
- Автозаполнение. Разрешите браузеру подставлять сохраненные данные - это экономит секунды и нервы.
Проверьте свой сценарий сами: возьмите телефон и пройдите путь от карточки услуги до отправленной заявки. Если на этом пути есть хоть одно место, где вы раздражаетесь, посетитель уйдет именно там. Продуманные формы и удобный путь к заявке - часть комплексной работы над сайтом, которую закрывает поисковое продвижение под ключ.
Контент-паритет: одинаковый контент на всех экранах
Одна из самых дорогих ошибок в mobile-first мире - урезать контент на мобильной версии. Логика вроде бы понятна: «на маленьком экране лишнее ни к чему, спрячем часть текста, уберем блоки, сократим описание». А по факту вы своими руками режете то, что видит и оценивает поисковый робот.
Раз индексируется мобильная версия, весь важный контент должен быть на ней. Тексты, заголовки, ссылки, структурированные данные, картинки с их описаниями - все то же самое, что и на десктопе. Прятать ради «чистоты» на телефоне - значит терять позиции.
Что должно совпадать
- Основной текст страницы полностью, без сокращений.
- Заголовки и их иерархия.
- Внутренние и внешние ссылки, включая перелинковку.
- Мета-данные и структурированная разметка (Schema.org).
- Изображения и их alt-описания.
Прием со скрытием под спойлеры и вкладки допустим для удобства, если контент реально присутствует в коде страницы и доступен роботу. А вот полностью выкидывать блоки из мобильной верстки нельзя.
Локальный поиск с мобильных
Мобильный поиск почти всегда локальный. Человек ищет «шиномонтаж рядом», «стоматология Алматы», «доставка воды Астана» - и хочет решить вопрос немедленно. Это огромный пласт трафика с высокой готовностью купить, и мобильный сайт должен его подхватывать.
- Клик-звонок. Номер телефона должен быть кликабельным: одно нажатие - и пошел вызов. Оформляйте телефон ссылкой формата tel, а не просто текстом.
- Карты и маршрут. Адрес с кнопкой построить маршрут в 2ГИС и Google Картах экономит человеку время и повышает шанс визита.
- Часы работы и город. Сразу показывайте, работаете ли вы сейчас и в каком городе. Мобильный пользователь не любит искать.
- Карточка организации. Заполненный профиль в справочниках и на картах тянет мобильный трафик и звонки не хуже самого сайта.
Для бизнеса с офисом или точкой продаж локальные сигналы на мобильном дают едва ли не больше заявок, чем классические позиции в выдаче. Не игнорируйте их.
Типичные ошибки мобильной оптимизации
Собрали список того, что встречается чаще всего. Пробегитесь и честно отметьте, что из этого есть у вас.
- Тяжелые несжатые картинки, которые убивают скорость и LCP.
- Всплывающее окно на весь экран сразу после захода из поиска.
- Мелкие кнопки и ссылки, в которые сложно попасть пальцем.
- Урезанный контент на мобильной версии по сравнению с десктопом.
- Горизонтальная прокрутка из-за элементов, вылезающих за ширину экрана.
- Некликабельный телефон, который приходится копировать вручную.
- Форма с десятком полей и мелкой кнопкой отправки.
- Прыгающая верстка из-за баннеров и рекламы, которые догружаются позже.
- Куча сторонних скриптов, тормозящих отклик на нажатия.
- Проверка сайта только на мощном ноутбуке по быстрому Wi-Fi.
Чек-лист мобильной оптимизации
Пройдитесь по пунктам как по списку задач. Каждый закрытый пункт - плюс к позициям и заявкам.
- Сайт на адаптивной верстке, один адрес и один контент.
- LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1 на мобильных.
- Картинки в WebP или AVIF, сжаты, с заданными размерами.
- Ленивая загрузка для медиа ниже первого экрана.
- Настроен кэш браузера и сервера.
- Лишние скрипты убраны, оставшиеся грузятся асинхронно.
- Шрифты оптимизированы, начертаний по минимуму.
- Кнопки и ссылки крупные, между ними достаточно места.
- Текст от 16 пикселей, хороший контраст, удобные отступы.
- Нет полноэкранных всплывающих окон при входе из поиска.
- Формы короткие, с правильной клавиатурой и крупной кнопкой.
- Контент на мобильной версии полный, как на десктопе.
- Телефон кликабельный, есть кнопка маршрута на карте.
- Сайт проверен на реальном смартфоне через мобильный интернет.
Ориентиры под рынок Казахстана
Несколько практических цифр и наблюдений, на которые можно опереться при работе с сайтом в РК.
- Планируйте, что мобильных визитов будет 65-80 процентов, а в услугах для широкой аудитории и больше.
- Проверяйте скорость не на топовом флагмане, а на среднем смартфоне, каких у аудитории большинство.
- Тестируйте на мобильном интернете: в дороге и за городом связь не всегда идеальна, а сайт должен открываться и там.
- Учитывайте два языка: если у вас есть казахская и русская версии, обе должны быть одинаково удобны и быстры на телефоне.
- Локальные справочники и карты в РК дают ощутимый поток мобильных заявок - держите профили заполненными.
Мобильная оптимизация - это не разовая акция, а постоянная работа. Скрипты обрастают новыми, картинки становятся тяжелее, метрики плывут. Раз в квартал полезно возвращаться к чек-листу и проверять, что ничего не откатилось. Особенно это касается больших проектов: качественные корпоративные сайты изначально проектируют с оглядкой на мобильных, и это заметно облегчает дальнейшую поддержку.
Итог
Mobile-first - это не тренд, а способ, которым поисковые системы уже смотрят на ваш сайт. Google оценивает мобильную версию, а в Казахстане на смартфоны приходится основная доля трафика. Значит, скорость, удобство, короткие формы, кликабельный телефон и полный контент на телефоне напрямую влияют и на позиции, и на заявки. Хорошая новость: большинство проблем решаются понятными шагами, а результат виден по метрикам и по числу обращений.
Хотите, чтобы сайт быстро открывался и приносил заявки со смартфонов, а не отпугивал посетителей? Мы проведем аудит мобильной версии, найдем узкие места по Core Web Vitals и удобству, приведем сайт в порядок и настроим продвижение под мобильную аудиторию РК. Оставить заявку - разберем ваш сайт и предложим конкретный план.