Мобильная версия сайта
Более того, по данным comScore, в 2018 году доля мобильного трафика в общей аудитории интернет ресурсов составила 48,2%, а к 2020, по прогнозам того же агентства, уже преодолеет 50%.
Доля мобильного трафика у каждого сайта разная, но отказываясь от создания мобильной версии сайта, вы просто отдадите ощутимую часть своей целевой аудитории конкуренту.
Речь не только об удобстве, но и о поисковом ранжировании.
Яндекс, Google, Bing и многие другие поисковые системы уже давно перешли на Mobile-first ранжирование. Сайты, которые имеют версию, адаптированную под мобильные устройства, всегда будет находиться в поиске выше, чем ресурс, ориентированный только под расширение ПК. А потеря трафика из органического поиска означает только то, что новых клиентов вы будете получать только из рекламы, прямых заходов и внешних ссылок. Вам придется работать только с постоянными клиентами, а за новых платить.
Тип устройства пользователя определяется при каждом обращении к серверу. И если вход осуществлен со смартфона или планшета, пользователь или автоматически перенаправляется на поддомен мобильной версии, или увидит перед собой адаптивную верстку основного сайта.
Интерфейс мобильных версий должен не только органично отображаться в экране смартфона, но и быть ориентированным под сенсорный экран. Не должно быть мелких элементов, по которым сложно попасть пальцем. Их расположение продумываются еще на этапе проектирования.
Мобильная версия или адаптивная верстка?
Сразу стоит разграничить эти два понятия. Мобильная версия – это отдельный ресурс, который по структуре, функционалу и наполнению будет отличаться от основной версии сайта. Адаптивная верстка, в свою очередь, полностью дублирует основной ресурс, подстраиваясь под разрешение экрана.
Мобильная версия разрабатывается, редактируется, и продвигается отдельно от основного сайта, что увеличивает затраты на ее поддержку. Но при этом, она позволяет ускорить загрузку за счет исключения ненужного функционала и информации, которые убираются на уровне кода. Более того, в нее можно добавить новые функции и возможности.
Адаптивная верстка, в свою очередь, является неотъемлемой частью сайта. Обходится заказчику дешевле, но не так удобна для пользователя, поскольку дублируется абсолютно все с основного сайта. Скорость их загрузки гораздо медленнее, из-за полного дублирования кода основного сайта.
Какие еще преимущества предоставляет мобильная версия?
Еще несколько преимуществ, которые дает разработка отдельной мобильной версии сайта:
Оптимизация ресурса под нужды мобильных пользователей.
Выбор. Пользователь всегда может перейти на версию сайта для ПК.
Ускоряется загрузка на смартфонах за счет оптимизации страниц.
Мобильные версии лучше индексируются поисковыми системами.
Результаты разработки мобильной версии, на примере крупных компаний:
TicketsNow
После запуска мобильной версии, конверсия выросла на 50%, продажи — на 100%, средний чек — на 8%
BuzzFeed
70% трафика — это просмотры с мобильных устройств
Starbucks
18% всех онлайн-заказов поступают из мобильной версии сайта.
М.Видео
Прирост мобильного трафика составил 24% и превысил посещаемость десктопного сайта.
Эльдорадо
После запуска мобильной версии, конверсия выросла на 44%, объем продаж - на 53%.
Tencent
В 2018 году наибольший процент прибыли был получен от пользователей мобильных устройств
Мобильная версия сайта или приложение?
- Стоимость привлечения трафика гораздо дешевле у мобильной версии.
- Мобильную версию сайта не нужно выгружать в магазин-каталог (Play Market/App Store).
- Не требует загрузки и места на девайсе пользователя.
|
Критерий сравнения
|
1
Приложение |
2
Мобильная версия сайта |
| Удобство использования со смартфона | ||
| Индексация в поисковых системах | ||
| Высокая скорость загрузки | ||
| Возможность работы при отключенном интернете | ||
| Интеграция с другими приложениями на смартфоне | ||
| Возможность доступа по ссылкам из соц. сетей | ||
| Невысокая стоимость | ||
| Короткие сроки разработки |
Между приложением и мобильной версией есть и промежуточное звено – PWA (Progressive Web Apps). Это альтернативная мобильная верстка с некоторыми функциями приложения (интеграция со сторонними приложениями, возможность работы оффлайн и многое другое).
Но это все та же мобильная версия сайта, со всеми ее плюсами в виде поисковой индексации и доступа по внешним ссылкам. Разработкой PWA мы тоже занимаемся. Узнать подробнее о продукте можно на соответствующей странице нашего сайта.
Как мы разрабатываем мобильные версии сайтов?
Мы детально продумываем дизайн и структуру будущего сайта, отсекая все лишнее и делая его максимально удобным для пользователя. Всегда придерживаемся стилевого единства с основной версией сайта.
Интегрируем мобильную верстку в систему управления контентом. Работаем с технологией AMP, которая позволяет значительно увеличить скорость загрузки страницы сайта, что очень любят поисковые алгоритмы.
Перед сдачей проекта проводим детальное тестирование сайта на разных разрешениях экрана, разных браузерах и разных ОС. Гарантируем корректность работы мобильной версии для входа с протестированных устройств.
Мы - профессиональная команда, и мы знаем, как сделать ваш сайт лучше. 