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

10 элементов сайта, которые гарантированно отпугнут посетителей

Россия +7 (495) 139-20-33
Шрифт:
7 53077
Подпишитесь на нас в Telegram

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

1. Незащищенное соединение (сайты без https)

По данным исследования британского агентства John Cabot, 64% пользователей сразу покидают http-сайты из-за предупреждения браузеров.

Отсутствие подключенного SSL-сертификата бросается в глаза при посещении сайта: браузеры выводят предупреждение прямо в адресную строку.

Скриншот предупреждения о небезопасном соединении в Яндекс.Браузере

Скриншот предупреждения о небезопасном соединении в Яндекс.Браузере

Скриншот предупреждения о небезопасном соединении в Google Chrome

Скриншот предупреждения о небезопасном соединении в Google Chrome

В итоге, пользователи могут не обратить внимание, что на сайте есть https; но точно заметят, что его нет, и с вероятностью больше пятидесяти процентов покинут сайт с незащищенным соединением. Кроме того, https – фактор ранжирования Google, так что защищенное соединение еще и улучшает позиции сайта в поисковой выдаче.

Так что если сертификат на вашем сайте еще не установлен – самое время заняться этим вопросом; а на Хабре можно прочитать подробное руководство по выбору и процессу установки SSL-сертификата.

2. Медленная загрузка

По данным Google, одна секунда задержки загрузки сайта снижает конверсию на 20%. И согласно здравому смыслу: чем скорее загружается сайт, тем больше удовлетворения получит пользователь от опыта взаимодействия с таким сайтом.

Как проверить скорость загрузки сайта не вручную?

  • Google PageSpeed Insights – тест от Google. Дает готовые рекомендации по повышению скорости; но показывает лишь оценочную, не реальную скорость загрузки (хотя и очень точно). Тест от Google проверяет сайт на соответствие параметрам, которые Google считает необходимыми для обеспечения высокой скорости загрузки.
  • Pingdom Tools – бесплатный инструмент проверки. Имитирует загрузку сайта из разных точек мира (например, вы можете посмотреть, где быстрее загрузится ваш сайт: в Японии или в Великобритании). Выдает список ошибок-препятствий, которые замедляют загрузку сайта.
  • Gtmetrix.com – условно бесплатный тест скорости (есть премиум-версия). Имитирует скорость загрузки сайта, выдает рекомендации по улучшению; а еще сохраняет историю, так что можно посмотреть, насколько быстрее сайт стал загружаться после внедрения рекомендаций.

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

Что делать, если скорость загрузки сайта низкая?

  • Оптимизируйте изображения. Стремитесь к тому, чтобы каждая иллюстрация весила не больше 100 Кб; в идеале – обеспечьте для сайта специальный скрипт, который будет сжимать размер изображений при загрузке их на сайт без потери качества (во все современные CMS, как правило, такой скрипт встроен).
  • Выбирайте быстрый хостинг с серверами, расположенными максимально близко к вашей целевой аудитории.
  • Оптимизируйте код сайта.
  • Используйте CDN.

Больше советов по повышению скорости загрузки смотрите в статье с пошаговыми рекомендациями по повышению скорости от Raven Tools.

3. Всплывающая навязчивая реклама

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

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

4. Нечитабельное оформление текста

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

Что учесть при верстке текста на сайте:

  • Создавайте понятную структуру текста: разделение на смысловые абзацы, заголовки, подзаголовки.
  • Разбавляйте текст списками, таблицами, медиаэлементами (фотографии, видео).
  • Подбирайте удобные для чтения с экрана шрифты: минимум декоративных элементов, шрифты без засечек, комфортное для глаз межстрочное и межбуквенное расстояние.

И, конечно, тексты должны быть полезными и интересными.

5. Неделикатные call-to-action

Каждый сайт – это способ достичь целей владельца (иначе говоря, каждый сайт надо монетизировать). Отсюда рождаются различные формы захвата внимания пользователя, ведущие к конверсиям: форма заказа; форма подписки на email-рассылку; форма подписки на push-уведомления; онлайн-консультант; форма заказа обратного звонка. И в стремлении заполучить заветный контакт некоторые владельцы сайтов переходят грань адекватности и здравого смысла: формы выскакивают почти одновременно, конкурируя между собой.

Шутливая зарисовка с Пикабу на тему навязчивых форм связи. 

Источник: https://pikabu.ru/story/tipichnyiy_sayt_2019_6767374

Как собирать контакты пользователей и не бесить их при этом:

  • Делайте перерывы между выводом различных форм. Например, выводите вначале только форму согласия со сбором cookie-файлов (желательно не всплывающим окном по центру экрана – а деликатно в футере), а форму подписки на email-рассылку выводите только спустя минуту нахождения пользователя на сайте.
  • Комбинируйте call-to-action формы: собирайте онлайн-консультанта и форму заказа обратного звонка в один элемент дизайна.
  • Не будьте навязчивыми: если пользователь один раз вам отказал (закрыл всплывающую форму), не выводите ее повторно (или выводите повторно хотя бы не в этом же сеансе).
  • Лучше не выводите формы всплывающими неожиданно окнами, а гармонично встраивайте их в контент страницы, чтобы пользователь сам выбирал, когда с ними взаимодействовать.

