Единый URL без редиректов.
Без ваших разработчиков.
Без доступа к CMS.
Запуск за 7 дней.
Технологию рекомендует Google.
Узнайте стоимость мобилизации вашего сайта — точная оценка в течение дня.
Это наша рекомендация. При желании, вы можете заказать любую из наших услуг, а чтобы быть уверенным на все 100% лучше заказывать PRO-адаптацию. Начать заново
Базовая адаптация сайта с изменением CSS стилей. Гарантия прохождения теста Google и Яндекс на мобильность.
Ускоренные мобильные страницы AMP HTML – это технология от Google, которая обеспечивает очень быструю загрузку вашего сайта на смартфонах и привилегии в поисковой выдаче.
Профессиональная адаптация по технологии JavaScript-adaptive с участием дизайнера, front-end разработчика и менеджера проекта.
Почему некоторые сайты нам приятнее других? Что нас раздражает при использования того или иного интерфейса на смартфоне?
ПолучитьТехнология и подход к решению задач eskimobi на 100% доказали свою эффективность на таком сложном и крупном проекте, как ozon.ru
Столько уникальных юзеров посетило мобильные сайты, сделанные в eski.mobi за последний месяц.
Итак, вы решили оптимизировать ваш сайт под мобильные устройства. Вероятно, у вас возникли ключевые вопросы:
Обычно мобильная версия нужна по трём причинам: конверсия, поисковая выдача и лояльность.
Google и Yandex отдают предпочтение в поиске сайтам, у которых есть мобильная версия. В выдаче они отмечаются специальным значком, это увеличивает посещаемость.
Если кратко, то лояльность — это уважение, уровень сервиса. Приятнее покупать там, где продавец вежлив, а сервис удобен. От лояльности зависит конверсия.
Основная цель оптимизации сайта под мобильные — увеличение продаж аудитории, заходящей на сайт со смартфонов. У нас есть опыт запуска ecommerce-проектов, где конверсия увеличивалась на 50% после запуска мобильной версии. Западные специалисты наблюдают тот же эффект.
Не имеет значения, что лучше: лояльность, ранжирование или конверсия. Вопрос «делать или нет» закрыт. Осталось выяснить, как и по какой технологии.
Доступных инструментов много, а какой выбрать непонятно. Есть три основных способа: Адаптивный, Разные URL, Динамический.
Эта конфигурация подразумевает, что на все устройства загружается один и тот же HTML-код, в котором содержится ссылка на внешний JS-файл. Он выполняет разные функции в зависимости от юзер-агента, что и значит динамическую работу. Если устройство – мобильный, порядок блоков в коде изменится или удалится неиспользуемый контент для десктопов.
Такой подход используется в eski.mobi для адаптации сайтов. Он был выбран, так как позволяет контролировать DOM сайта до рендеринга в браузере. Таким образом, сохраняется оригинальный код, а десктопная версия меняет отображение.
Сайт меняет отображение в зависимости от экрана посетителя с помощью CSS Media Queries. Основной код на всех устройствах одинаковый, а за расположением элементов следят CSS-стили. Возможно, дополнительно использовать JavaScript, меняющий поведение и отображение страниц на разных устройствах. В подходе mobile first используется эта технология: сначала вёрстка под мобильные, потом добавляются стили под десктопы.
В группу входят решения, с разным кодом основного сайта. Это даёт больший контроль над функциями и видом мобильной версии. Бывают сложности с внедрением и поддержкой.
Самый простой и быстрый способ создать мобильную версию сайта. Конструктор сканирует структуру основного сайта, цветовую схему, меню и контент. После этого он выдаёт шаблон, который можно настроить как угодно. Преимущество решения — лёгкое управление, возможность добавить геолокацию, кнопку звонка в одно нажатие и многое другое.
Это оболочка, берущая контент с основного сайта и отображающая мобильную версию в ином дизайне. Метод используется в Твиттере, Фейсбук, Вконтакте и т.п. Это самый сложный и трудоёмкий способ.
Отдельный сайт с движком под мобильные устройства. Гигантский минус – это ещё один сайт, который нужно отдельно обслуживать.
Принцип работы может отличаться в зависимости от движка сайта, но в действии плагин — это обнаружитель мобильных, заменяющий тему сайта на адаптированную версию. Наполнение при этом остаётся единым либо отличается — зависит от настроек. Это самое распространённое решение в виду его простоты.
Окончательная цена зависит от выбранной технологии и компетентности исполнителя. Перед тем, как заказать мобильную версию сайта, убедитесь, что подрядчик способен справиться с задачей: Посмотрите не менее десяти сайтов из портфолио исполнителя. Одностраничники не в счёт. Зайдите на все сайты, которые представлены в портфолио. Если какие-то из них не работают, возможно, исполнитель обманщик.
Перед заказом, расспросите подрядчика об известных ему технологиях адаптации. Выясните, какую именно технологию он использует и почему. Узнайте все «за и против», какие исполнитель сможет провести. Укажите в тексте договора сроки исполнения заказа и штраф за просрочку. Но, не забывайте про обратную связь, которая в любом случае понадобится исполнителю.
Обсудите условия и формат технической поддержки в дальнейшем. Начало работы с аудиторией мобильных устройств – новый и очень ответственный шаг. Нужно, чтобы поддержка оказывалась своевременно и не мешала уже устоявшимся процессам в вашем бизнесе. Не стоит забывать, что успешность внедрения зависит от того, хорошо ли вы поняли и усвоили подход mobile first.
