×
Россия +7 (495) 139-20-33

5 ошибок в мобильной версии сайта, которые лишают вас заказов

Россия +7 (495) 139-20-33
Шрифт:
2 19620

По данным сервиса «Яндекс.Радар», доля посетителей сайтов с мобильных устройств составляет 55,9%. На протяжении последних пяти лет доля mobile-трафика ежегодно увеличивается минимум на 10%.

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

Мобильной или адаптивной версии сайта нет

Примеры отображения мобильной версии сайта из блога Яндекса для вебмастеров

Примеры отображения мобильной версии сайта из блога Яндекса для вебмастеров

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

Большинство актуальных шаблонов для распространенных CMS (1С-Bitrix, WordPress, CS-Cart и т.д.), а также конструкторы сайтов содержат в себе адаптивную версию сайта по умолчанию. Такая версия не всегда хорошо проработана с точки зрения дизайна, но в целом удобна для пользователей и выдерживает критику.

Другое дело – самописные движки (где разработчик не сделал адаптив или мобильную версию сайта из-за своей лени или обиды на заказчика) и шаблоны сайтов (в особенности бесплатные, созданные в 2010-х и не видевшие обновлений многие годы).

Если вы владелец сайта на самописном движке, который не заплатил разработчику, или сайта на раритетном шаблоне с 3 сайдбарами, то необходимо срочно проверить наличие мобильной или адаптивной версии. Вот прямо сейчас!

Сделать это можно следующими способами:

  1. https://search.google.com/test/mobile-friendly – тест от Google (иногда не прогружает стили, поэтому проведите проверку 3–5 раз для большей точности).
  2. https://webmaster.yandex.ru/site/tools/mobile-friendly/ – тест от Яндекса (не забудьте подтвердить права на сайт перед проверкой: проверить можно только свои сайты).
  3. Открываем сайт, нажимаем F12 или Shift Control I, чтобы вызвать консоль, после чего нажимаем Shift Control M. Это позволит с помощью инструментов браузера проверить наличие мобильной/адаптивной версии сайта (в некоторых случаях нужно перезагрузить страницу с помощью F5).
  4. Самый надежный и информативный – открыть сайт на смартфоне и/или планшете.

Долгая загрузка страниц

Тише едешь – дальше будешь в результатах поисковой выдачи и без заказов.

Результат теста сайта amazon.com с помощью сервиса Google PageSpeed Insights

Результат теста сайта amazon.com с помощью сервиса Google PageSpeed Insights

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

По данным исследования компании Unbounce, время загрузки сайта более 3 секунд снижает вероятность покупки у 45,4% пользователей и снижает вероятность повторного посещения сайта у 36,8%. Несколько лишних секунд при загрузке сайта могут лишить половины потенциальных продаж.

Причин длительной загрузки мобильной/адаптивной версии сайта множество, вот самые частые:

  1. Большой размер (в Kbyte) используемых изображений.
  2. Синхронная загрузка изображений и всего мультимедийного контента.
  3. Загрузка большого количества скриптов (иногда совершенно ненужных для мобильной/адаптивной версии).
  4. Общий размер страницы (например, в интернет-магазине страница с 10 товарами будет загружаться быстрее, чем страница с 50 товарами, при прочих равных условиях).
  5. Проблемы с хостингом.

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

  1. Google PageSpeed Insights.
  2. Pingdom Tools.
  3. Gtmetrix.com.

Отсутствуют кликабельные контакты или нет виджетов для быстрой связи

Скажи мне, как с тобой можно связаться, и я скажу, кто ты.

Кнопка обратной связи от сервиса Jivosite

Кнопка обратной связи от сервиса Jivosite

Чувство комфорта у посетителя адаптивной/мобильной версии сайта должно быть непрерывным. Начиная с самого наличия адаптива или мобильной версии сайта с высокой скоростью загрузки и заканчивая множеством вариантов коммуникации с компанией.

