Мобильная версия в 2026 — отдельный сайт, адаптив или PWA

Заказчик звонит: "У меня сайт неудобный на телефоне, сделайте мобильную версию". Стандартная просьба, но за ней стоит развилка из трёх непохожих подходов. От выбора зависит цена в 2-5 раз и судьба SEO. Разберём, что есть в 2026 и что выбирать под конкретный кейс.

1. Отдельный мобильный сайт (m.site.ru)

Классика 2010-2015. Два независимых сайта: site.ru и m.site.ru, на сервере смотрят User-Agent и редиректят с десктопа на мобильную версию. У каждой версии своя верстка, иногда свой бэкенд, своя админка.

Где ещё жив:

• Старые крупные порталы — Авито, hh.ru до 2020-х держали отдельные домены, потом схлопнули в один.
• Сайты с принципиально разной функциональностью под мобилу и десктоп (биржи, торговые терминалы, рендер-фермы).
• Легаси, которое некому переписывать.

Почему хоронить:

• Двойная разработка и поддержка — каждое изменение делается два раза.
• SEO-кошмар: rel=alternate/canonical настроить непросто, дубли контента, разный TTFB.
• Шеринг ссылок ломается: десктоп открыл m-версию, послал друг в чат — у того опять редирект, иногда в обратную сторону.
• Google и Яндекс прямо рекомендуют адаптив с 2015 года.

Когда новому заказчику предложить: почти никогда. Только если есть жёсткий аргумент про различную функциональность.

2. Адаптивная вёрстка (responsive)

Один HTML, один URL, CSS media queries меняют сетку и компоненты под ширину экрана. Стандарт индустрии с 2014.

Плюсы:

• Один код — одна правка везде.
• SEO простой: один URL, один title, один контент.
• Шеринг работает корректно.
• Дешевле в разработке и поддержке в 1.5-2 раза по сравнению с двумя сайтами.
• Производители CMS, движков, фреймворков нацелены именно сюда.

Подводные камни:

• Если адаптив сделан "схлопыванием десктопа" — на мобилке получается длинная простыня в три экрана прокрутки, тяжёлая, с лишним. Хороший адаптив = mobile-first: сначала проектируем мобильный экран, потом наращиваем под планшет и десктоп.
• Тяжёлые десктопные скрипты и картинки попадают на мобильный, если не разделены через <picture> и loading="lazy".
• Сложные интерактивные компоненты (карты, таблицы, дашборды) требуют отдельной мобильной логики, не только CSS.

Когда выбирать: в 95% коммерческих проектов — лендинг, корпсайт, каталог, интернет-магазин малого/среднего размера. Это базовый ответ на "сделайте мне мобильную версию".

3. PWA (Progressive Web App)

Адаптив + Service Worker + манифест + офлайн-режим + установка на рабочий стол. Технически PWA — это набор стандартов поверх обычного сайта. Браузер видит манифест и предлагает "Установить приложение", после установки сайт работает почти как нативное приложение.

Что даёт PWA:

• Иконка на главном экране телефона. Запуск без браузерных рамок (standalone).
• Работа без сети для уже посещённых страниц.
• Push-уведомления (после явного согласия пользователя).
• Быстрая повторная загрузка благодаря Service Worker-кэшу.
• Меньшая стоимость в сравнении с нативным мобильным приложением в 5-10 раз.

Ограничения:

• iOS Safari исторически тормозил поддержку push, фоновую синхронизацию, доступ к API. В 2024-2025 ситуация улучшилась, но Apple всё ещё впереди Android по ограничениям.
• Установка PWA — для пользователя неочевидное действие. Без проактивной подсказки большинство не установит. Конверсия в установку 1-5% от посетителей мобилки.
• Service Worker — отдельная сложность: кэширование, обновление, дебаг. Студии без опыта налажают.

Когда выбирать PWA:

• Сайт с повторными визитами того же пользователя (медиа, личный кабинет, e-commerce с лояльной аудиторией).
• Нужны push-уведомления, но не нужен апп-стор.
• Сайт должен работать в условиях плохой сети (логистика, ремонтные службы, склад).
• Бюджет на нативные приложения не выделить, но нужен "иконка на экране" опыт.

Когда НЕ выбирать: простой лендинг услуги, разовый визит пользователя за заявкой — PWA даст ноль выгоды и +20-40 часов разработки.

Сравнение по основным параметрам

Гибрид — адаптив + PWA как наращивание

Правильная последовательность в 2026 — начать с честного адаптива (mobile-first), и через 3-6 месяцев замерить статистику. Если видим:

• Возвратные мобильные визиты 30%+,
• Среднее время сессии большое,
• Заявки на установку приложения,

— это сигнал, что PWA окупится. Добавляем манифест, Service Worker, аккуратное предложение "Установить" после второго визита.

Что мы рекомендуем заказчику

Для нового лендинга/корпсайта/магазина: адаптив mobile-first. Это база. Отдельный мобильный сайт — нет. PWA — как опция второго этапа, если есть реальная потребность (повторные визиты, офлайн, push).

Если у вас сейчас старый сайт с m.-поддоменом — пора схлопывать в адаптив. Потери SEO при правильной миграции (301 редиректы 1-к-1, обновление sitemap, перенос ссылок) — минимальные, рост позиций по мобильному поиску — типично +15-30% за 2-3 месяца за счёт того, что Яндекс/Google наконец видят один единый ресурс.

Подключите нас — посмотрим, что у вас сейчас на мобильном, дадим оценку перехода и сразу заложим в архитектуру задел под PWA, если он понадобится через год.