Адаптивная верстка сайта

Вторник, 17 января 2017 /
  • Адаптивная верстка сайта

Давайте разберемся, что такое адаптивная верстка сайта и для чего она нужна?

Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

Целью адаптивного веб-дизайна является универсальность отображения содержимого веб-сайта на различных устройствах.

Adaptive Web Design

По статистике liveinternet за последние 3 месяца мобильная аудитория Рунета составляет 66% от всего трафика. Это говорит о том, что если ваш сайт не адаптирован под мобильные устройства, вы теряете больше половины трафика. Конечно в каждой нише процент мобильного трафика разный, в среднем от 30% до 60%.

liveinternet

Львиную долю посещений занимает Android. В два раза меньше IPhone.

 

Адаптивная верстка сайта

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

Пример

Давайте рассмотрим пример из строительной тематики одного сайта, который мы продвигали 4 года назад. Больше 3 лет он не продвигается. На сайте только seo трафик. Компания продает бани. Сайт не адаптирован под мобильные устройства.

Из статистика за последние 3 месяца мы видим 32% трафика с мобильных устройств и 8% с планшетов. Итого 40% трафика теряет клиент ежемесячно.

А представьте, что помимо seo продвижения была бы запущена реклама в социальных сетях и т.д. Сколько денег выкинуто на ветер?)

Обязательно адаптируйте свой сайт под мобильные устройства. Не теряйте трафик!

Как стать нашим клиентом?

Обзор файлов
Максимальный размер каждого файла 5.00 MB