6. Пустая 404 страница

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

Что стоит разместить на странице 404:

  • Карту сайта
  • Форму поиска по сайту
  • Ключевые разделы сайта

Страница 404 ошибки на сайте seo.ru

Страница 404 ошибки на сайте seo.ru

Страница 404 ошибки на сайте seonews.ru

Страница 404 ошибки на сайте seonews.ru

Страница 404 ошибки на сайте artlebedev.ru

Страница 404 ошибки на сайте artlebedev.ru

7. Каптча в формах обратной связи

По данным исследования Стенфордского университета, на решение каптчи, даже самой простой, у пользователя может уходить больше 9 секунд, а по данным moz.com, отказ от капчи приводит к росту конверсии на 3,2%. Чтобы пользователи охотно заполняли форму заяви/подписки на вашем сайте – избегайте каптчи.

Но что делать, если сайт часто подвергается автоматизированной атаке, и спам с сайта мешает работе вашего отдела продаж?

Вот альтернативные варианты отсечь спам с формы обратной связи, без использования каптчи:

  • Ручная модерация. Настройте фильтры на стороне почтового клиента или удаляйте вручную спамные письма, если их объем невелик: эффективнее удалить вручную несколько писем в неделю, чем рисковать конверсией и устанавливать каптчу в формы обратной связи на сайте.
  • Скрытая капча (honeypot). Это особый вид каптчи, при которой используются скрытые поля на веб-странице, невидимые для посетителей. Дело в том, что боты часто запрограммированы на автоматическое заполнение всех полей, и они заполняют даже те поля, которые не видны посетителям, подтверждая, что они являются ботами.
  • Ситуативная капча. Она появляется лишь тогда, когда происходит превышение допустимой нормы, на которую не способен живой человек, а способен лишь робот.

8. Сложная корзина

Согласно исследованию Baymard Institute, 27% онлайн-покупателей называют в качестве причины отказа от заполнения корзины «слишком долгий/сложный процесс оформления покупки». И действительно, чем больше, длиннее, сложнее поля в корзине – тем все больше и больше растет вероятность, что покупатель уйдет от вас на сайт конкурента.

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

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

Скриншот двух этапов оформления заказа из корзины на сайте mvideo.ru

Скриншот двух этапов оформления заказа из корзины на сайте mvideo.ru

Как упростить оформление заказа из корзины на сайте:

  • Спрашивайте только необходимое. Если способ доставки – самовывоз, то не спрашивайте адрес; если никак не используете email покупателя, то не надо его уточнять.
  • Разбивайте оформление заказа на шаги: 1) выбор количества товара и аксессуаров к нему; 2) выбор способа доставки и оплаты; 3) заполнение личных данных клиента.
  • Упрощайте заполнение полей: используйте автозаполнение адреса, используйте поля с готовыми вариантами ответа (например, это могут быть поля выбора даты и времени доставки).

Улучшая интерфейс своего магазина, ориентируйтесь на лучших: например, посмотрите сайты первой 20-ки рейтинга крупнейших ecommerce России по данным исследовательского агентства Data Insight.

9. Сложная форма заказа

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

Как упростить форму заказа с сайта:

  • Спрашивайте только необходимое. Если продажа производится по телефону, и цель сайта – сгенерировать заявки на общение с отделом продаж, то спрашивайте только имя и телефон.
  • Используйте маски для заполнения полей «Телефон» и «Email».
  • Помечайте в форме обязательные к заполнению поля.

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

10. Ошибки адаптивного дизайна

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

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

Где проверять качество адаптивности сайта:

Что учесть в первую очередь при оценке удобства адаптивной верстки:

  • Не допускайте горизонтальную прокрутку сайта (в отдельных случаях можно ее сохранить только для больших таблиц).
  • Кнопки делайте такого размера, чтобы по ним легко было попасть пальцем.
  • Размер шрифта делайте комфортным для чтения с мобильного устройства, как правило, это 14 px для основного текста и 16–18 px для заголовков.
  • Не размещайте всплывающие окна на все пространство экрана, а также следите, чтобы у них была заметная и удобная для клика кнопка закрытия окна.

Вместо заключения – чек-лист

