Что такое слайдер на сайте: «Что такое слайдер на сайте?» — Яндекс Кью

Нужны ли слайдеры на сайте?

Почти каждый второй сайт в России размещает на странице слайдеры. Маркетологи объясняют это тем, что движущаяся картинка «вдыхает жизнь» в статическую страницу сайта, делает её более интересной и привлекают внимание посетителей, и тем самым увеличивает конверсию. Использование слайдера позволяет более эффективно использовать пространство страницы. И это практически, единственный аргумент для размещения слайдера.

Но некоторые маркетологи считают, что слайдеры — это «убийцы конверсии». Давайте разберёмся кто прав?

Кликабельность

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

Сайт университета Notre Dam в Париже за один год посетили более 3,5 миллиона человек. Из них на слайдер кликнули 1,15%. Получается, разработчики используют самую важную область страницы впустую. Интересно, что 89% кликов пришлось на первое изображение. Остальные 4 поделили 10%.

Clarks, всемирно известный английский ретейлер модной обуви с более чем вековой историей, провёл этот тест с помощью сервиса Maxymiser. Исследование проводилось на немецком сайте компании в течение 7 недель.

Версия А: целевая страница со слайдером.
Версия В: landing page со статичным баннером.

Какой из вариантов оказался более эффективным?

Версия лендинга В, со статическим баннером, показала на 17,5% более высокую конверсию, нежели вариант А. Достоверность тестирования составила 99,9%.  Кроме того, показатель отказов снизился на 16%.

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

Хотя это тестирование проводилось только на немецкой аудитории, маркетологи уверены, результаты будут аналогичны по всему миру. В конце концов, все пользователи предпочитают понятную навигацию.

Эффект «баннерной слепоты»

Баннерная слепота — феномен в веб-юзабилити, при котором посетители веб-сайтов не замечают рекламные блоки (баннеры) или объекты, похожие на них.

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

Динамичные слайдеры несут в себе огромный пласт информации для человеческого мозга. Реагируя на избыток сигналов, человеческий мозг просто перестаёт воспринимать элементы, не несущие полезной информации. И реклама — один из таких факторов. В случае с динамическим слайдером этот эффект лишь усиливается.

Аналитик агентства оптимизации конверсии Wider Funnel Крис Говард комментирует:

Мы неоднократно тестировали слайдеры и определили, что это неэффективный способ представления контента для домашней страницы. 

Вес слайдера

Чаще всего для реализации слайдера программисты не делают его с нуля, а используют готовые решения. К счастью, готовых решений полно́ и можно подобрать слайдер на любой вкус. Тем не менее универсальность подразумевает под собой избыточность. Получается, что для реализации простого слайда загружается множество ресурсов — стилей, скриптов.

Это, в свою очередь, влияет на время загрузки страницы.

Пример из жизни: клиент использовал мощный тяжеленный плагин SliderRevolution для реализации простого слайдера изображений без надписей., тем самым замедляя загрузку страницы на 3 секунды.

Размещение основного контента на втором экране

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

Печально, что на многих сайтах слайдеры выталкивают основной контент ниже начальной области видимости (ниже так называемой «folding line» — линии сгиба). Это означает, что ты сначала увидишь их огромные, уродливые слайдеры, а не информацию, которую так усердно искал. 

Автопрокрутка

Обратите внимание на автоматическую прокрутку. Автоматическое изменение слайдов и изображений делают вид сайта живым, с одной стороны, а с другой стороны, они раздражают, поскольку пользователи не могут сосредоточиться на информации. Подобрать идеальную частоту смены слайдов бывает сложно. На многих ресурсах она составляет 1,5-2 секунды.

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

Иногда слайдеры работают

Слайдеры не любят все специалисты по увеличению конверсий. Но иногда, есть ситуации, когда слайдер всё-таки работает. В примере «DeviceMagic» он показал конверсию на 30% выше, чем вариант с видео на первом экране.

Чаще всего слайдеры отвлекают от основного содержания страницы. Но в этом случае визуально он проще и понятнее по сравнению с оригиналом, где есть перегруженность из-за видео, длинного заголовка и списка буллетов. А простота — первый шаг к убеждению ваших пользователей. Также, версия со слайдером получилась просмотрена быстрее на 3,5 минуты.

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

Чем заменить слайдер?

