Хочешь повысить отдачу от Директа?
Включи «Автопилот»

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

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

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

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

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

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

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

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

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

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

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

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

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

Помедленнее

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

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

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


Читайте нас в Telegram - digital_bar

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
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
SEOnews и Serpstat запускают конкурс для интернет-маркетологов
Marina Lagutina
1
комментарий
0
читателей
Полный профиль
Marina Lagutina - Добрый день! Видимо я из тех, кто пытается последней вскочить в уходящий поезд. Ночью написала статью на тему "обзор инструментов контент-маркетинга". Своего блога нет. Отправила вам не мейл. Я еще могу у вас разместиться или искать, кто возьмет статью к себе в блог?
Влияние HTTPS на ранжирование региональных поддоменов в Яндексе
NiK Malefictum
3
комментария
0
читателей
Полный профиль
NiK Malefictum - Стакивался лишь с тем, что выдачу немного лихорадит первые 2-3 недели, и если у сайта была низкая скорость загрузки - ее нужно поправить. Региональным сайтам НУЖНО ставить HTTPS немного внутряк поправить / микроразметку и прочее прописать мета и пересмотреть контент зарегать компанию в каталогах предприятий и картографии и уже делать просто сделать статейные ссылки бесплатные. и все
Мир глазами поисковых систем
Александр Рунов
18
комментариев
0
читателей
Полный профиль
Александр Рунов - Какой регион, если не секрет? В Мск, в ряде ВК тематик (в тех же "окнах" или "колесах"), без работы с внешними факторами по ВЧ запросам в ТОП не выплывешь. Хотя в большинстве направлений вполне реально.
Инфографика: самые распространенные SEO-ошибки Рунета
Dmitro Grunt
2
комментария
0
читателей
Полный профиль
Dmitro Grunt - Кстати, у проектов которые продвигает Нетпик все тайтлы не более 65 символов? Или вы надеетесь что кто то послушает советов и отдаст вам часть трафика? :-)
7 причин не работать на биржах копирайтинга
Dasha Shkaruba
6
комментариев
0
читателей
Полный профиль
Dasha Shkaruba - Спасибо за мнение! Кстати, на бирже главреда прием анкет закрыт
Google.ru внесли в реестр запрещенных сайтов
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Гон, все работает и будет работать. Да и пусть банят, будет как с рутрекером.
День рождения SEOnews: 12 лет в эфире!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Ура )
Кейс: продвигаем бизнес по продаже пластиковых окон в Москве
Иван Стороженко
3
комментария
0
читателей
Полный профиль
Иван Стороженко - Очень часто, что доработки по сайту, например редизайн страницы, добавление функциональных блоков, входя в стоимость продвижения сайта.
Конкурс: угадайте пятерку лидеров рейтинга «SEO глазами клиентов 2017»
Оля
1
комментарий
0
читателей
Полный профиль
Оля - 1 Ingate 2 Wezom 3 Bynjg vtlbf 4 seo energy 5 директ лайн
SEMrush: факторы ранжирования в Google в 2017 году
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Уважаемый S1, я тоже понимаю, что есть такие люди, которые заметив допущенную неточность несутся на всех парусах продемонстрировать "силу" своего ума. Спасибо вам за пристальное внимание. Это поможет нам быть лучше.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
310
Комментариев
262
Комментариев
226
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
55
Комментариев
53
Комментариев
52
Комментариев
48

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