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

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

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

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

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 ошибки;
  • Удаляйте каптчу из форм обратной связи;
  • Делайте максимально удобными и простыми формы заказа и корзину;
  • Добейтесь максимально отзывчивого и удобного адаптивного дизайна.

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

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


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

      Всё продвижение для контентников сеошники описывают в трех словах: скорость, качество, систематичность. А, ну ещё конечно же СЯ, как же я про него забыл (фундамент жеть!).
      -
      1
      +
      Ответить
  • Денис Лисин
    2
    комментария
    0
    читателей
    Денис Лисин
    2 месяца назад
    Опять статья ради статьи, о чем было уже написано 100500 раз.
    -
    4
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
#SEOnews14: мы празднуем – вы получаете подарки!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Гость, добрый день! С победителями мы связывались сразу после розыгрыша. Если мы вам не написали, значит, ваш номер не выпал. Но не расстраивайтесь, у нас обязательно будут новые розыгрыши!
Что скрывает «Прогноз бюджета Яндекс.Директ»?
Михаил Мухин
9
комментариев
0
читателей
Полный профиль
Михаил Мухин - Дожидаться 100 попыток не будем - не дождемся :) Подведем итоги и опубликуем решение 13 Декабря
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Ann Yaroshenko
5
комментариев
0
читателей
Полный профиль
Ann Yaroshenko - Дмитрий, добрый день! Если вы проставили на странице с автозапчастями rel=canonical ( а я вижу в коде, что не проставили) или в HTTP хедере, то бот, как правило: выберит ту страницу главной, которую вы указали в rel=canonical ссылке. Eсли же вы этого не сделали, то бот сам выберит оригинал (алгоритмы, по которым бот это делает, скрыты Googl-ом)
От мечты стать юристом к собственному SMM-агентству. Как найти себя в современном цифровом мире
Виктор Брухис
5
комментариев
0
читателей
Полный профиль
Виктор Брухис - Статья выглядит так, как пожелали редакторы и интервьюер) Вопросы к интервью подбирал не я)) Хотя, в целом я согласен с вашим видением. А за пожелание удачи большое спасибо!
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Воообще, на самом деле здесь двоякое впечатление от таких аудитов. Конечно, для полного глубокого анализа и подготовки рекомендаций по сайту - нужны доступы к системам аналитики и инструментам вебмастера. Но если оценивать подобные аудиты с точки зрения чистого SEO (которое все больше и больше становится лишь малой частью digital-маркетинга, лишь одним из каналов) - они имеют место быть. Но с оговоркой, что они сделаны с учетом анализа конкурентов/отрасли. Современные инструменты и алгоритмы позволяют делать это маркетологам в автоматическом режиме, и даже давать рекомендации - возможностями машинного обучения уже никого не удивишь. Да, полное перечисление "мифического" списка ошибок, построенного по предикативным правилам, да еще и с учетом устаревших особенностей ПС - это явный признак некачественного аудита. В первую очередь потому, что эти "ошибки" следует рассматривать в качестве рекомендаций от ПС (как и говорится в справочнике вебмастера у Яндекса/Google). Однако если эти данные даются с отсылкой на данные о конкурентах, об отрасли, используются методы ML и Natural language processing для обработки исходных данных, кластеризации запросов, классификации страниц/запросов/сайтов, определения структуры документа - такие отчеты имеют право на существование. Но ключевым моментом является то, что подобные инструменты достаточно сложны в разработке, а значит требуют квалифицированных специалистов для их разработки. Которых просто нет у студий рассылающих подобные "сео отчеты". Подобные отчеты по "ошибках" тоже неплохой источник информации, но лишь на 0 этапе анализа сайта. И в принципе, теоретически, возможно почти полное составление "хороших аудитов" без участия маркетолога, на основе лишь открытых данных сайта/внешних источников, но только при соответствующем применении всех современных возможностей анализа данных и рекомендательных систем. И в любом случае подобный "хороший отчет" требует конечного заключения от эксперта.
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Kosta Bankovski
4
комментария
0
читателей
Полный профиль
Kosta Bankovski - Спасибо за приятные слова! Буду и дальше делиться наработками ;)
Как провести анализ содержания страниц товаров и категорий
Никита Седнин
3
комментария
0
читателей
Полный профиль
Никита Седнин - Спасибо!
Как вывести сайт в ТОП 10 Google в 2019 году
Ирина
8
комментариев
0
читателей
Полный профиль
Ирина - Работают. Как естественные, так и закупные. >Мои сайты в первую очередь заточены на яндекс Соболезную. >Насколько поисковые алгоритмы с гугловскими у него. Разница в 10 лет. Вон в Яше все долбят на ключи, на вхождения и прочий трэш из древностей. А у Гугла, вон почитайте про eat, ymyl Не все понятно но спасибо за ответы. Я так понимаю что с ссылками деть никто точно не знает) Ну это и хорошо вообщем. Самому разбираться как то интересней. Но не всегда. Есть к примеру 2captcha.com/ru и на него 100к ссылок есть. Ну а смысл какой?
10 элементов сайта, которые гарантированно отпугнут посетителей
Андрей
2
комментария
0
читателей
Полный профиль
Андрей - Ну типа потому что клиентское seo больше для коммерции предназначено. Типа контентники и сами знают что делать. В коммерции можно тысячу причин найти чтобы поработать с сайтом, а с контентными такие фокусы уже не прокатят, поэтому и не пишут. Всё продвижение для контентников сеошники описывают в трех словах: скорость, качество, систематичность. А, ну ещё конечно же СЯ, как же я про него забыл (фундамент жеть!).
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
360
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
107
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
79
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

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