Адаптивный сайт

Адаптивный сайт — это один сайт с одним адресом, который перестраивает вёрстку под ширину экрана: на телефоне колонки становятся друг под другом, меню сворачивается, кнопки увеличиваются до размера пальца. Отдельной мобильной версии при этом не существует — страница одна. Адаптируем существующие сайты и делаем адаптивными все новые: в разработке нового сайта это входит в цену и отдельно не оплачивается. Адаптация существующего сайта — от 12 000 руб.

Как понять, что сайту нужна адаптация

Проверить можно самостоятельно за пару минут: откройте сайт на телефоне и попробуйте оставить заявку. Если по дороге пришлось увеличивать текст пальцами или промахиваться по кнопке — сайт не адаптирован. Более формальные признаки:

• страницу нужно двигать вбок, чтобы прочитать строку целиком;
• текст мелкий, а при увеличении часть блоков уезжает за край экрана;
• кнопки и пункты меню стоят так плотно, что попасть в нужный получается не с первого раза;
• форма заявки не помещается на экран, поля перекрывают друг друга, клавиатура закрывает кнопку отправки;
• телефон на сайте не открывается по нажатию, номер приходится выделять и копировать;
• страница грузится дольше нескольких секунд на мобильном интернете;
• в Яндекс Вебмастере в разделе диагностики висит замечание о мобилопригодности.

Адаптив, мобильная версия и приложение — в чём разница

Три разных решения, которые часто называют одним словом. Для большинства компаний правильный ответ — адаптивная вёрстка: у неё нет отдельного адреса, нет второй копии содержимого и не нужно поддерживать два сайта.

Поиск смотрит на мобильную версию, а не на «основную»

Это уже не рекомендация, а способ работы поисковых систем. Google перешёл к индексации мобильным роботом полностью: сайты, которые обходились роботом для компьютеров, были переведены на мобильного после 5 июля 2024 года (объявление Google Search Central). Если содержимое на телефоне урезано, поиск видит именно урезанный вариант — требования к мобильной индексации. Яндекс оценивает мобилопригодность отдельно и показывает замечания в Вебмастере.

Вторая часть — скорость и стабильность страницы. Google учитывает набор метрик Core Web Vitals, где с марта 2024 года отзывчивость измеряется показателем INP: он фиксирует задержку между нажатием и реакцией страницы, а хорошим считается результат до 200 миллисекунд. На телефоне с небыстрым интернетом эти показатели проседают первыми, а вместе с ними — позиции.

Практический смысл простой: неадаптированный сайт теряет не только посетителей, которым неудобно, но и позиции по тем запросам, где он раньше стоял нормально.

На юге у мобильного трафика своя особенность

Обычный аргумент в пользу адаптива — «большинство заходит с телефонов». Для Новороссийска и края к нему добавляется местная особенность, которой нет в общих статьях про адаптивную вёрстку, но которую мы учитываем при проектировании: мобильный интернет здесь доступен не всегда, и сайт должен переживать это без потери заявок.

Мобильный интернет в регионе периодически ограничивают, и в первом полугодии 2026 года объём мобильного трафика здесь упал более чем на 40 % — сильнее, чем в среднем по стране, где снижение составило около 22 % (данные операторов, июль 2026). Домашний и офисный Wi-Fi при этом продолжает работать.

Что из этого следует для сайта:

• страница должна быть лёгкой — на слабом соединении тяжёлые изображения и лишние скрипты решают, дождётся посетитель загрузки или нет;
• форма не должна терять данные — если связь оборвалась при отправке, введённое лучше сохранить, а не показывать пустые поля;
• нужен запасной канал связи — телефон и мессенджер на видном месте: часть клиентов в момент ограничений просто позвонит;
• проверять сайт нужно на медленном соединении, а не только на офисном Wi-Fi.

Что входит в адаптацию сайта

Адаптация — это не «сжать всё под ширину экрана». Мобильный экран требует других решений, чем монитор: меньше места, палец вместо курсора, худшее соединение. Поэтому работа идёт по восьми направлениям сразу — от сеток до скорости, и заканчивается проверкой на реальных телефонах, а не в режиме эмуляции браузера.

• Разбор текущей вёрстки — что можно перестроить, а что придётся верстать заново.
• Перестройка сеток и блоков под три основные ширины: телефон, планшет, компьютер.
• Меню и навигация — сворачиваемое меню, доступ к главным разделам в одно нажатие.
• Формы — крупные поля, правильные клавиатуры для телефона и почты, кнопка отправки не под клавиатурой.
• Изображения — сжатие и выдача в современных форматах, отложенная загрузка того, что ниже экрана.
• Скорость — чистка лишних скриптов, кэширование, проверка Core Web Vitals.
• Кликабельные телефон и адрес — нажатие на номер начинает звонок, на адрес — открывает карты.
• Проверка на реальных устройствах — не только в режиме эмуляции браузера.

Сколько стоит адаптация

Единой цены у адаптации нет, и назвать её честно можно только после диагностики. Диагностика бесплатная и занимает 1–2 дня: мы смотрим сайт на реальных устройствах, замеряем скорость, проверяем мобилопригодность и говорим, что именно нужно сделать и сколько это стоит. Никаких обязательств после неё у вас не возникает.

Стоимость зависит от того, сколько типов страниц на сайте и на чём он сделан: перестроить шаблон современной системы управления сайтом (CMS) дешевле, чем сайт, свёрстанный вручную десять лет назад. Иногда честный ответ — адаптация обойдётся дороже нового сайта; в этом случае мы так и говорим, а варианты и цены разработки собраны на странице сколько стоит сайт.

Все новые сайты мы делаем адаптивными по умолчанию — и корпоративные, и одностраничные, и каталоги. Отдельной строкой в смете это не идёт: сайт, неудобный на телефоне, сегодня просто не считается готовым. Когда вместо адаптива нужно мобильное приложение — в разборе «Адаптивный дизайн сайта или приложение».