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

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

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

Адаптивный дизайн

Для создания дизайна, автоматически подстраивающегося под экран, применяется CSS3 Media Queries.

Преимущества методики:

Не требуется дополнительный URL для мобильной копии сайта, что удобно и для разработчиков (при обслуживании, продвижении), и для пользователей ресурса (посещающих его, как с мобильных, так и стационарных устройств).
Простота разработки. Адаптивный дизайн избавляет от необходимости создания, по сути, второго сайта.

Недостатки

Основной недостаток — массивность страниц и медленная загрузка. При адаптации под маленький экран на странице сохраняются все элементы, включая embedded-карты, рекламные и информационные ролики, различные калькуляторы, меню с анимацией и т.д.

Их загрузка (а страницу приходится обычно загружать полностью) доставляет ряд неудобств. При этом цели, с которыми посещают сайт с мобильных и стационарных устройств, несколько отличаются. Большинству пользователей смартфонов интересен далеко не весь материал, размещенный на полноценной версии сайта, поэтому и загружать лишние объекты нет никакой необходимости.

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

Мобильная версия

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

Основные преимущества:

Простота поддержки. Мобильная версия – это отдельный сайт для смартфонов и планшетов, на котором можно осуществлять любые изменения, независимо от основного ресурса.
Удобство для пользователя. Легкие, быстро загружающиеся страницы и только самый необходимый функционал. Это особенно актуально при медленном интернет-соединении.
Возможность загрузки как мобильной, так и полноценной версии.

Недостатки:

Разные URL-адреса. Это создает дополнительные хлопоты разработчикам и неудобства пользователям (в случае, если нет автоматической переадресации при заходе с мобильного устройства). Без грамотного использования мета-тегов rel=«alternative» и rel=«canonical» могут возникнуть проблемы с поисковиками, обнаружившими дублирующийся котент.
Необходимость урезать контент при создании мобильной версии может негативно отобразиться на общей информативности и функциональности ресурса. Поскольку оба варианта имеют как преимущества, так и недостатки, выбор для каждого конкретного случая следует осуществлять в индивидуальном порядке. «Легкие» сайты стоит адаптировать, для крупных порталов — создавать мобильные версии