Адаптация сайта под мобильные устройства
Настраиваем мобильный вид существующего сайта: текст читается без увеличения, меню открывается пальцем, формы помещаются в экран и отправляются, карточки и таблицы не разъезжаются. Редизайн и смена адресов не входят; вид согласованных шаблонов на компьютере проверяем до сдачи и после переноса.
- Не меняем адреса страниц и админку; вид согласованных шаблонов на компьютере проверяем до сдачи и после переноса.
- Один адаптивный сайт вместо отдельной версии на мобильном поддомене.
- Лендинг — от 18 000 руб., корпоративный сайт — от 30 000 руб., магазин или каталог — от 60 000 руб. или по смете.
- Диагностика — 5 000 руб., сумма засчитывается в стоимость адаптации.
Что проверяем на телефоне
Сначала проверяем формы, корзину и кнопки обращения: их поломка мешает посетителю отправить заявку или заказ. Остальные проблемы исправляем по порядку.
Текст приходится увеличивать пальцами
Телефон показывает уменьшенную копию компьютерной страницы. Настраиваем viewport — служебную строку, которая сообщает браузеру ширину экрана, — и размеры текста. Возможность увеличить страницу пальцами сохраняем.
Страница уезжает вбок
Картинка, таблица или блок с жесткой шириной распирает страницу. Находим этот элемент и перестраиваем его под узкий экран. Большую таблицу можно прокручивать внутри нее, но сама страница остается на месте.
Меню не открывается или закрывает экран
Меню рассчитано на мышь или занимает несколько строк. Делаем мобильное меню с понятной вложенностью, которое открывается кнопкой и закрывается одним касанием.
Палец попадает в соседнюю кнопку
Увеличиваем область нажатия и расстояние между ссылками и кнопками. Кнопки звонка, заявки и покупки выносим туда, где по ним удобно нажать.
Форма не помещается или не отправляется
Исправляем ширину полей, положение кнопки и капчи, проверяем сообщения об ошибках. Затем отправляем форму с телефона и проверяем, что заявка дошла.
Карточки, таблицы и слайдеры разъезжаются
Карточки перестраиваем в колонку, таблицу — в список или прокрутку внутри блока. У слайдеров и всплывающих окон оставляем доступные кнопки управления и закрытия.
На телефоне пропадают части страницы
Возвращаем важные тексты, заголовки и функции. Длинные разделы можно свернуть во вкладки или раскрывающиеся блоки, но их содержимое остается на странице.
Сколько стоит адаптация сайта
Цена зависит от числа разных шаблонов и состояния верстки. Полный список проблем, состав работ, смету и срок готовим после диагностики за 5 000 руб.
Лендинг или сайт-визитка
от 18 000 руб.Адаптируем первый экран, меню, формы, типовые блоки и всплывающие окна, проверяем сайт на телефонах.
Подходит, если у вас небольшой сайт с одной посадочной или несколькими типовыми страницами.
Корпоративный сайт
от 30 000 руб.Адаптируем главную, внутренние страницы, страницы услуг и статей, контакты, формы и мобильное меню.
Подходит, если у вас сайт компании с несколькими типами внутренних страниц.
Интернет-магазин или каталог
от 60 000 руб. или по сметеАдаптируем каталог, карточку товара, фильтр, корзину, оформление заказа и формы.
Подходит, если у вас каталог или магазин с отдельными шаблонами товаров и покупки.
Цену определяет не число страниц, а число разных шаблонов. Если пятьдесят страниц собраны на одном шаблоне и в их содержимом нет отдельных мобильных проблем, основная адаптация нужна одному шаблону. Уникальные таблицы, изображения и другие вставки проверяем отдельно. Десять страниц, сверстанных каждая по-своему, могут потребовать больше работы.
Цена растет, если в сайте много уникальных страниц, старая верстка с фиксированной шириной, сложные слайдеры и всплывающие окна, нестандартная корзина или нет доступа к шаблону и рабочей копии.
Условия работы
Диагностика: проверяем сайт и составляем список проблем. При заказе адаптации сумма засчитывается в стоимость работ.
Точечная правка: если сломано одно меню, одна форма или один шаблон, считаем по часам. Минимум — один час.
Оплата поэтапная: порядок платежей фиксируем в смете после диагностики. Три месяца на исправление наших ошибок: если после сдачи работ находится ошибка в нашей работе, исправляем ее бесплатно в течение трех месяцев.
Что входит в адаптацию и что считается отдельно
Сначала исправляем мобильное поведение действующего сайта. Новый дизайн, функционал и продвижение — отдельные задачи.
Считается отдельно
Редизайн или новый сайт
Новый внешний вид, новая структура и разработка сайта заново не входят в адаптацию.
Отдельный мобильный сайт или приложение
Мобильную версию на поддомене и приложение для телефона не разрабатываем в составе этой услуги.
Новый функционал
Личный кабинет, калькулятор, квиз, фильтр, корзина и интеграции оцениваются отдельной сметой.
Тексты и наполнение
Новые тексты и массовое наполнение каталога не входят в адаптацию.
Полное ускорение сайта
Сервер, кеширование, модули и скрипты относятся к отдельной задаче по ускорению.
SEO и реклама
Продвижение и реклама после адаптации оплачиваются отдельно. Рост позиций и заявок не гарантируем.
При сдаче проверяем согласованные страницы и шаблоны на экранах от 320 пикселей: чтение текста без увеличения, меню и кнопки, отправку форм, карточки, таблицы, слайдеры и всплывающие окна. Вид согласованных шаблонов на компьютере проверяем до сдачи и после переноса. Сайт также проверяем в Lighthouse и, если есть доступ, в Вебмастере Яндекса.
Один сайт, а не мобильная версия на поддомене
Отдельный сайт для телефонов на адресе вида m.site.ru — допустимый подход. Но для большинства сайтов проще адаптивная верстка: один сайт, один адрес и одна админка, а блоки перестраиваются под ширину экрана.
Google рекомендует адаптивный вариант как самый простой в поддержке. Для отдельной версии нужно синхронизировать два набора адресов, текстов, метатегов и разметки и правильно связать соответствующие страницы. Изменения приходится вносить в обе версии.
Поэтому отдельную мобильную версию мы не делаем. Если она у вас уже есть и отстает от основного сайта, можем обсудить перевод на адаптив — это отдельная оценка.
Сайты, которые мы сделали
С 2004 года мы сделали более 500 сайтов для малого и среднего бизнеса во множестве тематик.
Корпоративный сайт с услугами, ценами, проектами и статьями.
Посмотреть проект →
Сайт-каталог с сотнями товаров, фильтрами и региональными страницами.
Посмотреть проект →
Сайт школы финансовой грамотности с программами и онлайн-оплатой.
Посмотреть проект →
Сайт сети центров кузовного ремонта с услугами и быстрым обращением.
Сайт-каталог строительной компании с проектами домов и бань.
Корпоративный сайт компании с направлениями работы и каталогом продукции.
Топ-Ремонт
Пришлите адрес сайта и опишите задачу
Известную точечную правку выполняем по 3 000 руб./час, минимум один час. Полный список проблем, состав работ, смету и срок готовим после диагностики за 5 000 руб.; сумма засчитывается в адаптацию.
- Разберем, что не работает на телефоне
- Подскажем, хватит ли точечной правки
- Смету и срок назовем до начала работ
Как проходит адаптация сайта
Шесть этапов от диагностики до переноса правок.
- 01
Проводим диагностику
Открываем ключевые страницы на телефонах и планшетах, проверяем меню, разделы, формы, корзину и оформление заказа.
Результат: Список проблем с адресами страниц и условиями, в которых они повторяются.
- 02
Считаем состав
Определяем разные шаблоны сайта и согласуем, как главная, внутренние страницы, каталог, карточка, корзина и формы перестраиваются на телефоне.
Результат: Состав работ, смета и срок.
- 03
Готовим рабочую зону
Если возможно, разворачиваем тестовую копию сайта или отдельную рабочую зону. Если копию сделать нельзя, заранее согласуем порядок правок на рабочем сайте.
Результат: Подготовлен и согласован способ внесения изменений.
- 04
Адаптируем шаблоны
Настраиваем сетку, меню, формы, кнопки, карточки, таблицы, слайдеры и всплывающие окна. Проверяем также содержимое, вставленное через редактор страниц.
Результат: Согласованные шаблоны адаптированы для телефонов; их вид на компьютере проверен перед переносом.
- 05
Проверяем сценарии
На разных экранах повторяем начальную проверку, отправляем формы и оформляем тестовый заказ, если на сайте есть корзина.
Результат: Согласованные страницы и действия проверены перед сдачей.
- 06
Переносим на сайт
Переносим проверенные правки на рабочий сайт, повторяем проверку и, если есть доступ, смотрим страницы в Вебмастере Яндекса.
Результат: Проверенные правки перенесены на рабочий сайт, согласованные страницы и сценарии повторно проверены. Если после сдачи работ находится ошибка в нашей работе, исправляем ее бесплатно в течение трех месяцев.
Почему Меноком
Шесть оснований доверить нам мобильную адаптацию действующего сайта.
Работаем с 2004 года
Отличаем проблему общего шаблона от содержимого, вставленного через редактор. От этого зависит, где исправлять верстку и сколько страниц нужно проверять.
1600+ клиентов из 80 тематик
В магазине проверяем каталог, карточку и корзину, на сайте услуг — телефон, форму и запись. Состав работ связываем со сценариями, которыми пользуются посетители.
500+ сайтов продвинуто по SEO
Google оценивает сайт по мобильной версии, поэтому после правок проверяем адреса, метатеги, заголовки и тексты согласованных страниц.
Официальный партнер 1С-Битрикс
Понимаем, что настраивается в готовом решении штатно, а что нужно править в шаблоне и компонентах. Работаем также с WordPress; другие системы смотрим по запросу.
Адаптацию отделяем от редизайна
Если вид сайта на компьютере устраивает, исправляем мобильное поведение. Если устарели внешний вид и структура, отдельно оцениваем редизайн или новый сайт.
Правки сначала проверяем
Если можно сделать тестовую копию или отдельную рабочую зону, сначала вносим изменения там. Порядок переноса на рабочий сайт согласуем заранее.
Среди клиентов Менокома
Компании, с которыми мы работали по разным проектам.
Адаптация, точечная правка, редизайн или новый сайт
Выбор зависит от того, что именно не работает и устраивает ли вас сайт на компьютере.
Сохраняем действующий сайт
- Адаптация под мобильные. Сайт на компьютере устраивает, но на телефоне им неудобно пользоваться. Редизайн и смена адресов не входят; вид согласованных шаблонов на компьютере проверяем до сдачи и после переноса. Цена зависит от типа сайта.
- Точечная правка. Сломано одно меню, одна форма, один слайдер или один шаблон. Работа стоит 3 000 руб./час, минимум один час.
Нужна более широкая работа
- Редизайн. Устарел внешний вид на компьютере и телефоне, первый экран, стиль страниц или путь к заявке. Адаптация меняет раскладку, а не дизайн.
- Новый сайт. Структура, тексты, система управления и логика устарели одновременно. Новый сайт проектируем как отдельную услугу и сразу делаем адаптивным.
Адаптация может быть нецелесообразна, если почти все страницы уникальны, общих шаблонов нет, верстка по всему сайту сделана таблицами или с фиксированной шириной либо для телефона нужен другой дизайн.
Частые вопросы
01Внешний вид сайта на компьютере изменится?
Не должен: редизайн в услугу не входит. До сдачи и после переноса проверяем вид на компьютере у согласованных шаблонов и страниц, которые вошли в область приемки.
02Адреса страниц и позиции в поиске сохранятся?
Адреса, заголовки, метатеги и тексты согласованных страниц не меняем. Сохранение конкретных позиций гарантировать нельзя: поисковые системы пересчитывают их по множеству факторов. После переноса проверяем страницы в Вебмастере Яндекса, если есть доступ.
03Можно адаптировать только одну страницу или форму?
Да. Если задача точечная, считаем ее как доработку по 3 000 руб./час, минимум один час.
04Почему вы не делаете отдельную мобильную версию на поддомене?
Это второй сайт, который нужно поддерживать параллельно: два набора адресов, текстов и метатегов. Google рекомендует адаптивный вариант как самый простой в поддержке. Для большинства сайтов одна адаптивная версия проще в сопровождении.
05Сайт не сломается во время работ?
Если можно сделать тестовую копию или отдельную рабочую зону, сначала правим и проверяем сайт там. Если нельзя, заранее согласуем порядок изменений и проверки на рабочем сайте.
06Сколько времени занимает адаптация?
Срок зависит от числа шаблонов и состояния верстки. Фиксируем его после диагностики за 5 000 руб.; сумма засчитывается в адаптацию.
07Нужна ли диагностика, если проблема очевидна?
Если известна конкретная поломка, выполняем ее как точечную правку по 3 000 руб./час, минимум один час. Полный список проблем, состав работ, смету и срок готовим после диагностики за 5 000 руб.; сумма засчитывается в адаптацию.
08Если сайт очень старый, вы все равно возьметесь?
Диагностика покажет число разных шаблонов, состояние верстки и отдельные проблемы содержимого. По ее итогам фиксируем состав адаптации, смету и срок; если нужна более широкая работа, отдельно оцениваем редизайн или новый сайт.
09Что будет с таблицами и длинными текстами?
Таблицы перестраиваем для узкого экрана, а большие таблицы с данными оставляем с прокруткой внутри таблицы — сама страница вбок не уезжает. Длинные тексты не удаляем: при необходимости сворачиваем их в раскрывающиеся блоки.
10Вы проверяете сайт тестом Google на мобильность?
Такого теста больше нет: Google отключил его в декабре 2023 года. Мы проверяем сайт на телефонах по сценариям, смотрим Lighthouse и, если есть доступ, страницы в Вебмастере Яндекса.
11Скорость на телефоне тоже исправляете?
В рамках адаптации сжимаем тяжелые картинки и следим, чтобы изменения не утяжелили страницу. Если сайт медленный из-за сервера, модулей или скриптов, ускорение оцениваем отдельно.
12Работаете только с Битриксом?
Основные платформы — 1С-Битрикс и WordPress. Другие системы и конструкторы смотрим по запросу: скажем, возьмемся или нет.
Пришлите адрес сайта и опишите проблему
Известную точечную правку выполняем по 3 000 руб./час, минимум один час. Полный список проблем, состав работ, смету и срок готовим после диагностики за 5 000 руб.; сумма засчитывается в адаптацию.
