Стоит ли делать мобильную версию сайта?

Ответ однозначный – стоит, если вы настроены на привлечение аудитории. Гаджеты совершенствуются, а наблюдения показывают, что мобильный поиск сегодня во многих сферах бизнеса составляет до 50% и более от общего трафика (результаты создания полноценной адаптивной версии сайта приведены в статье «Редизайн сайта Posmanagement»). В связи с этим Google сделал упор на мобильное индексирование и продолжает активно двигаться в выбранном направлении. Неплохая мотивация для создания мобильной версии ресурса, не правда ли?

 

Варианты адаптации сайта к мобильному трафику

У нас на выбор три стратегии:

  • создание мобильного приложения под iOS, Android и Windows Phone;
  • создание отдельной мобильной версии ресурса на поддомене;
  • использование адаптивной верстки.

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

Мобильная версия представляет собой, по сути, отдельный сайт, предназначенный исключительно для просмотра на небольших устройствах. В отличие от адаптивной верстки, такой ресурс имеет свой собственный URL-адрес (как правило, это адрес основного сайта с приставкой m., mobile. и т.д.) и не нагружен «тяжелыми» элементами, в частности графикой.

Адаптация сайта к мобильному трафику

Адаптивная верстка или RWD (Responsive Web Design) позволяет оригинальному сайту подстраиваться под размеры дисплея, на котором пользователь просматривает ресурс в данный момент. Контент масштабируется независимо от устройства, будь то планшет или смартфон (Пример разработки сайта с адаптивным дизайном показан на странице «"Тайгета" и мобильные платформы»).

Динамический показ или RESS (Responsive Design + Server Side) – это разновидность адаптивной верстки или, говоря точнее, ее улучшенный вариант. В реализации более сложен, так как при показе сайт обращается к серверу, чтобы тот определил устройство пользователя. Другими словами, RESS сегментирует юзеров в зависимости от характеристик девайсов и показывает наиболее оптимальную для конкретного устройства версию сайта. Учитывая, что сами по себе версии не появляются, их необходимо разрабатывать.

Подробнее мы поговорим именно об адаптивной верстке как наиболее подходящем варианте для малого и среднего бизнеса. Почему? Посмотрите сами.

 

Преимущества адаптивного дизайна перед другими стратегиями

Адаптивную версию рекомендует делать сам Google. Такая верстка гарантирует корректное изображение сайта на любом гаджете. Для полноты картины рассмотрим достоинства RWD подробнее:

  • Повышение позиций при мобильном поиске. Для поисковой системы не имеет значение – мобильная версия или RWD/RESS, что автоматически делает адаптивную верстку более выгодной. Мобильная версия в любом случае потребует дополнительных расходов на разработку с обновлениями и отдельный домен.
  • Удобный мониторинг посредством аналитических систем. С помощью «Яндекс.Метрики» и Google Analytics можно без проблем отслеживать эффективность RWD-сайта для всех типов трафика.
  • Перенаправления без ошибок. В отличие от мобильной версии, при использовании адаптивной верстки не нужно возиться с редиректами – браузер автоматически масштабирует страницу основного сайта.
  • Легкое управление и отсутствие дублей. Не нужно мучиться с повторными публикациями для мобильной версии и обеспечивать ее корректное отображение. Одна адрес, одна публикация – все просто, зато просматривать смогут пользователи с любых устройств.
  • Простая реализация за счет фреймворков. Даже если код для вас – темный лес, можно использовать плагины для популярных CMS.

Помимо весомых преимуществ у адаптивного дизайна имеется заметный недостаток – скорость загрузки вследствие избыточной нагрузки на «железо». Суть в том, что браузер загружает один HTML-код, просто иначе отображает его на том или ином экране. 

Соответственно, загружается одинаковый объем информации, который «потянет» не каждый гаджет. Мощный девайс с шустрым интернетом прекрасно справится, чего не скажешь о слабеньких устройствах, подключенных к мобильной сети.

 

Как насчет динамического показа?

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

Иными словами, слабому устройству достанется минимально нагруженный сайт, а мощному – более красочный вариант кода. В обоих случаях пользователь получает всю информацию страницы. Устраняются существенные недостатки RWD – нагрузка на устройство и расход трафика.

Динамический показ сайта на разных устройствах

Еще один плюс RESS – возможность таргетирования и адаптации сайта к потребностям хозяев конкретных устройств. Например, владельцам гаджетов под управлением Android вы можете предлагать скачивать приложения с GooglePlay, а поклонникам iOS показывать ссылки для скачивания с iTunes.

Казалось бы, RESS – это панацея, которая решает описанную выше проблему с RWD, но не тут-то было. Минусов у технологии хватает, и заключаются они преимущественно в дополнительных расходах:

  • Необходимо использовать сервис определения устройств, чтобы не вносить вручную информацию о каждом новом гаджете или обновлении. Как вы понимаете, он не бесплатный.
  • Динамический показ снижает нагрузку на устройство пользователя, но вместе с тем увеличивает на сервер, что, в итоге, все равно влияет на время загрузки страниц. Чтобы устранить недостаток, придется тратиться на хостинг.
  • Разработчикам нужно создавать различные версии сайтов и подгонять их под определенные устройства. Это не только деньги, но и время. К тому же, будущие изменения и доработки сайта вынудят перерабатывать все созданные версии.

Не зря многоуважаемый Google рекомендует именно RWD (Подробнее о продвижении в поисковых системах на странице «Продвижение (поисковая оптимизация)»). Технология RESS, конечно, соблазнительна, но только не для малого и среднего бизнеса, чей бюджет может не справиться со столь ресурсоемким инструментом.

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

Когда делается адаптивная версия сайта?

Мобильная адаптивная версия делается на этапах создания или продвижения сайта. Причем если она делается сразу на этапе создания сайта, он будет стоить раза в 2 дешевле, чем на этапе продвижения сайта. Почему так? Для этого нужна специальная адаптивная HTML-верстка, которой изначально нет. А верстка - это один из базовых компонентов фундамента каждого веб-ресурса. Чтобы ее поменять, нужно затронуть всю видимую часть сайта.

Комментарии

Читайте также

Подробная статья о том, как наладить стабильный приток клиентов на сайт. Рассказано обо всем процессе: начиная от привлечения и заканчивая повторными продажами. Проверенная теория, практические советы, интересные эксперименты.

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

Как открыть интернет-магазин: инструкция от веб-студии. Технические, маркетинговые и бизнесовые моменты. Советы о том, какую CMS выбрать и какой товар будет легче продаваться. Примеры создания и продвижения успешных ИМ.

Подробнее
Как открыть интернет-магазин: бизнесовые и технические моменты