Общие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Порядок работы

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

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

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

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

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

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

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

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

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

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

Технология

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

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

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

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

Определение мобильных устройств

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

Разрешения экранов

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

Планшеты

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

Адреса (URL) страниц

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

SEO и мобильный сайт

Мы используем технологию, которую рекомендует Google для мобилизации сайта. При индексации сайта мобильный робот обнаруживает мобильную версию и действует дальше согласно правилам поисковой системы. URL’ы остаются едиными, контент также единый.

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

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

Перенос файлов на свой хостинг

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

Какие CMS поддерживаются?

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

AJAX

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

Аналитика

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

Скорость загрузки

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

Как изменения основного сайта влияют на мобильный?

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

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

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

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

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

Формы, корзина и интерактивные элементы

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