Все более и более дешевым становится интернет для мобильных устройств ( планшетов, смартфонов, телефонов )

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

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

Убедитесь в правоте этих выводов просмотрев статистику посещения сайта в разделе РАЗРЕШЕНИЕ ( например в статистике liveinternet.ru ). На некоторых сайтах присутствие мобильных устройств составляет 50-80 %.

АДАПТИВНЫЙ ДИЗАЙН САЙТОВ - что это такое? Это по английски «responsive web design» , т е такой дизайн страниц сайта, который обеспечивает комфортное восприятие контента сайта при РАЗЛИЧНЫХ РАЗРЕШЕНИЯХ мобильных устройств.

На каком устройстве ( телефоне ли с разрешением 360 -600 пикселей или домашнем компьютере 1900 пикселей ) Вы бы не смотрели сайт, Вам будет удобно читать и смотреть картинки или видео контент.

Дизайн сайта сам будет подстраиваться под ваше устройство, под ваше разрешение.

1. Все больше и больше устройств работает на мобильном интернете,мобильный интернет дешевеет, количество мобильных устроиств растет в огромных размерах.

2. Пользование мобильниками перекрывает по удобству поиск по сети настольные компьютеры. Поэтому трафик смещается все больше и больше в сторону мобильников.

Это разные вещи. Мобильная версия сайта, как правило самостоятельный дополнительный сайт с дублированием контента обычного сайта. И это влечет ряд технических трудностей по индексации, разделению трафиков, дополнительных затрат на разработку нескольких вариантов сайта.

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

Используя:
Проектирование для мобильных устройств («mobile first»);
Верстки на основе сетки (flexible,flexbox, grid-based layout);
Использование гибких изображений (flexible images);
Использование медиазапросов (media queries);

мы получаем гибкий Адаптивный дизайн Вашего сайта.

Посмотреть это очень просто даже на этом сайте, если Вы на стационарном компьютере.

Мы можем посмотреть , как этот сайт будет выглядеть на разных устройствах ( разных разрешениях). нажмите иконку "свернуть окно" и медленно уменьшайте окно по ширине. Вы увидете , как сайт будет приспосабливаться к различным разрешениям.

Нажмите дополнительно F12 и Вы при сужении экрана в правом верхнем углу будете видеть цифры разрешения экрана. Обратите внимание, что в зависимости от разрешения экрана меняется и внешний вид сайта, меняются вид Меню и расположение контента.

Если Вы на мобильном устройстве, то вы видите уже Адаптивную версию сайта.

Или на примере сайта Фотограф и ретушер Игорь Разумов



Теперь Вы должны иметь сайт только с адаптивным дизайном!

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