- Что такое адаптивная или мобильная версия?
- Зачем она нужна?
- Какие есть варианты реализации
- Но ведь можно сделать адаптивный интерфейс таким же как в мобильной версии?
- Как реализована адаптивность в Хорошопе?
- Зачем нужно две версии, почему бы не обойтись одной адаптивной, как поступают многие сайты?
- Но ведь отдельная мобильная версия на отдельном поддомене создает проблемы для seo-продвижения?
- Кто еще использует отдельную мобильную версию?
- А мобильное приложение?
- В чем минусы отдельной мобильной версии?
- А говорят, что Google рекомендует внедрять именно адаптивную версию?
- Можно ли использовать мобильную версию Хорошопа для других сайтов?
- Как посмотреть мобильную версию Хорошопа?
- Остались вопросы?
Что такое адаптивная или мобильная версия?
Мобильная версия — это специальная версия сайта, которая делает его более удобным для использования на мобильных устройствах. Пользователи работают с сайтами на мобильных устройствах совсем иначе чем на десктопных ПК или ноутбуках:
- меньше экран = меньше контента на одном экране = нужно выводить только основной;
- другие органы управления — сенсорный дисплей вместо мыши;
- меньше времени на принятие решения (часто на ходу или в транспорте);
- медленнее интернет и производительность устройства.
Поэтому для мобильных пользователей нужен отдельный адаптированный интерфейс.
Зачем она нужна?
Еще в 2013 году в Украине было всего 3% мобильного трафика. Но с тех пор ситуация сильно поменялась. Внедрение 3G и активное использование смартфонов и планшетов привело к тому, что сейчас, согласно информации Google-Украина, доля мобильного траффика в Украине составляет 37%. А согласно исследованию WayForPay, около 14% заказов в интеренете пользователи совершают с мобильных устройств. И эти цифры постоянно увеличиваются. В мире, уже более 50% всего траффика — мобильный, и в некоторых продвинутых странах уже более 50% заказов совершаются на мобильных устройствах.
Другими словами, доля мобильных пользователей уже очень заметна и постоянно растет, так что мобильная версия уже стала обязательной функцией при создании интернет-магазина.
Вторая задача — Google и Яндекс заботятся о своих пользователях, стараясь показывать им в результатах выдачи более качественные и удобные сайты. И показывают такие сайты выше в своей выдаче. И наличие специальной мобильной версии они заслуженно считают важным критерием качества сайта. Таким образом наличие мобильной версии позволяет нам привлечь больше покупателей на сайт и, соответственно, еще больше увеличить продажи сайта.
Какие есть варианты реализации
В данный момент наиболее распространены два варианта: единая адаптивная версия и отдельная мобильная. Отличия между ними хорошо описаны в статье. Мы выделили основные отличия.
Интерфейс | Код | |
---|---|---|
Мобильная версия | Создается отдельная версия сайта с интерфейсом для смартфонов и планшетов без оглядки на интерфейс основного сайта но с общими элементами дизайна. От этого выигрывает и десктопная версия, ей не нужно прогибаться под мобильную | Код мобильной версии лишен кода основного сайта и оптимизирован для быстрой загрузки на мобильных устройствах. Создается впечатления, будто используешь мобильное приложение. |
Адаптивная версия | Создается единый интерфейс, который с помощью верстки адаптируется под экраны мобильных устройств. При проектировании такого интерфейса необходимо искать компромисс и учитывать сразу все устройства, на которых будет отображаться сайт. | В адаптивной версии единый код для всех устройств. В итоге на смартфон загружается весь код основного сайта. Кода больше, он дольше загружается и медленее работает в браузере смартфона |
Но ведь можно сделать адаптивный интерфейс таким же как в мобильной версии?
Да, можно. Но это сделать сложнее чем в мобильной версии и это требует еще больше программного кода в адаптивной версии. В отдельной мобильной версии значительно проще сделать интерфейс максимально заточенный под мобильные устройства без перекраивания основного сайта.
Как реализована адаптивность в Хорошопе?
В Хорошопе есть две разных версии: адаптивная десктопная и мобильная. Десктопная адаптируется под разные размеры обычных компьютеров: десктопов и ноутбуков.
И отдельная мобильная версия, которая автоматически запускается на мобильных устройствах (смартфонах и планшетах), адаптируясь под размер их экрана.
Зачем нужно две версии, почему бы не обойтись одной адаптивной, как поступают многие сайты?
Действительно, возможно создание интернет-магазина с единой адаптивной версией под все типы устройств. Но такой подход имеет определенные технологические ограничения не позволяющие сделать два разных интерфейса для компьютеров и мобильных устройств.
Но ведь отдельная мобильная версия на отдельном поддомене создает проблемы для seo-продвижения?
Дело в том, что наша мобильная версия открывается на основном домене, на тех же адресах страниц что и основная версия. Она не создает дубликатов страниц. Поэтому никакой проблемы с индексацией нет. Гугл отлично оценивает качество нашей мобильной версии и хороши индексирует наши сайты. Так же нет необходимости пользователям запоминать отдельный адрес сайта.
Кто еще использует отдельную мобильную версию?
Отдельную мобильную версию используют большинство крупных мировых и украинских интернет-магазинов: Amazon, Алиэкспресс, Asos, Zappos, Ikea, Rozetka, Fotos и другие.
А мобильное приложение?
Мобильное приложение — это решение другой задачи. Согласно статистике, пользователи проводят в приложениях 80% своего времени использования устройств, и всего лишь 20% в браузерах. Но при этом в браузерах они тратят основные деньги. А приложениями пользуются в основном для потребления развлекательного контента.Поэтому мобильное приложение нужно тогда, когда Вам нужно время пользователей. А веб-версия — тогда, когда Вам нужны его деньги. Да, некоторые крупные магазины активно продвигают свое мобильное предложение. Но это отдельный канал продаж, требующий отдельного маркетинга и продвижения. И он не заменяет никому мобильную версию, а дополняет ее.
В чем минусы отдельной мобильной версии?
Единственный минус отдельной мобильной версии в том, что она более сложная и более дорогая в разработке и поддержке, чем адаптивная. Именно поэтому большинство мелких и средних магазинов используют адаптивную версию, а крупные магазины в основном тратятся на отдельную мобильную. Но Хорошоп меняет эту ситуацию, делая качественную мобильную версию доступной для магазинов любого уровня.
А говорят, что Google рекомендует внедрять именно адаптивную версию?
Да, действительно — Google рекомендует адаптивную версию, именно потому, что она более доступна в реализации и в ней проще избежать типичных ошибок. Она доступнее для большинства сайтов, а задача гугла — чтобы большинство сайтов были адаптированы под мобильные устройства. Но все крупные магазины позволяют себе не прислушаться к этой рекомендации, потому что у них достаточно ресурсов, чтобы реализовать отдельную мобильную версию без ошибок.Наша реализация позволяет пропустить адаптивную версию и реализовать сразу отдельную мобильную без увеличения затрат. Она доступна всем нашим клиентам благодаря своей невысокой стоимости.
Можно ли использовать мобильную версию Хорошопа для других сайтов?
Напрямую — нет. Но у нас есть готовые механизмы миграции контента с других платформ на Хорошоп, а так же гибкая система настройки урлов страниц, которая позволяет в 90% случаев сохранить старые адреса страниц вашего сайта.
Как посмотреть мобильную версию Хорошопа?
На смартфоне или планшете зайдите на нашу демо-версию или посмотрите примеры уже запущенных сайтов: online.voronin.ua, wookie.com.ua.
Остались вопросы?
Пишите нам в чат, на почту или в skype: horoshop24.
Автор молодець, дякую. В наш час мобільна версія сайту дуже потрібна для підвищення в пошуковій видачі.
Мостюк Сергій, дякуємо за фідбек. Раді бути корисними!
Не будет ли проблем с индексацией сайта, если мобильный и десктопный шаблоны с разным контентом подменяются, а не находятся на домене и поддомене?
Olos Vitaly, Проблем с индексацией нет - проверено уже на многих сайтах. Мы корректно сообщаемых поисковым роботам о том что есть альтернативная версия страницы с помощью заголовка http vary. Все как рекомендует гугл.