Ниже чек-лист полезных советов по снижению показателя отказов сайта:

  • Обеспечьте сайту защищенное соединение https;
  • Добейтесь высокой скорости загрузки сайта;
  • Не используйте навязчивую всплывающую рекламу;
  • Делайте тексты максимально удобными для чтения;
  • Деликатно оформляйте call-to-action;
  • Информативно оформляйте страницу 404 ошибки;
  • Удаляйте каптчу из форм обратной связи;
  • Делайте максимально удобными и простыми формы заказа и корзину;
  • Добейтесь максимально отзывчивого и удобного адаптивного дизайна.

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • dotaidi
    0
    комментариев
    0
    читателей
    dotaidi
    больше года назад
    Статья как вешалка внутренних ссылок...Это кстати, раздражает не меньше. Да и со знаками, тоже раздражает, ошибки есть..
    -
    1
    +
    Ответить
  • Алексей Махметхажиев
    6
    комментариев
    0
    читателей
    Алексей Махметхажиев
    больше года назад
    Мне нравится, что всё больше пишут про скорость загрузки сайта.
    Это важнейший показатель сейчас для отслеживания.
    -
    6
    +
    Ответить
  • Александр Бирман
    1
    комментарий
    0
    читателей
    Александр Бирман
    больше года назад
    - Https - не фактор ранжирования. Проверил на 20 разных сайтах плюс туманные ответы от специалистов гугла по теме
    - Капча-зло. Использую вместо нее квизы (какая столица Франции).
    - Неизменяемые при клике элементы. Нажимаем на кнопку, а она неподвижна и хорошо если через секунду пользователь получит отдачу.
    - Непереведенные элементы шаблонов и форм
    - Нажимаем на кнопку с одной надписью, а попадаем на страницу с другим смыслом
    Ну и ещё сотни две "отп...
    - Https - не фактор ранжирования. Проверил на 20 разных сайтах плюс туманные ответы от специалистов гугла по теме
    - Капча-зло. Использую вместо нее квизы (какая столица Франции).
    - Неизменяемые при клике элементы. Нажимаем на кнопку, а она неподвижна и хорошо если через секунду пользователь получит отдачу.
    - Непереведенные элементы шаблонов и форм
    - Нажимаем на кнопку с одной надписью, а попадаем на страницу с другим смыслом
    Ну и ещё сотни две "отпугивающих факторов"
    -
    5
    +
    Ответить
  • HuKoTuH
    1
    комментарий
    0
    читателей
    HuKoTuH
    больше года назад
    Ага, пункт 10 сначала в своей статье исправить надо, прежде чем людей "уму-разуму" учить. Как тебя только дернуло выставлять статическую ширину на картинке в статье на адаптивном сайте...
    -
    10
    +
    Ответить
  • Денис Лисин
    2
    комментария
    0
    читателей
    Денис Лисин
    больше года назад
    И кстати говоря, почему все пишут только о сайтах на которых есть корзина и которые что-либо продают, существуют и другие сайты, информационные, с загрузками и так далее.
    -
    2
    +
    Ответить
    • Андрей
      2
      комментария
      0
      читателей
      Андрей
      Денис Лисин
      больше года назад
      Ну типа потому что клиентское seo больше для коммерции предназначено. Типа контентники и сами знают что делать. В коммерции можно тысячу причин найти чтобы поработать с сайтом, а с контентными такие фокусы уже не прокатят, поэтому и не пишут.

      Всё продвижение для контентников сеошники описывают в трех словах: скорость, качество, систематичность. А, ну ещё конечно же СЯ, как же я про него забыл (фундамент жеть!).
      -
      1
      +
      Ответить
  • Денис Лисин
    2
    комментария
    0
    читателей
    Денис Лисин
    больше года назад
    Опять статья ради статьи, о чем было уже написано 100500 раз.
    -
    4
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Как онлайн-магазинам получать максимум трафика с помощью Поиска по товарам Яндекса
Гость из Тюмени
1
комментарий
0
читателей
Полный профиль
Гость из Тюмени - Производим пиломатериалы под заказ, от 1 до 14 дней. Яндекс постоянно банит наш яндекс фид по причине отсутствия товара на складе во время своих тайных проверок. Не возможно донести до модератора, что мы работаем под заказ, поэтому товара нет на складе, т.е. пришёл заказ - мы изготовили.
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
Как легко определять спрос на продукцию. Проводим мини-исследование, привлекая ChatGPT
Гость
1
комментарий
0
читателей
Полный профиль
Гость - норм статья, надо юзать и не бояться
Число доменов в зоне .ru достигло рекордных показателей с 2017 года
Валерия Власова
3
комментария
0
читателей
Полный профиль
Валерия Власова - Благодарим за внимательность, в зоне .рф зарегистрировано 762 тыс. доменов.
Видеокурс по Telegram Ads: кому подходит реклама в мессенджере
eLama
1
комментарий
0
читателей
Полный профиль
eLama - Елена, добрый день! Нам очень жаль, что у вас сложилось такое впечатление о работе нашего сервиса. Мы бы хотели разобраться в возникшей ситуации. Будем признательны, если вы пришлете ваш ID в eLama нам в личные сообщения ВКонтакте, чтобы мы могли проверить информацию по вашему кабинету: vk.com/elama
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

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