Многофункциональная SEO-платформа
для профессионалов
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Как сделать карусели на сайте эффективными

Россия +7 (495) 960-65-87
Шрифт:
2 7232

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

В статье, недавно опубликованной на сайте Econsultancy, приведены практические советы, как сделать карусели на вашем сайте эффективными. Секрет прост — уделите больше внимания юзабилити.

Меньше слайдов

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

Некоторые сайты, например, Debenhams, используют всего три.

Понятный текст и картинки

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

Как показывает практика, самыми популярными являются первые два слайда. Учитывайте это в процессе оптимизации карусели.

Заметный переключатель слайдов

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

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

Помедленнее

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

На сайте Boots в достаточно быструю карусель добавили кнопку Пауза:

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


Есть о чем рассказать? Тогда присылайте свои материалы в редакцию.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • dreammate
    8
    комментариев
    0
    читателей
    dreammate
    больше года назад
    <p>хорошая статья
    вот мой пример сайта с каруселью
    <noindex><a href="%E2%80%9D%D0%BA%D0%B0%D0%BA" rel="nofollow" target="_blank">http://odostatke.ru/</a></noindex></p>
    -
    0
    +
    Ответить
    Поделиться
  • dreammate
    8
    комментариев
    0
    читателей
    dreammate
    больше года назад
    хорошая статья
    вот мой пример сайта с каруселью
    http://odostatke.ru/
    -
    0
    +
    Ответить
    Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
23 действительно эффективных совета по продвижению интернет-магазина
Гость - Троль Гуру паНгинации - Что такое паНгинация?))))
Как построить качественную ссылочную массу сайта
Анна Фра
1
комментарий
0
читателей
Полный профиль
Анна Фра - www.youtube.com/watch?v=jtINdDyNdFU полезное видео
Анализ ссылок: сравнение многофункциональных платформ по размеру их баз
Андрей Ольшевский - Очень неточная статистика, объясню почему. Довольно часто делаю анализ сайтов на качество и объём ссылочной массы. Всегда делаю выгрузку из трех источников – Вебмастера Яндекса, сервиса Мегаиндекс, сервиса Линкпад. Потом с помощи алгоритмов и функции Excel отсеиваются много дублей, битых ссылок, несуществующих урл и тп. Как показала практика, вебмастера Яндекса вполне достаточно, там вся информация и она самая актуальная, в других сервисах куча мусора, а нового, чтоб было найдено и проиндексировано ПС - очень мало. Поэтому мирятся количеством в данном анализе не профессионально.
Как создать интернет-магазин: сколько стоит открытие?
Гость - да у битрикса что ни обновление - то сплошные баги. недавно знакомый обновился на лицензии интернет-магазина, про***лись заказы за последнюю неделю, слетели все связи по складам. одним словом, жопа. при этом обновился на сразу, а спустя месяц после выкатывания, надеялся, успеют все поправить
ТОП-10 автоматизированных сервисов контекстной рекламы
Гость - Не доверяйте свои данные системам от агентств, если рекламу у них вы не ведете. Юзал алитикс и к50. Пробуйте эти две системы как мин. А лучше всего автоматизировать с помощью эксель, pbi и подобных сервисов. Но пока это сложно для большинства
Как упростить продвижение вечными ссылками?
Coursh - Зарегестрировался. Накинули 1100 рубликов за пополнение на 10к. Очень неплохо!
Кому и зачем нужен маркетплейс от Яндекса
Дарья Калинская
209
комментариев
0
читателей
Полный профиль
Дарья Калинская - Максим, спасибо, рада, что статья оказалась полезной )
Конкурс: угадай победителя рейтинга «Известность бренда SEO-компаний»
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Оптимизм Дэмис Кокос Ашманов и Партнеры Раш эдженси
Кейс: как молодому сайту увеличить органический трафик с 0 до 10 000 посетителей за 6 месяцев
Олег Буряк
38
комментариев
0
читателей
Полный профиль
Олег Буряк - Никаких санкций!!!! на сайт за резкий скачок уникальных естественных ссылок !!!не было наложено!!!. Все дальше читать не буду! УДАЧИ Вам! кошмар!
Инструкция по применению: обзор сервиса обратного звонка Callbackhunter
Ирина - Ну вообще колбэкхантер самый дорогой сервис из всех, есть более дешевые аналоги
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
209
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
50
Комментариев
45
Комментариев
44

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