Сегодня, в рубрике «Ликбез по сайтам» объясняем «на пальцах», что такое адаптивный дизайн.
Современный сайт должен хорошо выглядеть на любом устройстве: на компьютере, ноутбуке, планшете, телефоне и даже на телевизоре. Но размер экрана у всех девайсов разный.
- У телефона экран, как правило, 4-7 дюймов по диагонали.
- У планшета – 7-11 дюймов
- У ноутбука 11-17 дюймов
- У монитора и телевизора от 17 и выше
С большими экранами все просто. Страницы сайта пропорционально увеличиваются и все прекрасно видно. Дизайн не страдает.
А вот с маленькими экрана сложнее. Чтобы все детали были видны, нужно менять дизайн.
Один из вариантов решения – сделать специальный дизайн для мобильных устройств – смартфонов и планшетов. Это стоит дорого и могут себе позволить большие проекты, для которых имеет смысл инвестировать в сайт большие деньги.
Для бюджетных сайтов лучше подойдет другой вариант – адаптивный дизайн. Уже из названия понятно, что сайт адаптируется к размерам экрана, чтобы было удобно пользоваться на любом устройстве.
Читайте, какое определение адаптивному дизайну дает Википедия.
Веб-студия СуперОферта делает сайты на WordPress. Это самая популярная и проверенная временем система управления сайтами, которая позволяет сделать изумительный адаптивный дизайн. И платить дополнительно не нужно – это включено в стоимость сайта по умолчанию.
Почему важен адаптивный дизайн
Способность сайта адаптироваться к показу на любом устройство очень важна с точки зрения поисковых систем. Таких как Яндекс и Google. Если сайт был сделан давно, в «до мобильную» эпоху, и не имеет мобильной версии, то его позиции в поиске будут очень низкими. А это значит, что посетителей из Яндекса и Гугла почти не будет.
И это логично. В последнее время доля посетителей сайтов с мобильных устройств перевалила за 50%. А у некоторых проектов приближается к 100%.
На изображении ниже данные Яндекс Метрики об используемых устройствах одного из сайтов. Как видите, доля смартфонов составляет 81.8%. А вот доля планшетов менее 3%. Но дизайн сайта должен учитывать и эту малую долю посетителей.
Выводы
Заказывая сайт, обязательно ставьте условие – наличие адаптивного дизайна!
Если у вас есть старый сайт, на котором нет мобильной версии, срочно заказывайте современную версию сайта с адаптивным дизайном.
Вопросы и комментарии оставляйте в наших группах Вконтакте и в Одноклассниках. Ответим всем!