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

Технология оптимизации сайта под мобильные устройства

Мы создаём мобильный UX, который удобно поддерживать.

Существует несколько способов решения задачи по правильной работе с мобильной аудиторией. Наиболее популярные способы — это адаптивный дизайн (responsive web design) или использование готового плагина для системы управления сайтом (CMS). У каждого способа есть свои преимущества и недостатки. Как правило, заказчику требуется универсальное решение, которое, с одной стороны, удобно и бюджетно в поддержке, а с другой, позволяет повторить логику основного сайта без потери качества и раздувания бюджета.

Технология eski.mobi (JavaScript-adaptive) — это именно то решение, которое обладает всеми положительными характеристиками. Оно позволяет запустить лучший мобильный UX в кратчайшие сроки без необходимости внедрения в CMS, базу данных или API.

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

Интеграция за 5 минут ⚡️

С точки зрения интеграции, вам нужно установить всего одну строчку JavaScript-кода себе на сайт. Всю дальнейшую работу по адаптации команда eski.mobi сделает сама. Подробнее о коде.

Какими преимуществами обладает технология eski.mobi

Полная совместимость с любыми CMS

Наша технология позволяет адаптировать все сайты с любыми системами управления, включая кастомные «самописные» решения. Это возможно благодаря тому, что технология JavaScript-adaptive работает на уровне HTML сайта, загружаемого в браузер, вместо исходного кода системы управления

Мобильная версия доступна по единому URL’у без редиректов

Адаптированный ресурс будет доступен по тому же адресу, что и основной без лишних переадресаций или поддоменов. Это сокращает вероятность SEO ошибок или санкций со стороны поисковых систем.

Гарантия безопасности для ваших бизнес-процессов

Вам больше не придется волноваться о том, что ресурс, на разработку и продвижение которого было затрачено столько времени и сил, внезапно выйдет из строя из-за интеграционных процессов во время оптимизации под мобильные устройства. Наша технология работает без интеграции с CMS, API и базой данных.

Простая интеграция за несколько минут

Со стороны заказчика требуется лишь установить одну строчку JavaScript кода на основной веб-сайт. На это потребуется всего 5 минут даже без профессиональных знаний вёрстки или программирования. Ознакомьтесь с инструкцией по внедрению, чтобы убедиться в её простоте.

Автоматическая оптимизация изображений

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

100% синхронизация контента и скриптов

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

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

Мы предлагаем несколько вариантов создания мобильной/адаптивной версии для вашего сайта.

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

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

от 27 ₽/день

Попробовать

Самый простой и бюджетный вариант — это конструктор GO. Данный способ отлично подходит для оптимизации простого ресурса в кратчайшие сроки без знаний и навыков HTML. Если ваш ресурс некорректно отображается на мобильных устройствах, вам отлично подойдет drag-and-drop конструктор мобильных сайтов GO, который позволяет за пару минут получить мобильную версию с удобной навигацией, набором кнопок для мгновенного звонка, формой для связи и другими важными компонентами.

Сервис работаем по модели подписки, начиная от 27 рублей в день (на ежегодном тарифном плане), однако существует и вариант подписки «на всю жизнь» без ежемесячных платежей. Недостатком данного метода является несовместимость с интернет-магазинам и сложными ресурсами с обилием JavaScript.

LITE адаптация

Базовая адаптация сайта с изменением CSS стилей. Гарантия прохождения теста Google и Яндекс на мобильность.

29 990 ₽

Подробнее

Адаптивная вёрстка LITE — это вторая услуга в нашем арсенале. Она представляет собой упрощенную адаптацию с корректировкой лишь CSS стилей, без уникального дизайна каждого шаблона. Данная методика позволяет корректно отобразить блоки вашего сайта на мобильных устройствах без горизонтального скролла. В отличие от конструктора GO, работа по адаптации выполняется командой eski.mobi с участием менеджера проектов и front-end разработчика.

По методике LITE адаптировать можно абсолютно любой сайт, включая e-commerce проекты. Поскольку этап дизайна не предусмотрен в рамках LITE, а интеграция сводится к установке одной строчки кода, весь процесс создания мобильной версии от начала до конца занимает в среднем одну рабочую неделю.

Это лучшее решение для быстрого решения некорректного отображения сайта на мобильных. Важно заметить, что сайты, адаптированные по LITE технологии помечаются поисковыми системами Яндекс и Google, как мобильные и получает приоритет в ранжировании. Стоимость услуги начинается всего 29 990 ₽ для простых сайтов. Для индивидуального расчёта, необходимо заполнить форму на оценку.

PRO адаптация

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

цена по запросу

Подробнее

PRO адаптация — это топовая услуга eski.mobi, в рамках которой было адаптировано уже более 150 сайтов, включая такие известные, как OZON.ru, Утконос, Банк Homecredit, Samsung, EsetNOD32, KIA, Renault, Аквафор и многие другие.

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

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

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

Как работает LITE и PRO технология

Добавляем тег eski.mobi в head основного сайта.

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

Тег вставляет строку plaintext и скрывает её, чтобы браузер не выполнял html код.