Эти пути более СЕО-дружелюбны. Мы рекомендуем попробовать их вместо обычных набивших оскомину каруселей. 

• Просто уберите слайдеры.
• Реализуйте механизмы, которые бы показывали пользователю контент, основанный на истории его предыдущей активности на сайте.
• Просите пользователей указать свои интересы. Например, на сайте  officite.com можно увидеть кнопку «Select Your Specialty to View Gallery» («Выберите специальность, чтобы просмотреть галерею») на слайдере. Таким образом, пользователь выбирает сферу своих интересов, а сайт её запоминает, чтобы показывать человеку максимально интересный ему контент.
• Комбинируйте убедительные графические образы с высококачественным текстовым контентом, чтобы максимально эффективно передать свой посыл посетителю.
• Используйте специально отведённые области для максимально удобной навигации пользователя и проведения его по нужным информационным каналам.

Интернет-агентство BINN » Слайдеры на сайте: за и против

Слайдер на сайте (или карусель) — это такой блок, чаще всего в шапке страницы, где с определённой периодичностью показывается контент. Пользователь может менять его самостоятельно, нажимая на специальные кнопки, а может просто просматривать меняющиеся изображения или видео.

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

Минус № 1: Слайдеры приводят к баннерной слепоте

Баннерная слепота — это явление, когда пользователи привыкают к рекламе и со временем перестают её воспринимать. Это относится и к блокам, похожим на рекламные баннеры по структуре. Когда пользователи заходят на веб-сайт, они направляют свое внимание на достижение определенной цели, а всё остальное игнорируется.

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

Минус № 2: Ползунки на слайдерах плохо видны

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

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

Минус № 3: Слайдеры известны низкими показателями кликов

Ползунки приводят к низким показателям. Люди просто не взаимодействуют с ними. Университет Нотр-Дама провел исследование своего сайта, чтобы определить эффективность слайдера на домашней странице. Оказалось, что всего 1% нажимал на кнопки на слайдере. А сайт посетили более 3 млн. человек.

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

Минус № 4: Медленная загрузка и мобильная оптимизация

Скорость сайта — ключевой элемент приятного пользовательского опыта для ваших посетителей в 2019 году. Исследование, проведенное Akamai, показало, что около половины веб-пользователей ожидают, что сайт загрузится через две секунды или меньше. Скорость сайта стала настолько важной, что даже Google учитывает её в алгоритме поиска. Слайдеры приводят к медленной загрузке, потому что они содержат несколько «тяжёлых» изображений или видео. Они загружаются одновременно и требуют запуска дополнительного javascript. Всё это быстро утяжеляет вашу пропускную способность.

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

Минус № 5: Переизбыток информации давит на посетителей

Существует популярное высказывание: «Если вы сосредоточены на слишком многих вещах, вы не сосредоточены ни на чем». Это актуально, когда дело доходит до каруселей. Давайте разберем типичный опыт пользователя со слайдером. Посетитель приходит на ваш сайт. Он видит сообщения на слайде: «В компании N мы стремимся к…». Затем: «У нас 20-летний опыт работы…». И информации очень много и она постоянно появляется снова. Это может быть немного подавляюще.

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

Причина № 6: Ползунки забирают контроль у пользователя

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

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

---

По мотивам статьи: ImPact

Что такое слайдер на сайте? [Полное объяснение + примеры]

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

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

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

Название «слайдер» происходит от его сходства с традиционной каруселью, но… что такое слайдер в WordPress? Это относится к одному и тому же?

Что такое слайдер в WordPress?

Слайдер в WordPress — это компонент веб-страницы, который представляет любую информацию (изображения, видео, текст…). Ползунки показывают только одну вещь за раз и могут быть настроены на автоматическое перемещение или по запросу пользователя. Слайдеры можно добавить практически на любую страницу сайта WordPress.

Вы можете выбрать бесплатный или платный плагин слайдера WordPress для реализации этого элемента на своем веб-сайте.

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

Зачем использовать слайдер на веб-сайте?

Теперь, когда вы знаете, что такое слайдер на веб-сайте, вот несколько причин, по которым стоит использовать его на своей веб-странице:

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

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

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

