Почему 38% посетителей не задерживаются на вашем сайте?

адаптивный сайт

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

автор

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — www.WebForMyself.com

Данный проект представляет собой подборку качественных материалов: обучающих статей, книг, курсов, видеоуроков — как зарубежных, так и отечественных специалистов в области сайтостроения.

Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Сайт: http://webformyself.com – «Основы Самостоятельного Сайтотсроения»

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

Аудитория проводного интернета превышает аудиторию мобильного интернета, но темпы роста проводного интернета замедляются, а темпы роста мобильного — растут.

Соотношение времени пользования интернетом

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

Интенсивность использования мобильного интернета

Опрос «Готовы ли Вы отказаться от мобильного интернета?»

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

Количество мобильных устройств у одного пользователя

Мы видим, что идет рост количества устройств у пользователей даже в течение одного года.

Общий вывод исследования:

К лету 2013-го доля времяпрепровождения в мобильном интернете у владельцев двух и более мобильных гаджетов составила ровно 50%.

59% российских пользователей ежедневно проводят время в мобильном интернете. По сравнению с зимой доля так называемых daily users выросла на 3%.

Среди владельцев телефона и планшета резко увеличилось число тех, кто считает своим основным девайсом именно планшет (52% пользователей летом 2013 г. по сравнению с 31% зимой 2013 г.). Подозреваем, что количество таких пользователей в ближайшем будущем будет только расти.

Главное желание современного человека — всегда быть в курсе новостей и оставаться на связи, а для этого больше подходят смартфоны и планшеты. В основном, пользователи ежедневно общаются в соцсетях (57%), пользуются электронной почтой (56%) и читают новости (50%).

С каждым кварталом все большее число пользователей выбирает мобильные устройства с операционной системой Android (49% — зимой 2013 года и 58% — летом 2013 года).

Самое главное то, что если сайт не адаптирован под мобильные устройства, то пользователь просто закроет его и не факт, что когда-нибудь вернется снова.

Именно поэтому сайты крупных компаний (nokia, microsoft и т.п.) адаптированы под мобильные устройства. Сегодня мобильный интернет использует огромная аудитория, и если сайт неудобен для нее, то компания несет весьма ощутимые убытки.

Если вы думаете, что цифры, представленные в результатах исследования, конечны и на этом все остановится, то я разочарую вас следующей статистикой и тенденцией, представленной Gartner (лидирующая мировая компания по технологическим исследованиям).

Мировые поставки устройств по их типам (в тысячах)

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

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

Заключение

Технологии постоянно развиваются, и сегодня смартфон, планшет, телевизор — это далеко не все устройства, с которых можно выйти в сеть. Выходить в интернет уже можно с экрана, расположенного на двери холодильника, с велотренажера, с беговой дорожки… Что дальше?…

Кроме того, что доля мобильных устройств в интернет растет (причем растет достаточно быстро), мы видим, что она уже совсем не маленькая, поэтому нельзя ей пренебрегать. Если раньше можно было сказать: «Мобильный интернет — это на Западе, это в Америке. Пока до нас это еще дойдет…», то сегодня мобильные устройства активно используются и в рунете. Исследования компании NewMR, на которые я опирался в статье, сделаны именно по России — исследование так и называлось: «Мобильная Россия».

Недавно на форуме задали вопрос, касающийся кроссбраузерности в IE8 и даже в IE7. Очень долго мы боролись за то, чтобы в этих устарелых браузерах все отображалось так же хорошо, как и в современных. Конечно, мы добились нужных результатов, но на это мы потратили очень много времени. А доля браузеров IE7 + IE8 по разным статистикам на март 2013 г. составляет около 5%.

То есть что мы сделали: мы поправили верстку для 5% (может уже и меньше, чем 5%) посетителей, но совершенно упустили из виду и никак не адаптировали нашу верстку для 30%-50% посетителей. Конечно, кроссбраузерность никто не отменял, но, я думаю, в данном случае лучше было бы потратить все это время и усилия для адаптации сайта под мобильные устройства, чем на «закругленные углы» в IE7 и IE8.

Не так ли?

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

