Найти тему
Workspace

Адаптируете сайт под мобильные устройства? Тут есть о чем подумать

Будьте готовы к последствиям выбора между адаптивной версткой и мобильной версией сайта.

Пример разных версий сайта
Пример разных версий сайта

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

Мобильная версия сайта пишется специально под смартфоны и планшеты и размещается под отдельным URL. Например, основной сайт "www.yoursite.ru" , а мобильный — "m.yoursite.ru". Сервер перенаправит пользователя на облегченную версию, если идентифицирует юзера смартфона.

Мобильная версия ВКонтакте
Мобильная версия ВКонтакте

Адаптивная верстка . URL не меняется. С помощью верстальщика или программиста вносятся изменения в HTML и CSS, после чего картинки и текстовые блоки масштабируются под размер экрана мобильного устройства.

Адаптивная верстка. Окно браузера как бы "сжимается"
Адаптивная верстка. Окно браузера как бы "сжимается"

Что необходимо учитывать, выбирая между ними?

По пунктам:

  • Пользовательский опыт. Юзабилити зависит от многих факторов, но все-таки мобильную версию изначально делают удобной для просмотра с телефона.
  • Стоимость. Написать с нуля отдельный сайт значительно дороже, чем внести изменения в код HTML.
  • Создание и обслуживание контента. Для улучшения скорости загрузки страниц часто мобильной версии нужен отдельный контент. Например, увесистую анимацию заменяют текстом или графическими картинками. Соответственно, объем работы контент-менеджеров удваивается.
  • SEO. Из-за разницы в адресах и контенте мобильную версию придется продвигать отдельно от основного сайта. Во всяком случае она добавит много хлопот менеджеру по SEO. Например, беспокойство о влиянии редиректа на продвижение или возня с контентом, который слишком отличается от публикаций на главном сайте. Если не прописать необходимые атрибуты, не разместить мобильную версию на основном поддомене или проигнорировать написание отдельного файла robots.txt — для поисковой системы мобильный и основной сайты будут выглядеть разными ресурсами.

Это не все, что стоит знать о влиянии выбора между версиями сайта, продолжим в следующий раз. А пока есть статья по теме: « Конверсионные элементы сайта, которые обязательно надо указать в ТЗ »