Как сайт убивает бизнес

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

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

Убийца 1. Низкая скорость загрузки

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

Плюс чем быстрее загружается сайт, тем выше его рейтинг в поисковой выдаче. Оптимальное время загрузки — от 2 до 4 секунд.

Тем не менее, проводя аудиты даже крупным и успешным проектам, мы часто сталкиваемся с проблемами скорости загрузки.

Проверить скорость загрузки сайта можно с помощью инструмента Google Pagespeed Insights. Введите URL сайта, и сервис оценит его десктопную и мобильную версии и посоветует, как улучшить скорость загрузки.

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

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

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

Определив проблемные типы страниц, можно продолжить анализ и выделить конкретные страницы, которые нужно оптимизировать.

Как увеличить скорость загрузки страниц

Способ 1. Оптимизируйте количество запросов по серверу

Это можно сделать через кэширование данных. Часть файлов, скриптов и стилей сохранится в кэше на устройстве пользователя, и при повторной загрузке сохранённая страница откроется быстрее.

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

Способ 2. Используйте выделенный сервер

Если вы используете "1С-Битрикс" одновременно с недорогим хостингом, даже хорошо оптимизированный сайт начнет тормозить, так как "1С-Битрикс" — требовательная система. Чтобы сайт не тормозил, используйте выделенный сервер.

Способ 3. Сжимайте файлы, стили и скрипты javascript

Для оптимизации скорости загрузки вы можете воспользоваться сжатием файлов. Сжатие используется для уменьшения размера файла при помощи алгоритмов сжатия, например, Gzip или brotli. Файлы сжимаются на сервере перед отправкой клиенту, клиент распаковывает файл и считывает информацию.

Способ 4. Воспользуйтесь AMP и Турбо-страницами

Турбо-страница Яндекса или AMP-страница Google — это скачанные поисковиками страницы с сайта, помещенные на их сервер. Они загружаются в среднем 1-2 секунды. Данные показатели по скорости загрузки достигаются за счет того, что информация загружается не с сайта, загрузка происходит с серверов Яндекса или Google в момент формирования результатов поисковой выдачи.

Важно, чтобы контент на турбо-странице был максимально идентичным тому, что размещается на вашей странице сайта. Иначе страница с быстрым ответом может быть убрана из поиска и вместо неё появляется обычная.

Примеры успешного внедрения турбо-страниц

Новостной портал

Турбо-страницы — оптимальное решение для бизнеса, где важен не только трафик, но и глубина просмотра. Например, для СМИ.

Ниже вы видите, как увеличились конверсии у одного из наших клиентов — новостного портала, где мы ввели турбо-страницы для карточек новостей. Скорость загрузки турбо-страницы в 4 раза больше скорости загрузки обычной страницы сайта. В результате пользователи просматривали в 2 раза больше турбо-страниц, чем обычных.

Интернет-магазин

Другой пример — турбо-страницы для интернет-магазина. Были созданы турбо-страницы для карточек товара, данные страницы сейчас доступны только для пользователей мобильных устройств. Обычная страница загружалась в среднем 3,5 секунды, а турбо-странице хватало одной секунды.

Мы проанализировали, сколько пользователей кликает по кнопкам "Добавить в корзину" на разных типах страниц: на турбо и обычных. На турбо-страницах оказалось в 1,7 раза больше переходов.

Сейчас турбо-страницы не работают для товаров, где нужно указать обязательный параметр. Пример — страница с ламинатом в строительном магазине. Клиент вводит площадь помещения, и сайт подсказывает, какой объём товара понадобится. Вы не сможете передать на турбо-страницу поле для ввода параметра.

Однако функционал постоянно обновляется, и такая возможность появится в будущем. Следите за обновлениями.

Убийца 2. Неадаптированный поиск по сайту

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

Ниже вы найдете перечень полезных советов по улучшению системы поиска, которые помогут вам в оптимизации вашего сайта и повышении эффективности.

Как улучшить поиск по сайту

— Внедрите фильтры сортировки товаров в результатах поиска

Большинство сайтов не позволят выделить нужные категории, и пользователю приходится просмотреть множество нерелевантных товаров, прежде чем он найдёт подходящий. Будьте лучше, и клиенты к вам потянутся.

— Введите функцию автозаполнения

Так вы сэкономите время пользователей. Если у вас интернет-магазин, обязательно используйте готовые плагины для CMS-системы.

— Анализируйте запросы пользователей в поиске по сайту