4. Слайдеры — отличный выбор: Слайдеры служат универсальным магазином для потребителей перед тем, как отправиться в долгое путешествие. Это может привести их к тому или иному маршруту навигации по контенту. При правильном использовании их можно использовать для того, чтобы посетитель перешел с главной страницы на другие страницы, чтобы просмотреть больше того, что вы предлагаете на своем веб-сайте.

5. Слайдеры прекрасны. Слайдеры имеют приятный эстетический вид. Они привлекательны для глаз и часто являются первым, что потребители видят, когда посещают веб-сайт. Это делает их эффективными для поддержания интереса посетителей и делает ваш сайт более интересным для просмотра.

6. Слайды динамические. Слайдеры и карусели — идеальный выбор для динамически меняющегося материала (вы можете выделить новый контент, и этот элемент пригодится). Блог, например, регулярно пополняется новыми записями, и вы можете включать свежие записи в слайдер/карусель, которая появляется на главной странице блога).

7. Слайдеры отлично подходят для рассказывания историй. Слайдеры и карусели очень удобны для знакомства с продуктом. Они дают несколько точек зрения на один и тот же продукт в увлекательной и приятной форме.

2 основных шага по добавлению слайдера в WordPress

Добавление ползунка WordPress требует использования плагина для установки ползунка или использования пользовательских расширений CSS. Есть много плагинов на выбор с разной степенью контроля.

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

1. Создайте слайдер с помощью плагина WordPress

Чтобы добавить слайдер WordPress с помощью плагина, выполните несколько простых шагов. Давайте рассмотрим их:

• Шаг 1 : Установите плагин со страницы вашего администратора.
• Шаг 2 : Создайте новый ползунок.
• Шаг 3 : Заполните ползунок фотографиями, видео и текстом.
• Шаг 4 : Выберите скин и сделайте слайдер общедоступным, опубликовав его.
• Шаг 5: Вставьте ползунок в запись, страницу или тему WordPress.

2. Добавьте пользовательские таблицы стилей CSS

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

С другой стороны, использование надстройки CSS экономит время и позволяет вставлять уникальный CSS для каждого отдельного слайдера.

Вот как это сделать:

• Шаг 1 : Загрузите и установите плагин Slider.
• Шаг 2 : Загрузите и установите расширение CSS
• Шаг 3 : Используйте плагин для создания слайдера изображений.
• Шаг 4 : Включите свой собственный CSS.

6 лучших плагинов слайдера, которые вы можете рассмотреть

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

1. fullPage.js

Ваш браузер не поддерживает видео тег.

Получить слайдер

fullPage.js — самый популярный полноэкранный слайдер с прокруткой для WordPress, который можно настроить по горизонтали, вертикали или по обоим направлениям.

В отличие от большинства каруселей, fullPage. js предназначен для использования в полноэкранном режиме и работает путем скольжения всего раздела при прокрутке колесиком мыши или трекпадом.

Благодаря более чем 50 параметрам, fullPage.js полностью настраивается и, несомненно, сэкономит вам сотни часов разработки.

Если вы ищете слайдер WordPress, который выделит вашу страницу, то fullPage.js — это , без сомнения, отличный вариант. Он поддерживается командой людей, обновляется и пользуется отличной индивидуальной поддержкой.

Он работает со сборщиками Elementor или Gutenberg для WordPress.

2. Революция слайдера

Слайдер предварительного просмотра

Slider Revolution — мощный плагин слайдера для WordPress. Он имеет множество функций, которые трудно найти в других плагинах для слайдеров. Он также имеет множество вариантов настройки для вас на выбор.

Что касается дизайна, Slider Revolution имеет уникальную функцию, называемую «перелистываемыми» ползунками. Это позволяет создавать плавный переход между каждым слайдом с помощью жестов смахивания на клавиатуре или устройстве с сенсорным экраном. Вы также можете выбрать один из различных стилей и настроить размер и положение вашего контента на ползунке.

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

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

3. СлойСлайдер

Слайдер предварительного просмотра

Layerslider — адаптивный плагин слайдера для WordPress, который позволяет создавать красивые, привлекательные слайд-шоу, которые просты в использовании.

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

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

4. МетаСлайдер

Слайдер предварительного просмотра

Meta Slider — это плагин WordPress, который позволяет легко создавать красивые слайд-шоу. Посмотрим правде в глаза: создание слайд-шоу может быть пугающей задачей. Однако с помощью плагина Meta Slider вы можете легко создавать слайд-шоу на своем сайте WordPress.

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