Об удобных и неперегруженных формах заявок поговорим в следующем пункте. Здесь же рассмотрим альтернативные способы связи.

  1. Номер телефона на сайте (в header или footer) должен быть кликабельным, то есть при нажатии на него на телефоне должен происходить набор либо предложение совершить звонок.
    Иногда контакты на сайте размещены изображением, что никак не позволит посетителю быстро связаться с компанией. Не делайте так.
  1. Online-чат с момента своего появления пользовался популярностью у посетителей сайта, особенно у тех, кто не хотел сразу же делиться своей контактной информацией. Действительно, это отличный способ проконсультировать стеснительного потенциального клиента.
    К сожалению, на большинстве сайтов online-чат перестал быть online-чатом. После автоматического приветствия и получения сообщения от посетителя также автоматически запрашивается его контактная информация. И никакой консультации online. Доверие к эффективности чатов на сайте у посетителей потихоньку угасает.
    Если используете online-чат, будьте готовы оперативно отвечать на вопросы посетителей сайта. В ином случае вы получите только безмолвный негатив.
  1. Виджеты мессенджеров (Telegram, WhatsApp, Viber) пришли на частичную замену online-чатам. Плюсом при их использовании является получение контактов посетителя при начале коммуникации, что очень удобно при дальнейшем диалоге с потенциальным клиентом.
    Минус использования таких виджетов состоит в том, что посетитель уходит с вашего сайта в мобильное приложение мессенджера и может не вернуться назад на сайт (но это не проблема, ведь вы узнаете его контактный номер телефона).

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

Длинные или перегруженные формы заявок

У меня к вам всего несколько вопросов, несколько десятков вопросов...

Пример формы обратной связи из блога Яндекса для вебмастеров

Пример формы обратной связи из блога Яндекса для вебмастеров

Количество полей для заполнения в форме заявки на сайте обратно пропорционально ее конверсионности. Другими словами, чем больше спросите, тем меньше ответов получите.

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

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

Примеры малополезной и лишней информации в формах заявок:

1. Форма заказа обратного звонка (ненужное зачеркнуто):

  • Имя.
  • Фамилия.
  • Отчество.
  • Телефон.
  • Желаемое время звонка.
  • E-mail.

Все, что нужно для звонка, – это номер телефона. Имя – стандартный вопрос, но не обязательный, так как познакомиться можно во время разговора.