Теперь у нас есть полный контроль над DOM-ом страницы.

Затем тег загружает мобильные шаблоны eski.mobi для текущего сайта.

В мобильном шаблоне мы используем другой набор CSS стилей, предназначенный только для мобильных. Стили основного сайта не загружаются.

В мобильном шаблоне также можно добавить новые блоки и JavaScript-функции исключительно для мобильного UX.

В итоге мы получаем новый, оптимизированный вид оригинального сайта на мобильном устройстве.

На desktop устройствах тег eski.mobi не выполняется и пользователь видит привычный полноценный сайт.

Вопросы и ответы

"Мобильный сайт" или "адаптивный" — в чём разница?

Принято считать, что "мобильный сайт" — это некая отдельная сущность. В былые времена, когда доля посетителей со смартфонов не превышала 5%, владельцы сайтов создавали отдельный мобильный сайт на поддомене. Как правило, это отдельный сайт и контент не синхронизировался с основной версией. Позже, мобильные сайты научились делать с помощью отдельного шаблона для CMS (это до сих пор остаётся самым распространённым способом): в этом случае контент синхонизирован с основным сайтом, однако при изменении логики основного — это никак не отражается на мобильном. То есть, отдельный шаблон для CMS — это тоже не удобно. В конце-концов появился адаптивный дизайн, который меняет отображения сайта на различных экранах, сохраняя контент и логику работы единой на всех устройствах. Именно этот подход мы используем для LITE и PRO адаптации. Итак, что же лучше — "мобильный сайт" или "адаптация"? Формулировка не имеет значения. Значение имеет технология! В случае eskimobi это технология называется JavaScript-adaptive и является продвинутой версией чистого responsive design (то, что рекомендует Google). Если говорить простым языком, то мы делаем ваш сайт адаптивным, делая его удобным для смартфонов. Подробнее о всех преимуществах адаптации сайта у нас можно узнать в разделе "Технология".


Зачем делать сайт мобильным?

Сайт, который адаптирован для смартфона, лучше конвертирует посетителей в покупателей, потому что он удобнее. Кроме этого, с 2015 года поисковые системы Google и Yandex лучше ранжируют сайты, которые правильно работают на смартфонах. Поисковая система заинтересована, чтобы контент был доступен в удобном для пользователя виде, независимо от устройства. Таким образом, если ваш сайт не мобильный — вы получаете меньше клиентов.


Это адаптивный дизайн?

Да, мы используем адаптивный дизайн, чтобы сделать ваш сайт мобильным. В рамках LITE адаптации наши front-end разработчики добавляют мобильные CSS стили для вашего сайта, чтобы он корректно отображался на маленьких экранах.


Это онлайн сервис (прокси)?

Нет, это не онлайн севрис. Мы выполняем работу по адаптации один раз и навсегда без дополнительных или скрытых платежей.


Какую технологию вы используете?

Мы используем адаптивный дизайн с добавлением JavaScript для определения мобильных устройств по user-агентам. Преимущества:
1. Единый HTML на основном и мобильном сайте.
Когда вы меняете контент на основном сайте, все изменения мгновенно отображаются и на мобильном. Любой контент: новости, акции, категории товаров, изображения появляются одновременно на всех устройствах, потому что HTML везде единый.
2. Единый URL.
Посетители вашего сайта получают адаптированный контент с единого URL адреса, независимо от устройства. Когда кто-нибудь даёт ссылку на ваш сайт или публикует в социальной сети, все кто по ней перейдёт со смарфтона — сразу увидят адаптированную мобильную версию этой страницы.
3. Легко поддерживать и развивать.
Если вы добавляете новый интерактивный функционал или делаете полный редизайн — мобильную версию легко держать в актуальном состоянии, дописывая новые CSS-стили. У вас даже есть возможность управлять тем, какие JavaScript-функции должны выполняться на мобильных устройствах.


Какие устройства вы поддерживаете?

Поддерживаются абсолютно все современные мобильные устройства и операционные системы.


Чем LITE отличается от PRO адаптации?

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


Сколько времени занимает адаптация?

Адаптация занимает не более 7 рабочих дней в соответствии с офертой. Работа начинается в течение 2 дней после оплаты.


Где располагается мобильный сайт (хостинг) во время адаптации?

На период разработки мобильный сайт (файлы JS и CSS) располагаются на облачном хостинге eskimobi. Мы используем хостинг Digital Ocean с ближайшим сервером в Амстердаме. Вы также можете самостоятельно размещать мобильный сайт на своём хостинге.


Что требуется от заказчика?

Для начала адаптации мы просим установить два файла в шапку вашего сайта (CSS и JS файл). Как правило, это делается в шаблоне вашей CMS и занимает всего 5 минут. Вот подробная инструкция по установке.


Как это повлияет на мой сайт?

Установка файлов на основной сайта заказчика НИКАК НЕ ПОВЛИЯЕТ НА ЕГО РАБОТОСПОСОБНОСТЬ. Как только мобильная версия сайта будет готова, она автоматически станет доступной для мобильных посетителей сайта. Никаких дополнительных действий в отношении основного сайта не потребуется. При желании, вы можете установить файлы eskimobi на тестовый сервер.