Плагин Meta Slider имеет такие функции, как автоматическое вращение, которое позволяет пользователям поворачивать изображения при отображении на странице, эффекты интервальной съемки и многое другое.

5. Главный слайдер

Слайдер предварительного просмотра

Плагин Master Slider — это плагин слайдера контента премиум-класса, который можно использовать для создания бесконечного количества слайдеров на вашем сайте WordPress.

Основные особенности этого плагина:

• Имеет бесконечное количество слайдов и страниц
• Вы можете создать любую раскладку слайдера
• Вы можете выбрать одну из четырех тем
• Этот подключаемый модуль использует новейшие методы CSS3 и HTML5

6. Боковой ползунок

Слайдер предварительного просмотра

Edge Slider — это подключаемый модуль jQuery, который позволяет создавать невероятные слайд-шоу с помощью всего одной строки кода.

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

Слайдеры: неотъемлемый элемент многих веб-сайтов

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

У всех разные потребности, когда дело доходит до передачи этих сообщений и распространения их продуктов.

Знать, какой слайдер подходит для вашего бизнеса, непросто.

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

• 10 удивительных плагинов для слайдеров WordPress
• 6 лучших плагинов WordPress для слайдера видео
• 10 лучших плагинов для слайдера продуктов WooCommerce

Слайдеры мертвы — Venn Marketing

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

Слайдеры, о которых мы говорим, появляются на веб-страницах и иногда называются « карусели » или « слайд-шоу 9».0004 «. Они часто появляются в заголовке веб-сайта и обычно содержат фотографии и текст, и во многих случаях они автоматически переключаются с одного слайда на другой.

Обычный слайдер/карусель/слайд-шоу

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

Нужны дополнительные доказательства? Вот 6 важных причин отказаться от слайдеров на вашем сайте.

Слайдеры невидимы для пользователей = Баннерная слепота

Вы думаете: «Подождите, что — баннерная слепота?» Слайдеры подвержены так называемой баннерной слепоте, феномену, когда люди подсознательно учатся игнорировать контент, напоминающий рекламу .

Когда пользователи посещают веб-сайт, они преследуют определенную цель, и все, что напоминает рекламу, игнорируется — как визуально, так и с точки зрения восприятия.

Баннерная слепота — пользователи игнорируют то, что они воспринимают как рекламу
Изображение из Nielsen Normal Group

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

Крейг Кистлер, основатель компании Strategy & Design Co., занимающейся оптимизацией коэффициента конверсии, более 15 лет наблюдал за пользовательскими тестами слайдеров изображений и определил: «Во всех тестах, которые я проводил, карусели на главной странице совершенно неэффективны … Тест за тестом первое, что делает посетитель, попадая на страницу с большой каруселью, — это прокручивает ее и начинает искать триггеры, которые будут продвигать их вперед в выполнении своей задачи».

Баннерная слепота снова поражает.

Слайдеры способствуют потере трафика веб-сайта

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

Веб-сайты должны быть быстрыми. Компания Google недавно запустила инициативу под названием Core Web Vitals, направленную на повышение скорости веб-сайтов (и вознаграждение таких быстрых сайтов улучшенным рейтингом).

Веб-сайты теряют трафик, когда загрузка содержимого занимает значительное время. И наоборот, слайдеры обычно состоят из нескольких больших изображений, что часто увеличивает вес страницы на несколько мегабайт. Это усугубляет медленную загрузку страницы и означает, что ползунки могут способствовать более высокому показателю отказов (показатель отказов — это процент посетителей, которые покидают веб-страницу, не предприняв никаких действий, таких как нажатие на ссылку, заполнение формы или совершить покупку)

Удаление каруселей и повышение видимости продукта
Изображение из экоконсультации

Вместо того, чтобы заменить ползунок статичным изображением, ​Adobe Optimization Manager, Blair Keen​ полностью удалил ползунок и поднял все содержимое под ним. Он проверил это на версии с ползунком (результаты в таблице ниже) и обнаружил, что версия без ползунка привела к увеличению продаж на 23% . Это значительное увеличение продаж после удаления ползунка.

Слайдеры уничтожают ваш SEO

