ГлавнаяУслуги → Адаптивный дизайн

Адаптивный дизайн и мобильная версия сайта

Учитывая тенденцию развития мобильных устройств и статистику их использования, можно без преувеличенния констатировать — современный интернет становится мобильным. В связи с этим, в ит-индустрии появилось понятие «Адаптивный дизайн». В первые данный термин в 2010 году применил в своей статье Итан Маркотт. Впоследствии, с внедрением в поддержку браузерами возможностей CSS3 и HTML5, услуга по разработке адаптивного дизайна для веб-сайтов начала набирать популярность. 21 апреля 2015 года, корпорация Google ввела в алгоритм ранжирования сайтов поисковой выдачи учет адаптивности верстки. Таким образом, веб-ресурсы не оптимизированные для просмотра на устройствах с маленькими экранами автоматически попадают вниз, а для комерческих сайтов и инетернет-магазинов вылет из «топа» недопустим.

Сушествуют три основных способа обеспечить адаптивность верстки: адаптивный дизайн, мобильная версия сайта и гибридное решение RESS (Responsive Design + Server Side). Самый простой по реализации технической части, и самый дешевый - Адаптивная верстка. Мобильная версия по уровню сложности разработки и стоимости находится на втором месте. RESS - самое трудоемкое решение и самое дорогое.

Адаптивный веб-дизайн (Адаптивная верстка) обеспечивает отображение страниц сайта на различных устройствах с различным разрешением таким образом, чтобы пользователь мог прочитать информацию не используя масштабирование. Обычно все решается переверсткой html-кода и использованием медиа-запросов в CSS (@media screen). Залог успеха адаптивной верстки - блочные элементы div. Данный способ самый быстрый, но не всегда передает задумку дизайнера, так как положение блоков на сайте однозначно меняется.

Мобильная версия сайта в класическом исполнении это отдельный сайт, на отдельном домене вида m.domain.ru. Как правило, в мобильной версии создаются специальные шаблоны для устройств с retina-дисплеями (маленькие размеры экрана, большое разрешение). Главная проблема таких устройств - аппаратные пиксели. Один аппартный пиксел может содержать в себе несколько реальных. Минус этого способа нужно поддерживать две версии сайта. Для поисковых роботов обязательно нужно указать что мобильная версия - зеркало основного. Мобильную версию в таком исполнении лучше не использовать.

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

Отправить сообщение
Ваш e-mail
Ваше имя
Контактный телефон
Действующий сайт (если есть)
Ваш вопрос
Вложение
Проверочный код