Чтение онлайн

Также масса ошибок совершается при работе с дизайнером. Особенно когда владелец сайта пытается придумать нечто свое, не желая брать готовый, оптимизированный дизайн интернет-магазина. Или хочет сэкономить, чтобы не заказывать дизайн и верстку у студии, которая улучшает свое решение от проекта к проекту. Чем чревата такая самодеятельность?

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

Далее, дизайнер может сделать некачественный макет в неподходящем формате, и специалист по верстке не сможет правильно сверстать проект.

Если вы решили пойти по пути создания уникального дизайна, нельзя экономить на веб-мастере, который сделает грамотную верстку, и работе фронтенд-программиста [11] . От качества работы этих специалистов зависит весь функционал и скорость загрузки вашего сайта. Обычно, если сайт загружается дольше трех секунд, поисковики понижают его в рейтинге, а пользователи уходят, не дождавшись появления информации. Кроме того, опытные мастера избавят ваш сайт от «багов», которые могут обнаружиться в том или ином браузере.

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

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

Конечно, это уже тонкости. Главное, что вам пока нужно понять как владельцу сайта, – поисковые машины, которые будут приводить на сайт основную часть трафика, предъявляют особые требования к качеству кода и оптимизации сайта. Проверка сайта происходит по ряду параметров, которые разберем во 2-ой части книги.

Поэтому важно подходить к разработке сайта со знанием дела:

• привлекайте специалистов по оптимизации еще на этапе подготовки технического задания, чтобы они сопровождали разработку и создание структуры – все, что коснется его работы в дальнейшем;

• не изобретайте велосипед – используйте проверенные технологии;

• особое внимание уделяйте удобству сайта, скорости его загрузки и качеству кода.

Важно помнить: при приеме проекта от разработчиков желательно, чтобы рейтинг каждой из страниц нового сайта, протестированной на вашем сервере, был больше 70–80. Для проверки рекомендую тестировать типовые страницы интернет-магазина:

• главная;

• результаты поиска;

• категория с большим количеством фильтров и товаров без применения фильтра;

• категория с большим количеством фильтров и товаров с применением фильтра;

• карточка товара;

• корзина.

Обратите внимание: когда вы заказываете сайт у фрилансера или в студии разработки, у них в договоре и типовом техническом задании (ТЗ) нет подобных требований. Поэтому при их добавлении вы можете столкнуться с увеличением стоимости работ по вашему проекту.

И последнее, что тоже придется учесть. Сроки разработки сайта сильно зависят от выбранного вами типа CMS, а также от варианта дизайнерского решения – готовый или разработка «с нуля». Некоторые проекты можно создать буквально за пару недель, а некоторые потребуют до полугода.

В последние годы пользователи все активнее выходят в интернет с мобильных устройств. Помните рис. 1 из главы 1? В России больше 60 % трафика приходится именно на долю смартфонов, и эта цифра продолжает увеличиваться. Поисковые системы также стараются, чтобы пользователи могли качественно выходить в интернет с любого устройства. Конечно, не столько ради заботы о людях, сколько потому, что потеря пользователя равносильна потере денег за рекламу, за счет которой живут поисковые системы. Поэтому они давно разработали ряд условий, которым должны соответствовать любые сайты.

Почему требования для мобильных версий сайтов более строгие? Потому что мобильные устройства сильно отличаются от стационарных:

• меньшим размером экрана;

• меньшим объемом оперативной памяти;

• медленной скоростью соединения;

• другим типом ввода.

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

• долгая загрузка страниц: адаптивные версии сайтов загружаются не дольше одной-двух секунд;

• непродуманный дизайн и некорректное отображение контента: если страницы не помещаются в маленький экран или кнопки меню «наезжают» одна на другую, посетители не будут разбираться, куда и как нажать, поэтому обязательно нужна подстройка дизайна сайта под портативные устройства;

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

• сложные формы заказа или обратной связи: чем меньше строк и обязательных данных в формах, тем лучше;

• ошибки 404: зачастую они возникают при попытке перехода на полную версию сайта.

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

Мобильная версия – это индивидуальный шаблон, который размещается на поддомене вида m.sait.com, по факту – второй сайт. Он снабжается крупными кнопками, специальным выпадающим меню и содержит минимальный функционал. При желании пользователь может перейти на обычную версию сайта. Основное преимущество этого варианта – быстрая загрузка из-за отсутствия объемных данных. Но есть и недостатки. Во-первых, во время перехода чаще всего случаются сбои и ошибки, в результате пользователь уходит совсем. Во-вторых, мобильная версия выглядит слишком скучно и просто и не задерживает посетителей надолго.

Конец ознакомительного фрагмента.