2. Форма заказа товара / услуги без возможности оплатить online (ненужное зачеркнуто)

  • Имя.
  • Фамилия.
  • Отчество.
  • Телефон.
  • E-mail.
  • Название компании.
  • Должность.
  • Страна.
  • Индекс.
  • Город.
  • Улица / дом / квартира.
  • Время доставки.
  • Кличка собаки.

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

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

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

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

    Наличие капчи

    Капча на сайте – горе в семье.

    Пример капчи, найденный на pikabu.ru

    Пример капчи, найденный на pikabu.ru

    Что хуже: получить несколько спам-обращений или недополучить заявку потенциального клиента?

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

    • Даешь капчу после захода на сайт! (не пропустим ботов)
    • Капчу, чтобы добавить товар в корзину!
    • Капчу, чтобы открыть форму заявки! (превентивные меры для защиты от спамеров)
    • Капчу, чтобы увидеть капчу!

    Все правильно!

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

    По данным исследования компании Baymard, до 29% пользователей не могут правильно ввести капчу, чувствительную к регистру, с первого раза. На мобильной/адаптивной версии сайта дела обстоят еще хуже из-за физического неудобства ввода капчи.

    Конверсия при использовании капчи падает в среднем на 3,2% (и это еще по «бородатым» данным исследования MOZ).

    А вы готовы лишиться части заказов и подарить их конкурентам? Нет? Тогда убирайте капчу и будьте проще (с точки зрения оформления заказа).

    Итого

    Конкурент без мобильной/адаптивной версии сайта – хороший конкурент.

    Перечисленные ошибки по отдельности «воруют» чуть-чуть из ваших карманов. А все вместе они способны лишить мобильную/адаптивную версию сайта существенного количества заказов.

    (Голосов: 25, Рейтинг: 4.36)
    Читайте нас в Telegram - digital_bar

    Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


    Новые 
    Новые
    Лучшие
    Старые
    Сообщество
    Подписаться 
    Подписаться на дискуссию:
    E-mail:
    ОК
    Вы подписаны на комментарии
    Ошибка. Пожалуйста, попробуйте ещё раз.
    Отправить отзыв
    ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
    Алгоритм продвижения сайта через Pinterest
    Виктор Гаврюков
    27
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - В самом вверху есть ссылка на мою группу в ВК, там где автор материала. Через группу и свяжитесь со мной_)
    Ссылочный апдейт Google: что изменится для SEO-специалистов в рунете
    Тимур
    6
    комментариев
    0
    читателей
    Полный профиль
    Тимур - Понял, спасибо за информацию.
    Как забрать 5 мест в выдаче из 10. Кейс-эксперимент
    Виктор Гаврюков
    27
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - такое можно делать и с ВЧ_)
    Как продвинуть сайт по коммерческим запросам в ТОП-10 с помощью ресурса Reddit
    Denis Zar
    2
    комментария
    0
    читателей
    Полный профиль
    Denis Zar - пользовались услугами по продвижению на реддит от reddit-marketing.pro?
    3 основные ошибки, которые допускают владельцы сайтов при продвижении
    Виктор Гаврюков
    27
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - Не обращай внимания_) Если у тебя хороший ресурс, то ты будешь первоисточником, и все кто своровал, автоматически начнут на тебя ссылаться, точнее, так гугл будет считать_)
    Как мы увеличили трафик из Яндекса более чем в 3 раза за неделю на сайте клиники. Кейс
    Андрей
    1
    комментарий
    0
    читателей
    Полный профиль
    Андрей - У большинства сайтов произошел рост в Гугле в декабре и в марте Яндекса. Ваши шаманства тут не причём :)
    Как доработка структуры вывела сайт в ТОП-10 Google и увеличила трафик в 2 раза. Кейс Связной Трэвел
    Дмитрий
    3
    комментария
    0
    читателей
    Полный профиль
    Дмитрий - Вероятнее всего было обновление Google и позиции были снижены в связи с низкой скоростью загрузки страниц (так как доработке ведутся не только по SEO, но и в целом по функционалу сайта, появляются новые скрипты). В этот период в Google Search Console увеличилось количество страниц с низкой скоростью загрузки. Мы выявили несколько проблем, которые снижают скорость загрузки страниц и выдали рекомендации по их устранению. Пока данные рекомендации находятся в работе. Также был проведен анализ EAT факторов и проверка сайта на соответствие требованиям Google к YMYL сайта, выданы рекомендации по доработке данных факторов (ждем внедрения наших рекомендаций, поделимся потом результатами).
    Вечные ссылки: зачем они нужны и где их взять
    Павел Павлов
    3
    комментария
    0
    читателей
    Полный профиль
    Павел Павлов - Покупаю только на сапе и те арендованные остальная масса ссылок это крауд ссылки
    Автоматизация сбора данных Core Web Vitals в Google Таблицах на своем сайте и сравнение с конкурентами
    Grinvind
    22
    комментария
    0
    читателей
    Полный профиль
    Grinvind - В каком?
    SEO для интернет-магазина зоотоваров: как привести заказы на миллион рублей в месяц. Кейс
    Евгений Носенков
    1
    комментарий
    0
    читателей
    Полный профиль
    Евгений Носенков - >>Резюмируя свое мнение: кейс пуст, так как нет связи с конечными целями бизнеса. Если вы внимательно прочтете весь кейс, то увидите, что мы как раз считаем ключевые метрики для бизнеса, такие как CPO из органики, например. И 77 рублей за заказ со средним чеком 2000 рублей, с учетом всей расходной части (себестоимость, хранение, доставка и тд) — это более, чем рентабельно. Плюс весь оффлайн (кто посмотрел на сайте, но пришел ножками в любую из 60-ти точек) не учитывается в данном кейсе. "У меня был проект и не окупался", "В Беларуси кто-то там банкротится" — серьезный фундамент для аналитики по отрасли, ничего не скажешь. >>сейчас тут в ЗОО рентабельны чат боты и воронки А у тоннелей продаж как дела, норм с рентабельностью?)
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    385
    Комментариев
    373
    Комментариев
    262
    Комментариев
    249
    Комментариев
    171
    Комментариев
    156
    Комментариев
    141
    Комментариев
    121
    Комментариев
    114
    Комментариев
    97
    Комментариев
    97
    Комментариев
    96
    Комментариев
    92
    Комментариев
    80
    Комментариев
    77
    Комментариев
    74
    Комментариев
    67
    Комментариев
    62
    Комментариев
    60
    Комментариев
    59

    Отправьте отзыв!
    Отправьте отзыв!