Что такое адаптивный дизайн?

Сегодня, в рубрике «Ликбез по сайтам» объясняем «на пальцах», что такое адаптивный дизайн.

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

  • У телефона экран, как правило, 4-7 дюймов по диагонали.
  • У планшета – 7-11 дюймов
  • У ноутбука 11-17 дюймов
  • У монитора и телевизора от 17 и выше

С большими экранами все просто. Страницы сайта пропорционально увеличиваются и все прекрасно видно. Дизайн не страдает.

А вот с маленькими экрана сложнее. Чтобы все детали были видны, нужно менять дизайн.

Один из вариантов решения – сделать специальный дизайн для мобильных устройств – смартфонов и планшетов. Это стоит дорого и могут себе позволить большие проекты, для которых имеет смысл инвестировать в сайт большие деньги.

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

Читайте, какое определение адаптивному дизайну дает Википедия.

Веб-студия СуперОферта делает сайты на WordPress. Это самая популярная и проверенная временем система управления сайтами, которая позволяет сделать изумительный адаптивный дизайн. И платить дополнительно не нужно – это включено в стоимость сайта по умолчанию.

Почему важен адаптивный дизайн

Способность сайта адаптироваться к показу на любом устройство очень важна с точки зрения поисковых систем. Таких как Яндекс и Google. Если сайт был сделан давно, в «до мобильную» эпоху, и не имеет мобильной версии, то его позиции в поиске будут очень низкими. А это значит, что посетителей из Яндекса и Гугла почти не будет.

И это логично. В последнее время доля посетителей сайтов с мобильных устройств перевалила за 50%. А у некоторых проектов приближается к 100%.

На изображении ниже данные Яндекс Метрики об используемых устройствах одного из сайтов. Как видите, доля смартфонов составляет 81.8%. А вот доля планшетов менее 3%. Но дизайн сайта должен учитывать и эту малую долю посетителей.

влияние адаптивного дизайна на позиции в поиске

 

Выводы

Заказывая сайт, обязательно ставьте условие – наличие адаптивного дизайна!

Если у вас есть старый сайт, на котором нет мобильной версии, срочно заказывайте современную версию сайта с адаптивным дизайном.

Вопросы и комментарии оставляйте в наших группах Вконтакте и в Одноклассниках. Ответим всем!