Используйте для этого отчёт "По параметрам URL" в Яндекс.Метрике или включите функцию поиска на уровне представления в Google Analytics. Это позволит определить какие запросы набирают пользователи в строке поиска на сайте, далее нужно обязательно проанализировать какой результат поиска получают пользователи (сначала выбираем популярные запросы). Если было выявлено, что пользователи получают некорректный ответ на свой запрос, рекомендуется произвести оптимизацию поиска на сайте.

— Используйте готовые решения по поиску, например, "Яндекс.Поиск" по товарам

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

— Учитывайте грамматические ошибки пользователей

Если пользователь опечатался в каком-то слове, он всё равно должен получить корректный результат в поисковой выдаче. Также важно, чтобы поисковая строка отвечала на запрос написания иностранных брендов по-русски (понимала транслит).

— Введите быструю чистку формы для мобильных устройств

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

— Показывайте результаты выдачи до того, как пользователь отправит запрос

Подсвечивайте ключевые слова, выводите конкретные категории с количеством товаров в каталоге и т. д.

Ниже пример грамотного поиска на сайте:

Убийца 3. Плохой дизайн на странице с товарами/услугами

Каждый элемент на сайте должен ориентировать пользователя по сайту и продвигать его по воронке продаж. Плохое оформление сайта может отпугнуть пользователей и понизить эффективность маркетинговых усилий.

Какие бывают проблемы:

• объекты "наезжают" друг на друга,
• формы захвата слишком длинные,
• слишком мелкий шрифт,
• отсутствие отступов,
• слишком маленькие кнопки,
• ссылки в меню расположены слишком близко,
• бесконечный скроллинг.

Один из интернет-магазинов в пятницу вечером выложил новую мобильную версию сайта. Дизайн "поехал", карточка товара перекрыла название, характеристики, стоимость и кнопку "В корзину". В результате — провал транзакций по мобильным устройствам, а стоимость привлечения заказов увеличилась с плановых 1,5 тысяч до 4,1 тысяч рублей.

Как улучшить дизайн на странице с товарами

1.    Вручную проверяйте все новые или обновлённые страницы

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

Необязательно просматривать все страницы. Многие страницы оформляются по шаблону. Просто проверьте, как будут изменять элементы на шаблонных страницах.

2.    Анализируйте количество отказов на конкретных страницах

Если на сайте много товарных категорий, можно воспользоваться системами "Яндекс Метрика" и "Google Analytics". Анализируйте количество отказов по конкретным страницам, браузерам, мобильным устройствам. Это поможет вовремя обнаружить проблему и оперативно её исправить.

3.    Не выкатывайте новую версию в пятницу вечером

Программисты любят так делать, но на практике это означает, что если в коде есть ошибки (а они, как правило, есть), то исправят их только в понедельник. А за 2 дня выходных вы потеряете деньги.

Сервисы "Яндекс Вебмастер" и Google Mobile-Friendly Test Tool помогут обнаружить эти проблемы.

Убийца 4. Слишком длинные формы захвата

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

Как сделать форму привлекательной для посетителя

— Делайте обязательными только те поля, без которых клиент не сможет оформить заказ.

— Если форма уже есть на сайте, проанализируйте её с помощью "Яндекс Метрики" и "Google Analytics". Эти инструменты помогут узнать, как посетители взаимодействуют с формой: сколько человек начинают её заполнять и доводят дело до конца, сколько "отваливаются" и на каком из этапов.

— В начале формы укажите, сколько шагов нужно совершить при ее заполнении. Это подготовит пользователя и будет мотивировать заполнять форму дальше.

—  Укажите, что данные из формы не будут никуда распространяться.

Закрепим материал

1. Оптимизируйте скорость загрузки сайта: кэшируйте данные, сжимайте файлы, стили и скрипты javascript, пользуйтесь AMP и Турбо-страницами поисковых систем. Ищите новые решения — в битве за покупателя выигрывает быстрейший.
2. Чем проще навигация по сайту, тем больше вы нравитесь пользователю и тем активнее он будет у вас заказывать. Внедряйте фильтры сортировки товаров и автозаполнение в поиске, следите за тем, чтобы поисковая строка понимала транслит и грамматические ошибки. Словом, пытайтесь всячески упростить взаимодействие пользователя с вашим сайтом.
3. Внося изменения, тестируйте, правильно ли работают обновлённые страницы в мобильной и десктопной версиях сайта. Сделать это можно с помощью сервисов "Яндекс Вебмастер" и Google Mobile-Friendly Test Tool.
4. Следите за тем, чтобы в формах заказа была только самая необходимая информация — большое количество полей отпугивает потенциальных подписчиков.

Следуйте нашим советам и не убивайте конверсию!