Напоминаем, SEO (поисковая оптимизация) — это практика повышения качества и количества трафика веб-сайта, а также воздействия на бренд через неоплачиваемую или «органическую» поисковую систему. Результаты. ​Слайдеры и их плохое SEO связаны со следующими последствиями:

1. Низкая скорость сайта из-за многочисленных загрузок больших изображений
2. Автоматическое создание нескольких тегов h2 (заголовок) для каждого изображения, что создает проблемы для ранжирования в поисковых системах, поскольку содержимое не соответствует правильной иерархии для HTML 9.0036
3. Обычно неправильно работает или неправильно форматируется на мобильных устройствах, и
4. Возможно, он основан на флэш-памяти и поэтому не может быть прочитан поисковыми системами.

Слайдеры имеют ужасный уровень вовлеченности

Слайдеры веб-сайтов имеют чрезвычайно низкий рейтинг кликов. Это означает, что они неэффективны, когда речь идет о преобразовании посетителей в потенциальных клиентов. Исследование, проведенное Университетом Нотр-Дам, показало, что показатель кликабельности составляет всего 1%. Дополнительно, 84% этих кликов были на первый элемент в ротации .​ Зрители просто не взаимодействуют со слайдерами, а если и взаимодействуют, то с первым слайдом. Так в чем вообще польза от слайдера?

Карусель на главной странице Нотр-Дама
Изображение от Эрик Руньон.

Если вы нам не верите, послушайте Карла Гилиса, известного эксперта по конверсии: «Слайдеры существуют только потому, что их любят веб-дизайнеры. И потому что они облегчают жизнь веб-команде: они могут предоставить каждому отделу или продуктовому подразделению место на главной странице. И им не нужно делать выбор… Но делать своих коллег счастливыми — не ваша работа. Это ваша работа, чтобы ваши посетители были счастливы. И продать. И это самая большая проблема со слайдерами: они не конвертируются. Никогда не было и никогда не будет». Мы прислушались к совету Карла, и вы тоже должны.

Слайдеры могут вызывать стресс у клиентов

Слайдеры вызывают перегрузку веб-сайта. Пользователи приходят на ваш сайт, чтобы собрать информацию и, возможно, взаимодействовать с вашей компанией. В большинстве случаев ползунки перемещаются так быстро, что люди не могут прочитать сообщение полностью и принять меры в отношении информации. Затем пользователь чувствует себя сбитым с толку и, вероятно, перейдет на другой веб-сайт, где информация представлена ​​на аккуратной и понятной странице.

Авинаш Кошик, евангелист по цифровому маркетингу Google, соглашается: «Слайдеры нравятся владельцу сайта, но не приносят никакой пользы клиентам. Причина в том, что мы не собираемся сидеть и ждать, пока разыграется ваш «фильм». Я также не являюсь поклонником слайдеров, потому что для большинства компаний они служат предлогом, чтобы не думать о персонализации и уметь сразу же дать клиенту правильный ответ».

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

Ползунки отворачивают некоторые аудитории

​Слайдеры доступны не для всех аудиторий. Мало того, что люди с нарушениями зрения пропускают слайдерную навигацию, иногда слайдеры работают со сбоями, особенно на мобильных сайтах. Это более серьезная проблема, чем многие думают, даже Министерство юстиции работает над внесением поправок в ADA, чтобы обеспечить равный пользовательский опыт для всех людей. В настоящее время слайдеры не удобны для пользователей с ограниченными возможностями. Например, большинство ползунков используют крошечные стрелки или маркеры в незаметных местах для управления ползунком. Аудитория с нарушениями зрения не может видеть эти элементы управления (и, будем честны, никто другой на самом деле не может), это не только несправедливо, но и отчуждает аудиторию от взаимодействия с компанией.

Альтернативы ползунку Slump

К счастью, есть альтернативы ползункам — такие варианты, как динамическое содержимое, любая персонализация, более заметные/доступные сообщения, а также использование видео или анимации — отличные альтернативы.

Динамический контент

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

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

Заметные и доступные сообщения

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

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

Используйте видео

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

Слайдеры мертвы

​Некоторые эксперты чувствуют себя достаточно сильными, чтобы назвать их «злыми», в том числе генеральный директор Site Turners Тим Эш «​Плохая правда вращающихся баннеров заключается в том, что они делают противоположное тому, что задумано, отвлекая пользователей из вашего самого важного контента».