От меня что-то ещё нужно?

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


Это безопасно?

Да, это безопасно на 100%. Файлы располагаются на нашем надёжном сервере и отдаются по защищенному протоколу HTTPS. Вы можете ознакомится с содержанием файлами примерами по ссылкам: CSS стили, JS библиотека.


Какие CMS вы поддерживаете?

Поскольку мы используем адаптивный дизайн без внедрения в CMS или базу данных, поддерживаются абсолютно любые системы управления, включая самописные решения.


Поменяются ли адреса страниц?

Нет, адреса страниц (URL) не изменятся.


Что будет с формами, корзиной и другими интерактивными элементами?

Все формы и логика работы оригинального сайта не меняются.


Для планшетов адаптируете?

Мы причисляем планшеты к устройствам с большим размером экрана и не рекомендуем показывать на этих устройствах мобильную версию.


Что насчёт SEO?

Мы используем технологию, которую рекомендует Google для мобилизации сайта. При индексации сайта мобильный робот обнаруживает мобильную версию и действует дальше согласно правилам поисковой системы. URL'ы остаются едиными, контент также единый. Рекомендации google по созданию мобильных сайтов — developers.google.com/webmasters/smartphone-sites/details


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

Код eskimobi содержит в себе список самых популярных юзер агентов, которые считаются мобильными. Это все Android, iOS устройства и ряд других. Кроме этого, возможно дополнительно разделять смартфоны и планшеты.


Что происходит с сайтом на разных экранах?

Поскольку мы используем адаптивный дизайн, сайт подстраивается под любой экран (от смартфона до планшета) и занимает все 100% доступного пространства. В ходе тестирования мы проверяем мобильный сайт на ряде iOS и Android устройств с разными диагоналями экранов. Существует максимальная ширина (768 пикселей), при которой мобильный сайт дальше не растягивается с целью повышения юзабилити.


Яндекс и Google будут считать мой сайт мобильным?

Да! Все сайты, которые мы адаптируем проходят проверку на мобильность поисковых систем. При индексации сайта мобильный робот обнаруживает мобильную версию и действует дальше согласно правилам поисковой системы. URL'ы остаются едиными, контент также единый.


Можно ли сохранить дизайн/стиль основного сайта в мобильной версии?

Да! В рамках LITE адаптации отсутствует этап дизайна, поэтому весь стиль будет сохранён. В рамках PRO адаптации, мы можем сделать мобильную версию такой, как вы пожелаете: это может быть копия стиля основного сайта, копия стиля другого сайта или совершенно новый дизайн, предложенный нашими дизайнерами.

Аналитика (метрика и google) будут работать?

Да! Все внешние сервисы будут работать на смартфонах также, как на обычных компьютерах. При желании, можно установить дополнительные счётчики на мобильную версию.


Мобильный сайт будет быстрее работать?

Мобильная версия будет работать с такой же скоростю, как основной сайт. Если вам важно оптимизировать работу сайта, используйте инструмент Page Insights для получения подробного отчёта и рекомендаций.


Если я внесу изменения в основной сайт, как это отразится на мобильном?

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


Как технология eskimobi работает с javascript и ajax основного сайта?

Все javascript и ajax функции сохраняются и продолжают работать как на основном сайте. Никаких дополнительных работ не требуется.


Как менять/поддерживать/развивать мобильный сайт?

Очень просто. Результат адаптации — это обычный CSS файл, который вы можете редактировать по своему усмотрению, таким образом добавляя новые стили.


Воспринимается ли тег eskimobi как код основного сайта?

Да, воспринимается и помечается в результатах поиска.


Я могу забрать адаптивные файлы на свой хостинг?

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


Почему так дёшево и быстро?

Потому что мы — ведущая студия по адаптации сайтов в России с огромным опытом работы, как с мелкими бизнесом, так и крупнейшими порталами страны (OZON, Эльдорадо, Утконос, TEZ-TOUR). За время существования мы научились эффективно расходовать своё время, сохраняя при этом высокое качество работы. Мы понимаем нужды бизнеса и поэтому придумали LITE адаптацию, как быстрое и эффективное решение проблемы мобильности сайта. Для заказчиков с более высокими требованиями к мобильному UX, мы предлагаем PRO адаптацию.


Что, если мне не понравится результат?

Это очень маловероятно. Перед началом мы рекомендуем ознакомиться с примерами работ, чтобы заранее понимать какой результат вы получите. Если всё же у вас появятся правки к мобильной версии после сдачи работы, мы будем готовы их принять и исправить все найденные баги в соответствии с офертой.


Как можно оплатить?

Вы можете оплатить онлайн банковскими картами VISA и MasterCard (мгновенная оплата) или выписать счёт на оплату для юридического лица (срок зачисления зависит от вашей бухгалтерии и банка). В обоих случаях мы приступим к работе сразу после поступления оплаты в течение 2х рабочих дней.


У вас другой вопрос? Свяжитесь с нами любым удобным способом.