Если сайт еще не адаптирован под различные устройства, то сейчас — самое время заняться этим. Настоятельно рекомендую, потому что совсем скоро уже может быть слишком поздно!

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (28)

  1. Евгений

    Возможно ли адаптировать блог на WordPress?

  2. Николай Савин

    Слишком много текста. Уже по заголовку понятно что грядет курс по адаптивной верстке. Коплю бабло ))

  3. Антон Банников

    Полностью согласен с автором, пора задуматься о мобильных пользователях. Что уж говорить, если даже сервис «Спросите у экспертов Гугла» не поддерживал до недавнего времени Ipad4 Retina!!! О чем я написал в саппорт, возможно даже этот баг пофиксили. Кстати, можно не париться особо с HTML4+CSS2, а сразу верстать под мобилы на HTML5+CSS2. Это будет и кроссбраузерно, и под мобильные устройства хорошо походит.

    • Andrey Bernacki

      Конечно на мобильном устройстве IE8 не встретишь, но если использовать html5 и css3, то обратную совместимость со старыми браузерами все еще делать нужно. Хотя это зависит от того, что именно из html5 и css3 вы используете.

  4. Александр

    Здравствуйте!
    Тема динамично развивающегося сегмента мобильного интернета сегодня популярна и, судя по приведенной выше статистике, не зря. Вы задаете вопрос об адаптации сайта под различные устройства и сами же призываете — если сайт еще не адаптирован под различные устройства, то сейчас — самое время заняться этим. Каким образом?

    • Andrey Bernacki

      Здравствуйте, Александр.

      Очень скоро мы вам предоставим полноценную пошаговую инструкцию того, как сделать сайт адаптивным.

  5. Алексей Иванов

    Здравствуйте Андрей. Тема, которую вы поднимаете, на сегодняшний день, по моему мнению, наиважнейшая. Пренебрегать ей всё равно, что не замечать пробоину в тонущем корабле и продолжать плыть, как ни в чём не бывало.
    Я занимаюсь разработками сайтов не первый год. И сейчас активно изучаю и практикую адаптивную вёрстку.

    • Виктор Рог

      Алексей, здравствуйте! А от Вы делаете сайты (в смысле верстке) на заказ? Если да, то скажите пожалуйста, а как часто уже заказчик выставляет обязательным условие, адаптивной верстки? И на сколько более от этого цена Ваших работ? Будем рады если Вы как практик поделитесь опытом.

  6. Наталья Текстовик

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

    • Николай Савин

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

    • Andrey Bernacki

      Наталья, можно для быстрого просмотра воспользоваться сервисом http://ami.responsivedesign.is/. Под экранами устройств введите адрес вашего сайта, нажмите кнопку «GO». И вы увидите, как выглядит ваш сайт на различных устройствах.

  7. Андрей

    Здравствуйте. Тема прекрасная и стоит того, мобильность движется в перед и забывать о этом не надо. Но и думаю обычный комп и ноутбук не выйдут из моды, они как всегда будет основная составляющая. Прогресс меняется с каждым днем все в лучшую сторону. Успехов Админу в делах и движения в перед.

  8. mVp

    Если брать за основу верстки Bootstrap 3, то там все вопросы мобильности и совместимости уже решены. И я надеюсь, что команда webformyself в ближайшее время выдаст курс по верстке именно на основе Bootstrap, и именно третьей версии.

  9. Александр

    Я так понимаю скоро будет даже не 38%, а все 50. А как лучше адаптироваться?

  10. Валентин

    Андрей ,здравствуй! Я изучал много твоих уроков по дизайну и вёрстке, ОНИ ДОВОЛЬНО ТАКИ интересные ,но они не дают полного представления по HTML . меня же интересуют работа всех тегов, многие я уже хорошо изучил ,но не все ,а мне хотелось бы пользоваться всеми, прежде чем я начну изучать CSS, PHP И другие языки , ведь если не знаешь всё о HTML , ТО НЕ СТОИТ соваться в другие , ведь все языки программирования так или иначе связаны между собой.У меня есть почти полный набор тегов по html, но не у всех тегов есть пояснения по применению, а также атрибутов ,которые применяются с ними.

    • Сергей

      Если большую часть тегов знаешь, то не бойся начинать осваивать CSS и PHP. Можно делать это параллельно, по ходу восполняя недостающие знания, если они потребуются. А все теги можно найти в онлайн-справочниках.

  11. Людмила

    А разве плагина WPtouch Mobile Plugin не достаточно, чтобы сайт прилично выглядел в мобильном варианте?

    • Андрей Кудлай

      1) это плагин для WordPress… а если сайт на другом движке или это просто статичная визитка?
      2) насколько я понял, плагин предоставляет некую стандартную тему для мобильных устройств, которая, к примеру с моей темой общим будет иметь лишь содержание сайта, но не оформление.

  12. Генрих

    Андрей!

    Как здорово, что я открыл Ваше письмо в рассылке! Я чувствовал последнее время, что что-то не так, что поезд идёт не туда. Оказывается, что я не один!
    С удовольствием прочитал комментарии, есть за кем идти.

    Андрей, спасибо за письмо и пост, успеха Вам!

  13. xeroxexe

    Честно говоря, многие оптимизированные блоги и сайты, под мобильные устройства, просто ужасны, мне милее видеть обычную страницу, приближая отдаляя пальчиками! А вообще многие товарищи до сих пор пользуются ie7 и даже 6 и 5, и говорит эта женщина про сайт который с разными красивостями, пользуясь ie6, тут же ничего не видно, что за хрень вы сделали, и хочется что-нибудь с ней сделать! Вот, как-то так. Писал с телефона, вроде сносно получилось.

  14. Сергей

    А помоему, все идет как раз к тому, что скоро 70-80% посетителей сайтов будут идти с мобильных платформ. Да и как то поднадоели сайты с обилием графики( За день перед монитором чего только не насмотришься. Пора пора адаптироваться!))

  15. Evgeniy

    Здравствуйте. Большое спасибо за интересные, полезные статьи и уроки.
    У меня вопрос по «резиновой верстке». Сейчас появляются мобильные устройства с большим разрешением экранов, но маленьким размером. Если признаком адаптации сайта делать разрешение, то отображение страницы на таких устройствах получается очень мелким. Какой выход?

  16. Павел

    Принципиально, все так. Сейчас уже стараюсь новые сайты делать адаптивными. Но старые переделывать, конечно времени не хватает. У автора, видимо, та же проблема:)

  17. жанбулат

    Большое спасибо за вашу работу

  18. Вадим

    Андрей, но если применять технологию «резиновой» верстки, основанную на медиа запросах с размером экрана в пикселях
    (как в сетке Bootstrap) то как быть с адаптацией на новейших
    гаджетах с маленькими экранами, но с большим, в пикселях, разрешением?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree