70% интернет-трафика — мобильные устройства. Если ваш сайт не адаптирован, вы теряете клиентов каждый день. Разбираем статистику, влияние на SEO, три подхода к адаптации и реальную стоимость. С примерами и кейсами из практики веб-студии с опытом 15 лет.
«Если вашего бизнеса нет в интернете — значит вас нет в бизнесе»
— Билл Гейтс
А если ваш сайт не работает на смартфоне — считайте, вас нет для 70% клиентов.
📱 Парадокс: красивый сайт, который никто не видит
Вот смотрите, какая штука. Приходит человек, показывает сайт — красота же. Дизайнер три месяца пыхтел, анимации там всякие, параллакс-эффекты. Двести тысяч отдали. А продаж — ноль. Ну, почти ноль.
Открываю с телефона — мама дорогая. Вёрстка поехала, текст на картинки налез, кнопка «Купить» вообще за пределами экрана болтается. Форму заказа заполнить нереально — поля такие мелкие, что пальцем не попадёшь.
Спрашиваю: «Вы сами-то с мобильника смотрели?»
Тишина.
«Ну... мы с компа проверяли. На большом мониторе».
И знаете что? Это не единичный случай какой-то. За последний год — каждый третий клиент с похожей историей. Вложились в «серьёзную разработку», а про мобилку забыли. Или сэкономили. Или подрядчик сказал «потом докрутим» и пропал. Классика, в общем.
Меня, если честно, до сих пор это удивляет. Ладно бы человек не знал про мобильный трафик — но ведь все же с телефонов сидят. Сами! Каждый день! И при этом почему-то думают, что их клиенты — какие-то особенные, которые исключительно за компьютером заказы делают.
Ладно, хватит возмущаться. Давайте к цифрам — они всё объяснят лучше моих эмоций.
📊 Статистика: цифры, которые почему-то игнорируют
Сколько людей сидит с телефона (спойлер: почти все)
Значит, так. 70-75% интернет-трафика в России — мобильные устройства. Не десктоп. Телефоны и планшеты. Это данные Mediascope, не я придумал.
В интернет-магазинах ещё веселее — до 80% доходит. То есть из десяти посетителей восемь зашли с телефона. Восемь из десяти, Карл!
И эта цифра растёт. Каждый год плюс 5-7 процентов. Уже лет пять растёт, и ничего не меняется — только вверх.
Как себя ведёт мобильный пользователь (и почему это важно)
Мобильный пользователь — он нетерпеливый. Очень. У вас есть секунды три-четыре, чтобы его зацепить. Если сайт кривой или тормозит — всё, вкладка закрыта. Без всяких «дам второй шанс» и «может, загрузится».
Есть такой показатель — bounce rate, по-русски «показатель отказов». На неадаптивных сайтах он доходит до 70%. Это значит: зашло десять человек, семеро сразу ушли. Даже не посмотрели толком, что вы там продаёте.
А конверсия? Разница между адаптивным и неадаптивным сайтом — в два-три раза. Не на какие-то там проценты, а именно в разы. То есть при прочих равных адаптивный сайт продаёт втрое больше. Втрое!
Когда я эти цифры клиентам показываю, реакция обычно такая: «Ну, это же где-то там, в среднем по больнице. У нас другая ситуация, у нас серьёзный B2B».
Окей. Открываем Яндекс.Метрику. Смотрим отчёт «Технологии → Устройства».
И что? 65% с мобильных. Иногда 70%. «Серьёзный B2B», ага.
Кстати, все готовые магазины из нашего каталога идут с адаптивом из коробки — мы принципиально не работаем с шаблонами, которые на мобилке разваливаются. Это как бы базовое требование, без вариантов.
🔍 Mobile-First: почему Гугл теперь смотрит только на мобилку
Что такое Mobile-First индексация (без занудства)
Окей, тут немного техники, но я постараюсь без зауми.
С 2021 года Google перешёл на так называемую Mobile-First индексацию. Что это значит на практике? А то, что поисковик теперь в первую очередь смотрит на вашу мобильную версию. Не на десктопную — на мобильную. Она для него главная.
Раньше было наоборот. Основной считалась версия для компьютера, а мобильная — так, приложение к основному блюду. Сейчас всё перевернулось.
И вот что получается: если у вас мобильная версия кривая (или её вообще нет) — для Google ваш сайт в целом кривой. Точка. Можете хоть золотом десктопную версию покрыть — робот смотрит на мобилку и делает выводы.
Яндекс, к слову, придерживается похожей логики. Не один в один, но направление то же.
Core Web Vitals — метрики, которые решают вашу судьбу в выдаче
Есть такая штука — Core Web Vitals. Три метрики, которые Google использует для оценки «пользовательского опыта». Звучит абстрактно, но на деле всё конкретно:
LCP — как быстро загружается основной контент. Норма — до 2,5 секунд. Если дольше — минус в карму.
FID — как быстро сайт реагирует на первое действие пользователя. Ткнул кнопку — и чтобы сразу отклик, а не через полсекунды.
CLS — насколько стабильный макет при загрузке. Знаете, бывает: страница грузится, ты уже хочешь нажать на кнопку, а она — оп! — уехала вниз, потому что сверху баннер подгрузился. Вот это CLS и измеряет.
С 2021 года эти метрики напрямую влияют на позиции в выдаче. Не косвенно, не «возможно» — напрямую.
И вот тут неадаптивные сайты проваливаются почти всегда. Потому что типичная картина: страница грузится 8 секунд (вместо 2,5), элементы скачут по экрану как бешеные, кнопки не реагируют на тапы. Google всё это видит, фиксирует и понижает в выдаче. Без предупреждений и уговоров.
Слышу этот вопрос регулярно. Отвечаю: технически — да, можно. Есть сайты, которые и без адаптива в топе сидят. Но это как марафон бежать с гирей на ноге. Добежать реально — люди и не такое делали. Вопрос: зачем себе так усложнять, если можно нормально?
Если у вас уже есть сайт и вы не уверены, как там с этими метриками — можем сделать аудит и оптимизацию под PageSpeed. Иногда достаточно картинки пережать и кэширование настроить — показатели в два раза вырастают.
А иногда смотришь на всё это и понимаешь: проще взять нормальное готовое решение, где всё уже сделано. Но это отдельный разговор — про подходы к адаптации и их стоимость. Сейчас расскажу.
⚖️ Три подхода к адаптации: что выбрать и не пожалеть
Окей, с проблемой разобрались. Теперь к решениям. Их, по большому счёту, три. У каждого свои плюсы-минусы, и тут важно не промахнуться с выбором — переделывать потом дороже выйдет.
Адаптивный дизайн (он же responsive)
Суть простая: один сайт, который сам подстраивается под размер экрана. Открыл с компа — видишь одну раскладку, открыл с телефона — элементы перестроились, всё читабельно и кликабельно.
Плюсы? Одна кодовая база — не надо поддерживать два сайта. Google такое любит, SEO не страдает. Обновил контент в одном месте — он везде обновился.
Минусы? Нужно сразу делать нормально. Если сайт изначально клепали без оглядки на мобилку — переделка может влететь в копеечку.
Когда подходит: новые проекты, готовые решения на Битриксе (там адаптив обычно из коробки), любой случай, когда есть возможность сделать правильно с самого начала.
Отдельная мобильная версия (m.site.ru)
Олдскульный вариант. Делаете второй сайт на поддомене, настраиваете редирект — и мобильные пользователи попадают туда.
Плюсы? Можно прикрутить к существующему сайту, не переделывая основной.
Минусы? Ох, тут список длинный. Двойная поддержка — обновляете цены на основном, не забудьте на мобильном. SEO-проблемы — поисковики такое не очень любят, надо canonical-теги настраивать, редиректы мониторить. В долгосрочной перспективе выходит дороже и геморройнее.
Когда подходит: легаси-проекты, где переделка основного сайта вообще невозможна. Ну или бюджет совсем впритык, а запуститься надо вчера.
AMP-страницы (Accelerated Mobile Pages)
Это такие «облегчённые» версии страниц, которые грузятся мгновенно. Google их кэширует у себя и показывает прямо в выдаче.
Плюсы? Скорость космическая, в мобильной выдаче приоритет.
Минусы? Функционал сильно урезан. Для интернет-магазина не вариант — там ни корзины нормальной не сделаешь, ни фильтров. Подходит для новостников, блогов, контентных проектов.
Все универсальные магазины из нашего каталога работают на адаптивной вёрстке. Это не опция, это стандарт. Можете зайти на главную с телефона и убедиться — всё перестраивается как надо.
💰 Сколько стоит мобильная адаптация: реальные цифры
А теперь к самому интересному — к деньгам. Потому что «надо сделать адаптив» все понимают, а вот «сколько это будет стоить» — уже сложнее.
Адаптация существующего сайта
Тут разброс большой, зависит от того, что у вас сейчас есть:
Простой сайт-визитка (5-10 страниц, статика) — от 15 000 ₽. Если вёрстка изначально более-менее вменяемая, можно уложиться быстро.
Корпоративный сайт (20-50 страниц, формы, каталог услуг) — от 40 000 ₽. Тут уже посложнее, особенно если дизайнер в своё время «покреативил» с нестандартными решениями.
Интернет-магазин (каталог, фильтры, корзина, личный кабинет) — от 80 000 ₽. А если там ещё и кастомные доработки были — держитесь, может и за 150 улететь.
От чего зависит цена? Количество уникальных страниц, сложность макета, на какой CMS сделано, насколько там всё «нестандартное».
Готовое решение vs. переделка старого
А вот тут начинается интересное. Иногда дешевле не адаптировать старый сайт, а взять готовый шаблон, где адаптив уже есть.
Смотрите: Аспро.Next, например — это готовый магазин, который можно запустить за пару дней. Адаптив включён, мобильное меню, все эти свайпы-тапы — всё работает из коробки. И стоит это решение вместе с лицензией дешевле, чем адаптация среднего интернет-магазина.
Плюс время. Адаптация существующего сайта — это недели. Готовое решение — дни. Иногда один день, если без сложных доработок.
Был у нас клиент, который три месяца искал «самый выгодный вариант» адаптации. Нашёл фрилансера за 10 тысяч. Обрадовался — сэкономил же!
Через полгода пришёл к нам. Потому что «адаптация» сломала половину функционала: корзина на мобилке не работала, фильтры глючили, картинки не грузились. Итого: 10 тысяч фрилансеру + 80 тысяч нам на исправление. Экономия, да.
Если у вас уже есть сайт и нужно понять, что с ним делать — адаптировать или проще новый взять — можем посмотреть и посоветовать. Без впаривания, честно скажем, какой вариант выгоднее.
⚠️ «Потом сделаем»: что будет, если забить на мобилку
Потери, которые вы не замечаете
Знаете, что самое коварное в отсутствии мобильной версии? Вы не видите, сколько теряете. Люди заходят, видят кривой сайт, уходят. В аналитике это просто «отказы». Без пометки «ушёл, потому что у вас мобилка не работает».
Вот конкретика:
- 53% пользователей закрывают сайт, если он грузится дольше 3 секунд
- Позиции в Google и Яндексе постепенно падают — не резко, а так, по чуть-чуть, месяц за месяцем
- Сайт начинает выглядеть «устаревшим» — и это бьёт по доверию, даже если вы вчера контент обновляли
Мифы, которые я слышу постоянно
«Сначала запустимся, потом сделаем мобильную версию»
Это как открыть магазин и сказать: «Входную дверь повесим через полгода, пока пусть в окно лезут». Люди-то уже идут. Каждый день. И каждый день вы их теряете.
«У нас B2B, серьёзные клиенты, они с компьютеров работают»
Ага. А в обеденный перерыв они что делают? А в командировке? А когда коллега скинул ссылку в мессенджер — они что, бегут к рабочему столу открывать? Нет, открывают с телефона. И если сайт кривой — первое впечатление испорчено.
«У нас бюджет ограничен, это не приоритет»
Понимаю, бюджеты не резиновые. Но смотрите: вы уже платите за рекламу, за SEO, за контент. А потом 70% трафика упирается в неработающий мобильный сайт и уходит. Это как носить воду в дырявом ведре — можно, конечно, но смысл?
Больше о типичных ошибках при запуске — в наших статьях, там есть разборы конкретных кейсов.
✅ Что делать прямо сейчас
Ладно, давайте к конкретике. Что можно сделать прямо сегодня, не откладывая.
Шаг первый: откройте свой сайт с телефона. Прямо сейчас. Посмотрите критическим взглядом: всё ли читается? Кнопки нажимаются? Формы заполняются? Если нет — у вас проблема, и она стоит вам денег каждый день.
Шаг второй: зайдите в аналитику (Яндекс.Метрика или Google Analytics) и посмотрите отчёт по устройствам. Какой процент мобильного трафика? Какой показатель отказов на мобильных vs. десктоп? Цифры скажут больше, чем мои рассуждения.
Шаг третий: примите решение. Либо адаптировать текущий сайт, либо взять готовое решение с нормальным адаптивом из коробки. Второй вариант часто быстрее и дешевле — но тут надо смотреть на конкретную ситуацию.
Не уверены, что выбрать?
Посмотрите наш каталог готовых решений — все шаблоны с адаптивным дизайном, можно сразу глянуть демо с телефона. Или напишите нам — посмотрим ваш текущий сайт и скажем честно, что лучше: адаптировать или проще взять новый.
Я вот для себя давно решил: не берусь за проекты, где клиент принципиально не хочет делать мобильную версию. Просто потому что знаю — через полгода он придёт с вопросом «почему не продаёт». И ответ будет один и тот же. Каждый раз.
Так что если выбираете подрядчика — спрашивайте про мобилку в первую очередь. Если вам говорят «это потом» или «это отдельная услуга за дополнительные деньги» — ну, вы поняли.
