помощи Google PageSpeed Insights.
Обратите внимание: когда вы заказываете сайт у фрилансера или в студии разработки, у них в договоре и типовом техническом задании (ТЗ) нет подобных требований. Поэтому при их добавлении вы можете столкнуться с увеличением стоимости работ по вашему проекту.
И последнее, что тоже придется учесть. Сроки разработки сайта сильно зависят от выбранного вами типа CMS, а также от варианта дизайнерского решения – готовый или разработка «с нуля». Некоторые проекты можно создать буквально за пару недель, а некоторые потребуют до полугода.
Глава 3
Важность мобильного трафика
В последние годы пользователи все активнее выходят в интернет с мобильных устройств. Помните рис. 1 из первой главы? В России больше 60 % трафика приходится именно на долю смартфонов, и эта цифра продолжает увеличиваться. Поисковые системы также стараются, чтобы пользователи могли качественно выходить в интернет с любого устройства. Конечно, не столько ради заботы о людях, сколько потому, что потеря пользователя равносильна потере денег за рекламу, за счет которой живут поисковые системы. Поэтому любые сайты должны соответствовать ряду условий.
Для мобильных версий сайтов требования более строгие, так как мобильные устройства отличаются от стационарных:
• меньшим размером экрана;
• меньшим объемом оперативной памяти;
• медленной скоростью соединения;
• другим типом ввода.
Если у вас нет качественной мобильной версии сайта, про поисковое продвижение можете забыть.
Все перечисленные особенности определяют технические требования и особую форму подачи контента, которые необходимы для адекватного воспроизведения сайта на мобильных устройствах.
Основные причины малого процента мобильного трафика на сайте или высоких показателей отказов[9] пользователей:
• долгая загрузка страниц: адаптивные версии сайтов не должны загружаться дольше одной-двух секунд;
• непродуманный дизайн и некорректное отображение контента: если страницы не помещаются в маленький экран или кнопки меню «наезжают» одна на другую, посетители не будут разбираться, куда и как нажать, поэтому обязательно нужна подстройка дизайна сайта под портативные устройства;
• длинные, однообразные тексты: они и на компьютерах не каждым пользователем воспринимаются позитивно, а уж на мобильных устройствах тем более, поэтому стремитесь делить материалы на части и выдерживать структуру статьи, включать картинки и другие графические элементы;
• сложные формы заказа или обратной связи: чем меньше строк и обязательных данных в формах, тем лучше;
• ошибки 404: зачастую они возникают при попытке перехода на полную версию сайта.
Если вы хотите привлекать больше посетителей, выходящих в Сеть с телефонов, потребуется вложиться в качественную проработку мобильной версии сайта. Существует три способа создать облегченную версию страницы: мобильный, адаптивный и динамический.
Мобильная