Консультация
RU

Верстка мобильной версии сайта

verstka

Верстка мобильной версии сайта

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

Для того, чтобы понять специфику создания отдельной мобильной версии, давайте рассмотрим особенности сайтов этого типа:

  • максимум текста;
  • минимум графики, сжатие изображений;
  • ограничение ширины страницы;
  • большие кнопки и свободное (некликабельное) пространство вокруг них: учитываем, что тачскрин менее точный, чем курсор компьютерной мыши;
  • возможность переключения между мобильной и десктоп версиями.

Мобильная верстка сайта, как правило, грузится быстрее, чем версия для ПК. В ней размещена только необходимая информация, не обязательно это все те же блоки, которые есть в десктопной верстке. Можно назвать еще ряд преимуществ:

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

Необходимо отметить и ряд недостатков отдельной верстки мобильной версии сайта:

  • сложности SEO-продвижения;
  • снижение эффективности внешних ссылок;
  • затратность по времени и стоимости;
  • в контенте необходимо использовать относительные ссылки.

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