Узнать стоимостьМы изучим ваш сайт и сделаем предложение

Студия #1 по созданию мобильных сайтов в России

  • Без ваших разработчиков.

  • Без доступа к CMS.

  • Запуск за 7 дней.

  • Технологию рекомендует Google.

Узнать стоимость

Узнайте стоимость мобилизации вашего сайта — точная оценка в течение дня.

Ваш сайт — интернет-магазин?
Да
Нет
Чистая прибыль в месяц
до 100 000 р.
более 100 000 р.
Вы зарабатываете на рекламе?
Да
Нет
Чистая прибыль в месяц?
менее 100 000 р.
более 100 000 р.
Ваш максимальный бюджет
до 15 000 р.
до 50 000 р.
до 200 000 р.
Вероятно, вам больше всего подходит услуга (описание ниже)

Это наша рекомендация. При желании, вы можете заказать любую из наших услуг, а чтобы быть уверенным на все 100% лучше заказывать PRO-адаптацию. Начать заново

GO конструктор

Конструктор для быстрой адаптации простых сайтов.

от 27 руб./день

Попробовать

← На услуги LITE и PRO доступна рассрочка

LITE адаптация

Упрощенная адаптация, меняем только CSS. Быстро и недорого. С участием верстальщика и менеджера проекта.

от 9 900 р.

Подробнее

PRO адаптация

Профессиональная адаптация по технологии JavaScript-adaptive с участием дизайнера, front-end разработчика и менеджера проекта.

от 49 900 р.

Подробнее

Бесплатная книга

Почему некоторые сайты нам приятнее других? Что нас раздражает при использования того или иного интерфейса на смартфоне?

Получить

Мы помогаем ведущим компаниям адаптировать сайты для мобильных устройств

Посмотреть все работы

Технология и подход к решению задач eskimobi на 100% доказали свою эффективность на таком сложном и крупном проекте, как ozon.ru

Михаил Осин

Михаил Осин

Web Director ozon.ru

Столько уникальных юзеров посетило мобильные сайты, сделанные в eski.mobi за последний месяц.

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

  • Зачем нужно делать мобильную версию?
  • Как правильно её создать?
  • Сколько стоит разработка мобильной версии сайта?

Зачем нужно делать мобильную версию сайта?

Обычно мобильная версия нужна по трём причинам: конверсия, поисковая выдача и лояльность.

1. Поисковая выдача

Google и Yandex отдают предпочтение в поиске сайтам, у которых есть мобильная версия. В выдаче они отмечаются специальным значком, это увеличивает посещаемость.

2. Лояльность

Если кратко, то лояльность — это уважение, уровень сервиса. Приятнее покупать там, где продавец вежлив, а сервис удобен. От лояльности зависит конверсия.

3. Конверсия

Основная цель оптимизации сайта под мобильные — увеличение продаж аудитории, заходящей на сайт со смартфонов. У нас есть опыт запуска ecommerce-проектов, где конверсия увеличивалась на 50% после запуска мобильной версии. Западные специалисты наблюдают тот же эффект.

Не имеет значения, что лучше: лояльность, ранжирование или конверсия. Вопрос «делать или нет» закрыт. Осталось выяснить, как и по какой технологии.

Как правильно сделать мобильную версию сайта?

Доступных инструментов много, а какой выбрать непонятно. Есть три основных способа: Адаптивный, Разные URL, Динамический.

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

JavaScript-adaptive (технология eskimobi)

Эта конфигурация подразумевает, что на все устройства загружается один и тот же HTML-код, в котором содержится ссылка на внешний JS-файл. Он выполняет разные функции в зависимости от юзер-агента, что и значит динамическую работу. Если устройство – мобильный, порядок блоков в коде изменится или удалится неиспользуемый контент для десктопов.

Такой подход используется в eski.mobi для адаптации сайтов. Он был выбран, так как позволяет контролировать DOM сайта до рендеринга в браузере. Таким образом, сохраняется оригинальный код, а десктопная версия меняет отображение.

Традиционный адаптивный дизайн

Сайт меняет отображение в зависимости от экрана посетителя с помощью CSS Media Queries. Основной код на всех устройствах одинаковый, а за расположением элементов следят CSS-стили. Возможно, дополнительно использовать JavaScript, меняющий поведение и отображение страниц на разных устройствах. В подходе mobile first используется эта технология: сначала вёрстка под мобильные, потом добавляются стили под десктопы.

Разные URL

В группу входят решения, с разным кодом основного сайта. Это даёт больший контроль над функциями и видом мобильной версии. Бывают сложности с внедрением и поддержкой.

Конструктор

Самый простой и быстрый способ создать мобильную версию сайта. Конструктор сканирует структуру основного сайта, цветовую схему, меню и контент. После этого он выдаёт шаблон, который можно настроить как угодно. Преимущество решения — лёгкое управление, возможность добавить геолокацию, кнопку звонка в одно нажатие и многое другое.

API

Это оболочка, берущая контент с основного сайта и отображающая мобильную версию в ином дизайне. Метод используется в Твиттере, Фейсбук, Вконтакте и т.п. Это самый сложный и трудоёмкий способ.

Отдельная CMS

Отдельный сайт с движком под мобильные устройства. Гигантский минус – это ещё один сайт, который нужно отдельно обслуживать.

Динамический показ

Плагин

Принцип работы может отличаться в зависимости от движка сайта, но в действии плагин — это обнаружитель мобильных, заменяющий тему сайта на адаптированную версию. Наполнение при этом остаётся единым либо отличается — зависит от настроек. Это самое распространённое решение в виду его простоты.

Сколько стоит?

Окончательная цена зависит от выбранной технологии и компетентности исполнителя. Перед тем, как заказать мобильную версию сайта, убедитесь, что подрядчик способен справиться с задачей: Посмотрите не менее десяти сайтов из портфолио исполнителя. Одностраничники не в счёт. Зайдите на все сайты, которые представлены в портфолио. Если какие-то из них не работают, возможно, исполнитель обманщик.

Перед заказом, расспросите подрядчика об известных ему технологиях адаптации. Выясните, какую именно технологию он использует и почему. Узнайте все «за и против», какие исполнитель сможет провести. Укажите в тексте договора сроки исполнения заказа и штраф за просрочку. Но, не забывайте про обратную связь, которая в любом случае понадобится исполнителю.

Обсудите условия и формат технической поддержки в дальнейшем. Начало работы с аудиторией мобильных устройств – новый и очень ответственный шаг. Нужно, чтобы поддержка оказывалась своевременно и не мешала уже устоявшимся процессам в вашем бизнесе. Не стоит забывать, что успешность внедрения зависит от того, хорошо ли вы поняли и усвоили подход mobile first.