Сегодня мобильную версию делают адаптивной: тот же сайт по тому же адресу перестраивается под ширину экрана. Так рекомендует Google, который индексирует и ранжирует сайты по их мобильной версии. Отдельная версия на поддомене вроде m.site.kz — устаревший путь: её приходится поддерживать параллельно с основной. Цена зависит от того, как свёрстан текущий сайт: если вёрстку можно адаптировать, это доработка; если сайт сделан на шаблоне фиксированной ширины, надёжнее сделать новый. По ориентирам InterLAB лендинг стоит 150–250 тыс ₸, бизнес-сайт — 350–600 тыс ₸, и адаптивная вёрстка входит в эту цену.
Содержание
Почему мобильная версия важнее, чем кажется
Главный аргумент не в моде, а в том, как работает поиск. Google прямо пишет в документации: для индексации и ранжирования он использует мобильную версию сайта, которую обходит робот-смартфон. Если на телефоне часть контента не видна или страница неудобна, это сказывается на том, как сайт показывается в поиске, — даже для тех, кто ищет с компьютера.
Google оценивает сайт по тому, что видит телефон. Мобильная версия — это и есть ваш сайт для поиска.
Второй аргумент — ваши собственные клиенты. Если люди приходят по ссылкам из Instagram, WhatsApp, 2GIS или карт, они открывают сайт в телефоне по определению. Сколько таких посетителей именно у вас, лучше проверить в аналитике, а не верить средним цифрам по рынку.
Три способа сделать мобильную версию
Технически вариантов три, и Google описывает все три. Рекомендует он первый — адаптивный дизайн, потому что его проще всего внедрить и поддерживать.
Адаптивный дизайн
- Как устроен
- Один и тот же HTML по одному адресу, вёрстка перестраивается под экран
- Плюсы
- Один сайт, одни тексты, одна поддержка; рекомендация Google
- Минусы
- Нужна аккуратная вёрстка всех шаблонов страниц
Динамическая выдача
- Как устроен
- Адрес один, но сервер отдаёт телефону другой HTML
- Плюсы
- Можно сильно упростить страницу для телефона
- Минусы
- Две вёрстки, сложнее настройка и проверка
Отдельные адреса (m.site.kz)
- Как устроен
- Отдельный мобильный сайт на поддомене
- Плюсы
- Можно сделать быстро поверх старого сайта
- Минусы
- Два сайта, тексты расходятся, нужны связи между версиями для поиска
Признаки, что мобильная версия не работает
Откройте свой сайт на обычном телефоне и пройдите путь клиента: найти услугу, увидеть цену, оставить заявку. Если хотя бы два пункта ниже про вас, мобильная версия требует работы:
- Текст приходится увеличивать пальцами, чтобы прочитать
- Страница уезжает вбок, появляется горизонтальная прокрутка
- Кнопки и ссылки стоят так близко, что нажимается не то
- Меню не открывается или закрывает половину экрана
- Номер телефона нельзя нажать, чтобы позвонить
- В форме для номера открывается буквенная клавиатура
- Всплывающие окна закрывают содержимое и плохо закрываются
- Страница грузится несколько секунд из-за тяжёлых картинок
Скорость удобно проверить бесплатно в PageSpeed Insights от Google: введите адрес и смотрите результат для мобильных. Отчёт покажет, что тормозит, — чаще всего это несжатые изображения и лишние скрипты.
Доработать вёрстку или сделать сайт заново
Это главный вопрос для бюджета. Ответ зависит не от того, насколько сайт «старый», а от того, как он свёрстан и на чём работает.
Хватит доработки
- Сайт на поддерживаемой платформе, которая обновляется
- Вёрстка современная, ломаются отдельные блоки
- Структура и тексты вас устраивают
- Доступы к хостингу, домену и коду у вас
Выгоднее новый сайт
- Вёрстка фиксированной ширины или таблицами
- Конструктор или тема без поддержки адаптива
- Дизайн и тексты всё равно нужно менять
- Платформа давно не обновляется
От чего зависит цена
Стоимость мобильной версии считают не по числу страниц, а по числу разных шаблонов: главная, страница услуги, каталог, карточка товара, статья. Двадцать однотипных страниц услуг — это один шаблон. На цену также влияют сложные элементы — таблицы, калькуляторы, фильтры каталога — и то, сколько форм и интеграций нужно проверить на телефоне.
Лендинг
- Срок
- 2–4 недели
- Ориентир цены
- 150–250 тыс ₸
Бизнес-сайт, 4–7 страниц
- Срок
- 1–2 месяца
- Ориентир цены
- 350–600 тыс ₸
Каталог или магазин
- Срок
- 2–3 месяца
- Ориентир цены
- 600 тыс – 1,2 млн ₸
Для доработки честной единой цены нет: одному сайту нужно поправить три блока, другому — пересобрать все шаблоны. Правильный порядок — сначала осмотр и список проблем, потом оценка каждой.
Что проверить при приёмке
Реальные телефоны
Откройте сайт на iPhone и на Android, включая узкий экран около 360 пикселей. Эмуляция в браузере не заменяет живой телефон.
Путь клиента
Пройдите от входа до заявки: найти услугу, цену, контакты, написать в WhatsApp или отправить форму.
Формы и клавиатуры
Для телефона — цифровая клавиатура, для почты — с символом @. Заявка должна дойти, проверьте это тестовой отправкой.
Скорость
Прогоните главные страницы через PageSpeed Insights в мобильном режиме и сравните с тем, что было до работ.
Тот же контент
Всё важное, что есть на компьютере, должно быть и на телефоне: Google рекомендует держать содержимое версий одинаковым.
