10 методов снижения отказов
-
Скорость загрузки страницы.
-
Сложный поиск или его отсутствие.
-
Запутанная навигация.
-
Хаотичный дизайн.
-
Отсутствие мобильной версии.
-
Нечитабельные тексты.
-
Однотипный контент.
-
Наличие всплывающих окон.
-
Отсутствие призыва к действию.
-
Битые ссылки.
1. Скорость загрузки страницы
Какая скорость загрузки считается нормальной?
Если страница открывается дольше 2 секунд, то больше половины пользователей не станут дожидаться окончания.
Прочитайте наш материал «7 причин падения сайта в поисковой выдаче».
Каким бы интересным и полезным ни был контент страницы, долгая загрузка раздражает пользователей. Среднему посетителю удобнее сделать лишний переход на другой сайт, чем дожидаться открытия плохо сделанной страницы.
Особенно критично это для мобильных устройств. Здесь скорость открытия еще более важна. Поэтому с начала 2018 г. Google начал рассматривать время уходящее на полную загрузку страницы, как один из важных факторов ранжирования ресурса в поисковой выдаче.
Мобильные пользователи желают получать информацию быстро: здесь и сейчас. Если этого не происходит в течение 1 секунды, они покидают сайт. Параметр отказа мобильных версий сайта поднимается больше чем на 100%, когда скорость снижается до 10 секунд.
Проверьте скорость своих страниц в онлайн сервисе от Google Page Speed Indights.
2. Сложный поиск или его отсутствие
Веб-мастера отказываются от внутреннего поиска по сайту. Это делает навигацию по сайту неудобной. В случае, когда посетитель ищет определенный продукт и не встречает его на странице входа, он обращается к поиску. Важно, чтобы поиск работал хорошо, иначе читатель уйдет с сайта.
Анализ говорит, что 89% посетителей интернет-магазинов не стремятся перейти дальше страницы входа. Расположите строку поиска на видном месте. Сделайте этот процесс как можно более увлекательным для читателей. Чем больше клиент пользуется поиском, тем дольше он находится на сайте.
Наличие поиска актуально особенно тогда, когда в магазине продается большое количество товарных позиций. Предоставьте покупателям четкий ориентир в виде хорошо отлаженной внутренней поисковой системы. Разделите результаты на несколько разделов. Не смешивайте поиск по товарам и текстовый поиск по статьям блога или новостям. Это собьет с толку любого читателя. Результаты товарного поиска в интернет-магазине всегда ставьте первыми.
Модернизируйте шаблонные решения поиска на Wordpress, Joomla, ModX, OpenCart и других свободно распространяющихся CMS. «Из коробки» эта функция здесь работает неудовлетворительно.
3. Запутанная навигация
Упростите навигацию. Сделайте ее простой и понятной любому пользователю. Навигация не должна вызывать у клиента никаких усилий и напряжений. Поместите навигационные инструменты на видное место. Не прячьте главное меню в «гамбургер». По данным специалистов, это существенно ухудшает юзабилити сайта.
Помещайте навигацию в многоступенчатые списки и хорошо заметные мега-меню. Их предпочитает большинство посетителей сайтов на настольных компьютерах.
На мобильных устройствах читатели чаще выбирают для перемещения по страницам видимое меню. Реже используют гамбургер-меню и еще реже — поиск.
-
Укладывайте разделы сайта в древовидное меню или мега-меню.
-
Обеспечьте вложенность пунктов не глубже двух уровней.
-
Установите «хлебные крошки».
-
Выделяйте в меню тот раздел, в котором посетитель находится в данный момент.
-
Если категоризация номенклатуры сложная и многоступенчатая и ее невозможно сократить, примените раскрывающиеся списки. Их удобно применять на сайтах, где продаются подшипники, метизы, автомобильные запасные части.
4. Хаотичный дизайн
Воздушный свободный дизайн без кричащих цветов и выпуклых элементов располагает к общению с сайтом. Клиенты не будут тратить время на поиск нужных продуктов на сайтах с запутанной категоризацией. Еще сильнее оттолкнет покупателя непродуманное сочетание цветов, хаотичное нагромождение блоков, скученность пунктов меню и плохое качество изображений. Каким бы качественным и недорогим был продукт, пользователи не будут его покупать, если дизайн интернет-магазина не внушает доверия.
Не старайтесь «вывалить» весь товар на главную страницу. Разноцветный калейдоскоп товарных блоков отпугнет покупателя.
Снабдите каждый продукт набором качественных больших изображений. Расположите их в упорядоченном свободном виде. Шрифт описаний сделайте не слишком мелким, но и не очень крупным.
Адаптируйте отображение блоков для демонстрации ни мониторах с разным разрешением: десктопах, планшетах, смартфонах, мобильных телефонах.
Дизайн сайта тесно связан с его техническим оснащением. Применение дополнительных функций неизбежно влечет за собой его изменение. Слаженная командная работа дизайнера, проектировщика взаимодействия, специалиста по юзабилити и разработчика приведет к хорошим результатам, высокой конверсии и отличным продажам.
5. Отсутствие мобильной версии
Часть пользователей, которые обращаются к сайтам при помощи мобильной техники с каждым днем становится больше. Актуальность настольных компьютеров снижается. Пользователь, который 2 года назад предпочитал системный блок и огромный монитор на рабочем столе, сегодня не выпускает из рук смартфон и практически забросил стационарное рабочее место.
Для того, чтобы удовлетворить все увеличивающуюся армию мобильных пользователей, необходимо снабжать каждый новый сайт адаптивным дизайном. Но озаботились этим далеко не все. Даже некоторые именитые бренды не имеют версии сайта, с которой можно комфортно работать при помощи мобильной техники. В русскоязычном интернете на середину 2017 года больше половины всех интернет-ресурсов не могли адаптироваться к маленьким экранам.
Некоторые сайтостроители перенесли привычки десктопной верстки на мобильные версии. Часто встречаются попап окна, закрывающие весь экран телефона. Некоторые из них невозможно закрыть крестиком.
Поисковые системы понижают позиции тех ресурсов, которые не отображаются на мобильниках правильно.
Чтобы делать мобильные сайты без ошибок, читайте нашу статью «Мобильная верстка. Возвращение к главному».
6. Нечитабельные тексты
Текст на сайте должен быть отформатирован так, чтобы его было легко читать. Восприятие не должно вызывать напряжений. Посетители отказываются взаимодействовать с наспех сделанными статьями без определенной структуры.
Позаботьтесь о ваших читателях. Разбейте тексты на абзацы, разделы и подразделы. Используйте таблицы, нумерованные и маркированные списки. Иллюстрируйте повествование изображениями и видеороликами. Не переусердствуйте с гифками — они раздражают и мешают восприятию.
Сделайте текст удобочитаемым. На этот показатель оказывают влияние многие факторы:
Эти и другие причины мешают воспринимать текст быстро.
Установлено, что только 15% посетителей читают тексты полностью. Остальные пробегают их глазами, останавливаясь на заголовках разделов.
Уберите воду, замените повторяющиеся слова и фразы. Сократите длинные предложения. Удалите сложные обороты и пассивный залог.
Простые, структурированные тексты лучше воспринимаются клиентами и выше ценятся поисковыми машинами.
Читабельность оценивается с помощью сложных формул. Сервис Text.ru разработал и постоянно оптимизирует собственный алгоритм расчета читабельности и уникальности текста. Из множества подобных сервисов, его выделяют, как наиболее объективный и строгий.
Предложите читателям полезный интересный познавательный контент, и они ответят вам лояльностью. Текст, созданный ради читателя и для читателя будет работать и приносить пользу.
7. Однотипный контент
Порадуйте посетителей разноплановостью вашего блога. Добавьте в ваши материалы не только тексты, но и видеоролики, изображения, анимацию. А еще инфографику, которую так любят рассматривать пользователи.
Широкое распространение мобильной техники, цифровизация всего вокруг приводит к недугу, который в западных странах окрестили как «цифровая шизофрения». Еще десятилетие назад медики заметили, что подростки и молодые люди все чаще страдают рассеянным вниманием, слабой памятью, отсутствием самоконтроля. Для таких пользователей сконцентрироваться на длинном тексте — целая проблема. Они просматривают его «по диагонали».
Для качественного восприятия материал должен быть разнообразным.
Наличие изображений и видеороликов в тексте многократно увеличивает шансы страницы оказаться вверху поисковой выдачи по основным запросам.
Размещая видео, откажитесь от автоматического запуска воспроизведения. Автозапуск сильно понизит ваши позиции в глазах поисковых машин и оттолкнет посетителей.
8. Наличие всплывающих окон
В материале «Всплывающие окна уходят в прошлое. Чем их заменить?» мы рассказывали о вреде, который они наносят нормальному восприятию информации. Подавляющее большинство пользователей воспринимают всплывашки негативно с раздражением. Поисковые системы тоже «не любят» попапы и понижают позиции сайтов их применяющих. А если всплывающее окно появляется на мобильной версии сайта и закрывает больше 20% площади экрана, то он совсем не попадает в поисковую выдачу Google.
Исключите появление всплывающих окон на страницах вашего сайта и вы увидите, как показатель отказов начнет снижаться. Замените всплывающие окна полупрозрачными баннерами, слайдерами, всплывающими чатами, пуш-окнами. Уделите больше внимания нативной рекламе, продуктивность которой удивляет.
9. Отсутствие призыва к действию
Поместите на продающую страницу призыв к действию. Расположите его на видном месте, снабдите заметным дизайном. Содержание CTA сделайте понятным и актуальным.
Здесь мы рассказывали о том, как сделать беспроигрышный призыв к действию и какими инструментами для этого надо воспользоваться.
Ученые отмечают, что движение глаз пользователя по странице на десктопных компьютерах происходит по траектории, описывающей латинскую букву «F». На мобильниках глаза двигаются по букве "Z«начиная с левого верхнего угла.
Вверху страницы справа всегда располагается область с высоким зрительным потенциалом. Ближе к этой области и нужно располагать кнопки и ссылки с призывами к действию.
10. Битые ссылки
Неработающие ссылки, ведущие на несуществующие или удаленные страницы, раздражают читателей не меньше, чем всплывающие окна или неряшливый дизайн. Протестируйте ваш сайт на предмет наличия на нем «битых» ссылок с помощью онлайн сервиса «Online Broken Link Checker».
Ссылки в тексте повышают доверие поисковиков к контенту. Для пользователя такой материал приносит больше пользы.
Продлите время пребывания клиентов на сайте, добавив внутренние ссылки в тексты. Упростите навигацию с помощью ссылок, указывающих на другие разделы сайта.
Проверьте, чтобы ссылки открывались в отдельных страницах. Неправильно оформленная ссылка может отвлечь покупателя от ознакомления с текстом и сорвать продажу. Снабдите ссылки атрибутом «target» со значением «_blank». Это обеспечит их открытие на новых страницах без закрытия текущей.
<a href ="site.com" target="_blank">
***
Позаботьтесь о том, чтобы 404 страницы тоже играли роль в снижении показателя отказа. Добавьте сюда полезную информацию: меню навигации, блок с лидерами продаж. Разместите на 404 сведения, которые работают как призыв к действию.
Команда знаменитого сервиса «Slack» создала анимированную 404 игровую страницу с кликабельными элементами.
На этом перечисление приемов снижения отказов можно продолжить. Мы не упомянули, например, об «аппселах» и «кросселах» в интернет-магазинах.
Для одностраничников показатели отказа всегда очень высокие — ведь там всего одна страница. Здесь оптимален показатель в 85%.
Для интернет-магазинов отказы колеблются от 20 до 40%.
Если отказы вашего сайта превышают эти числа, то вернитесь к целям сайта. Если это интернет-магазин, то на каждой странице мягко подталкивайте пользователей к покупке. Проверьте качество описаний и корректность категоризации продукции.
В случае, если ваш сайт — блог, то создайте красивые архивные страницы в каждой категории, где пролистывание анонсов с картинками станет для читателя увлекательным занятием. Предложите блок со связанными статьями в конце каждого текста. Введите систему комментирования, рейтингов и кармы пользователей.
