Проверка сайта на фильтры: Проверка сайта на фильтры поисковых систем. Анализ санкций Яндекса и Google

Понравилось? Репост!

Проверка сайта на фильтры Яндекса и гугла

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

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

Проверка на фильтры

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

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

Можно сказать с большой долей вероятности, что ресурс попал под санкции, если:

• присутствуют проблемы с индексацией новых материалов;
• обнулился показатель ТИЦ, то есть он установлен как «Не определен»;
• значительно снизилось количество страниц в индексе Google или Яндекса;
• видно резкое проседание трафика из поисковой системы.

Наша команда способна вывести ресурс из-под санкций, имея в данной сфере большой опыт.

Диагностика

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

Проверка на фильтры Яндекса предполагает проведение диагностики на наличие:

• Минусинска;
• АГС;
• аффилированности;
• ручной «Переоптимизации»;
• накрутки поведенческих факторов;
• adult санкций за взрослый контент.

Если говорить о Google, то проверка на фильтры Гугла позволяет выяснить, применялись ли к сайту санкции:

• пингвина;
• панды;
• ручные за чрезмерное количество SEO ссылок.

Проверка и вывод из-под санкций

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

Наша компания выполняет данные работы по снятию санкций с проектов в Google или Яндексе в следующем порядке:

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

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

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

Как мне узнать, работает ли мой Интернет-фильтр?

За последнюю неделю я работал с несколькими людьми, которые хотели узнать, работает ли их Интернет-фильтр. Есть очевидные вещи, которые можно сделать, например, попытаться самостоятельно получить доступ к заблокированным веб-сайтам. Однако в современном мире многие другие приложения используют стандартные веб-порты 80 (HTTP) и 443 (HTTPS), поэтому попытка проверить все эти действия становится трудоемкой задачей.

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

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

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

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

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

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

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

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

1. Установите приложение перехвата пакетов на портативный компьютер.
2. Закройте все приложения и службы на этом ноутбуке, которые могут использовать подключение к Интернету.
3. Начните захват пакетов и получите доступ к службе, которую вы хотите проверить. Если это служба обмена файлами или потоковой передачи музыки, вам может потребоваться установить клиент для тестирования службы.
4. Следите за подключениями, появляющимися в ваших приложениях для захвата пакетов. Вы будете искать внешние IP-адреса, связанные с услугой.
5. Выполните поиск IP-адресов через поисковую систему в Интернете, чтобы получить полный диапазон. У вас должно получиться что-то вроде 192.168.0.0/16, которое называется подсетью. Многие службы будут использовать несколько подсетей, поэтому следите за этим в результатах поиска.
6. Закройте все приложения на портативном компьютере, кроме приложения для захвата пакетов.
7. Переместите свой ноутбук к коммутатору основной сети и подключите его к порту, где настроено зеркалирование.
8. Отфильтруйте трафик на основе найденных ранее IP-подсетей.Если вы получили результаты, это значит, что другие пользователи в вашей сети могут запускать рассматриваемые приложения, и ваш интернет-фильтр не работает должным образом.
9. Если вы хотите проверить активность BitTorrent, обратите внимание на соединения, в которых номера порта источника и назначения (TCP или UDP) высокие. Это непросто сделать, и я всегда рекомендовал бы приобрести подходящую систему, которая может использовать DPI для обнаружения этой активности.

Дарра

Дарра Дилейни (Darragh Delaney) — руководитель технической службы в NetFort Technologies .В качестве директора по техническому обслуживанию и поддержке клиентов он ежедневно взаимодействует с клиентами NetFort и отвечает за предоставление высококачественных услуг технической поддержки и поддержки клиентов.

Авторские права © 2011 IDG Communications, Inc.

7 реализаций фильтрации продуктов, которые делают Macy лучшим

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

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

Проанализировав 1750 проверенных вручную параметров UX фильтрации продуктов в нашем тесте списков продуктов, мы обнаружили, что:

• [inlinetweet prefix = ”” tweeter = ”” suffix = ””] 34% веб-сайтов плохо фильтруют [/ inlinetweet], серьезно ограничивая возможность пользователей просматривать продукты, когда у них есть даже самые базовые требования к продуктам.
• [inlinetweet prefix = ”” tweeter = ”” suffix = ””] 50% веб-сайтов предлагают удовлетворительную фильтрацию [/ inlinetweet] — отнюдь не хорошо и с несколькими областями, которые можно улучшить.
• [inlinetweet prefix = ”” tweeter = ”” suffix = ””] Только 16% веб-сайтов обеспечивают хорошую фильтрацию продуктов [/ inlinetweet] с достаточным доступные типы фильтрации, сбалансированный дизайн фильтрации и логика фильтрации, которая хорошо согласуется с ожиданиями пользователей

К счастью, есть несколько сайтов, которые выделяются из этого в целом печального положения дел и предоставляют своим пользователям в целом отличную фильтрацию. переживание.Один из таких сайтов — Macy’s. Macy’s занимает 4-е место по показателю «Фильтрация» в нашем списке продуктов и тесту фильтрации 50 основных сайтов электронной торговли США.

Оценка «Фильтрация» основана на 35 рекомендациях по удобству использования, разделенных на 4 темы: Доступные фильтры, Логика фильтра, Интерфейс фильтрации и Примененное состояние фильтра. По всем 50 сайтам электронной коммерции это дает нам 1750 оценок производительности для анализа. На этом графике мы суммировали оценки по 4 темам фильтрации и разделили оценки Macy’s для сравнения со средним лучшим сайтом электронной коммерции в США.

Очевидно, что отличная производительность Macy по фильтрации товаров в основном обусловлена ​​значительно лучшей доступностью и логикой фильтрации — 350% и 650% соответственно, по сравнению со средней оценкой производительности остальных 49 ведущих сайтов электронной коммерции в США.

В этой статье мы рассмотрим возможности фильтрации Macy, чтобы увидеть, чему мы можем научиться. Также обратите внимание, что общий дизайн фильтрации Macy довольно обычен и, следовательно, репрезентативен для большинства платформ электронной коммерции, что делает тематическое исследование актуальным для сайтов электронной коммерции в целом.

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

1) Предоставлять фильтры по категориям (42% не делают)

В большинстве случаев пользователи заинтересованы в фильтрации списка продуктов по атрибутам, относящимся к категории, а не только по нескольким общим атрибутам сайта, таким как бренд , цена, оценки пользователей и т. д.Для такой категории, как «Coats», это может означать возможность фильтрации по «материалу», для «TV» это может быть «Refresh Rate», а для «Bowls» можно легко представить фильтрацию по объему «Volume».

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

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

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

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

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

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

Совет: Чтобы узнать больше о результатах наших тестов по фильтрам по категориям, прочтите нашу статью, опубликованную в Smashing Magazine.

2) Продвигайте важные фильтры в верхней части списка продуктов (84% не делают этого)

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

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

Во время тестирования была выявлена ​​очень четкая картина того, как ограниченному набору очень важных фильтров можно дать дополнительную экспозицию: выделив их над списком продуктов. Мы снова находим пример этого в Macy’s, где определенное количество фильтров в стиле пальто продвигается в категории «Пальто». Примечание. Это фильтры, хотя Мэйси называет их «избранными категориями».”

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

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

При внедрении продвинутых фильтров есть четыре детали, о которых особенно важно помнить:

1. Значение превышает согласованность : Продвигаемые фильтры не обязательно должны быть одного типа.Все дело в том, чтобы рассказать пользователю о наиболее важных проблемах продукта, что в некоторых случаях может означать продвижение фильтров разных типов или даже объединение нескольких фильтров в один. Например, Walmart продвигает довольно разнообразный набор фильтров в своей категории ноутбуков: «Ноутбуки с сенсорным экраном» (фильтр функций), «Chromebook» (фильтр операционной системы), «Ноутбуки» (11–14 дюймов) (фильтр размера экрана).
2. Тщательное курирование : Поскольку многие пользователи будут воспринимать продвигаемые фильтры как «рекомендации» сайта, важно, чтобы они появлялись только тогда, когда необходимо сделать действительно значимый выбор.Поэтому продвигаемые фильтры должны быть очень тщательно отобраны, и в некоторых отраслях продукта может потребоваться постоянная проверка. (Примечание: фильтры, конечно, очень часто будут фильтрами для конкретных категорий, которые мы описали в разделе №1 статьи).
3. Сохранить в исходном положении : Продвигаемые фильтры всегда должны отображаться на боковой панели фильтрации товаров (то есть в дополнение к размещению «продвижение»). За два десятилетия просмотра сайтов электронной коммерции большинство пользователей были обучены пользоваться боковой панелью фильтрации, когда они хотят сузить свой список продуктов, и поэтому некоторые пользователи будут искать только значение фильтрации там.
4. Избегайте баннерной графики : Некоторые из тестовых сайтов продвигали фильтры в баннерной графике. К сожалению, они были полностью проигнорированы испытуемыми — предположительно из-за баннерной слепоты. Примеры этого можно найти в нашей статье Избегайте этих 5 типов графики для электронной торговли, в которой подробно рассматриваются результаты наших тестов по этой теме.

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

3) Разрешить пользователям применять несколько значений фильтра одного типа (32% — нет)

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

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

1. В нефильтрованном списке продуктов пользователь сначала должен применить значение фильтра 1
2. Затем пользователь должен просмотреть продукты в отфильтрованном списке, и
3. Запомнить интересные продукты для значения фильтра 1
4. Затем пользователь должен отменить выбор значения фильтра 1 и дождаться перезагрузки страницы, чтобы увидеть предыдущий список продуктов без каких-либо фильтры
5. Затем примените значение фильтра 2 к теперь неотфильтрованному списку продуктов
6. Просмотрите продукты в этом новом отфильтрованном списке и
7. Запомните интересные продукты для значения фильтра 2
8. Наконец, пользователь теперь должен мысленно объединить два запомненных соответствие продуктов, чтобы получить обзор продуктов, соответствующих их потребностям

И именно тогда пользователь хочет применить только две фильтрации v alues ​​–– представьте, как это усложняется, когда они интересуются более чем двумя значениями фильтрации одного типа! Прежде чем думать, что таких плохих реализаций фильтров никогда не будет, наш тест показал, что треть (!) Из 50 самых кассовых U.Сайты электронной коммерции имеют такие реализации — ошибочно реализуют большую часть или все свои значения фильтрации продуктов как взаимоисключающие. Неудивительно, что это серьезно затрудняет фильтрацию пользователей и, следовательно, поиск товаров.

REI ошибочно реализовал многие из своих значений фильтрации как взаимоисключающие. Здесь испытуемый хотел применить два разных значения температурной фильтрации (первое изображение). Но как только он выбрал «от -50 до 0», весь тип фильтра «Температура» исчез (второе изображение), что сделало невозможным применение нескольких значений в пределах одного типа фильтра.

Теперь сравните описанный ранее процесс с тем, в котором можно применить несколько значений в пределах одного типа фильтра (как показано в примере Macy’s выше):

1. В нефильтрованном списке продуктов пользователь применяет первое значение фильтрации в пределах тип фильтра (в примере Macy’s «Банные полотенца»)
2. Пользователь применяет второе значение фильтрации (в примере Macy’s «Стирать полотенца»), а
3. Теперь может просматривать все продукты в объединенной отфильтрованной список продуктов

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

4) Иметь тематические фильтры (20% нет)

Тематические шаблоны просмотра довольно распространены в обычной розничной торговле, где любой продавец сможет помочь посетителям магазина с общими запросами, такими как «повседневная рубашка», «весна». куртка »,« высококачественная карманная камера »,« недорогой светодиодный телевизор »и ​​т. д.Тем не менее, несмотря на то, что такие тематические атрибуты часто являются как общими, так и центральными аспектами решения пользователя о покупке, наш тест показал, что 20% ведущих сайтов электронной коммерции не имеют тематических фильтров. Со времени нашего исследования поиска для электронной торговли его поддержка увеличилась на 18%.

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

«Я слишком нетерпелив для таких вещей. Они бы меня потеряли. [..] Обычно вы можете выбирать между зимними куртками, весенними куртками или типом куртки », — объяснил один из испытуемых, ища весеннюю куртку на Gilt. В итоге он покинул сайт.

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

Macy’s предлагает нам классический пример тематических фильтров в швейной промышленности: повод. Благодаря фильтрам «Платье по случаю» пользователи могут легко находить платья, подходящие для самых разных случаев, например «Ночная жизнь» и «Одежда для работы». Во время тестовых сессий тематические фильтры показали очень высокий коэффициент использования (более 50%) испытуемыми, то есть на сайтах, которые их предлагали.

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

5) Отображение примененных фильтров как в их исходном положении, так и в обзоре (42% — нет)

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

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

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

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

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

6) Обрезать длинные списки значений фильтрации продуктов (26% — нет)

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

• Все значения фильтрации просто отображаются в одном длинном списке, потому что это выталкивает из поля зрения все остальные типы фильтров. К счастью, только 2% сайтов делают это.
• Значения фильтрации отображаются с помощью встроенной прокручиваемой области. Такой подход «прокрутки внутри прокрутки» труден для понимания пользователями и еще более труден для них в реальном взаимодействии.Встроенная прокрутка в настоящее время используется для длинных списков фильтров на 24% веб-сайтов электронной коммерции.

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

Реализация усечения Macy неплохая. Глядя на 6 рекомендаций по дизайну усечения, они понимают следующее:

1. Macy’s отображает до 10 значений перед усечением.Около 10 значений — это сладкое место. Было замечено, что слишком мало видимых значений сбивает пользователей с толку и скрывает слишком много параметров. Между тем, отображение более 10 значений затрудняло просмотр пользователем других доступных типов фильтрации (причина, в первую очередь, усечения списка).
2. Ссылка усечения «Все бренды» оформлена иначе, чем значения фильтрации (выделены жирным шрифтом), чтобы пользователю было понятно, что это не только последнее значение фильтрации.
3. Macy’s визуально показывает, что дополнительные значения в настоящее время скрыты и могут быть расширены с помощью значка +.

Чтобы усовершенствовать дизайн усечения, Macy’s может подумать о том, чтобы либо переписать ссылку «Показать все бренды», включив в нее общее количество доступных брендов, либо визуально убрать последнее видимое значение фильтра — две детали, которые во время тестирования показали, что усиливают акцент на списке фильтров отображается только частично. Также близость может быть изменена (например, путем добавления немного большего количества пробелов под усеченной ссылкой), чтобы было совершенно ясно, что опция «Все бренды» принадлежит списку фильтров над ней и не является отдельной опцией или не связана с элементы ниже.

7) Изменения фильтров должны быть отдельными событиями в истории браузера (34% — нет)

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

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

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

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

Чтобы согласовать поведение кнопки возврата с ожиданиями пользователей во время фильтрации, Macy’s вызывает перезапись URL для каждого примененного фильтра. То, что делают 66% лучших сайтов электронной коммерции.Обычно это делается с помощью API истории HTML5, который позволяет сайтам вызывать изменение URL без перезагрузки страницы, что дает возможность добавлять каждый фильтр и изменение сортировки как отдельный объект в историю браузера пользователя, не вызывая ненужных перезагрузок страницы.

Улучшение пользовательского опыта фильтрации продуктов

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

И все же, несмотря на очевидную важность фильтров для возможностей пользователя по поиску товаров, только 16% ведущих сайтов электронной коммерции обеспечивают эффективную фильтрацию в целом. Macy’s — один из немногих сайтов с особенно хорошей доступностью фильтров и логикой фильтрации товаров.

Хотя список длинный, некоторые из моментов, которые выделяют возможности фильтрации Macy, следующие:

1. Доступность фильтров по категориям, например фильтр «Количество ниток» в категории «Полотенца».Для сравнения: 42% сайтов электронной коммерции не имеют фильтров по категориям для одной или нескольких основных категорий продуктов.
2. В избранных категориях, где большинству пользователей будет выгоден выбор из определенного набора фильтров, Macy’s продвигает такие фильтры над списком товаров. 84% сайтов электронной торговли не используют эту технику подталкивания.
3. Macy’s позволяет пользователям применять несколько значений фильтрации одного типа (и одновременно). Несмотря на кажущуюся простоту, 32% сайтов не предлагают своим пользователям эти возможности.
4. Стремление пользователей к тематическому просмотру поддерживается с помощью тематических фильтров, таких как фильтры «Стиль», позволяющие им видеть только «тематическое подмножество» продуктов в категории продуктов. Среди обычных сайтов электронной коммерции 20% не имеют таких тематических фильтров, несмотря на то, что продают товары с очевидными тематическими атрибутами (например, сезоном или стилем).
5. По мере того, как пользователи применяют фильтры, примененные значения отображаются как в комбинированном обзоре «примененных фильтров», так и в их исходном положении среди непримененных братьев и сестер. Дизайн, который превосходит его только при отображении в одной из этих позиций. 42% тестируемых сайтов этого не делают.
6. Длинные списки значений фильтрации, такие как «Бренды», усекаются после 10-го значения фильтрации, чтобы пользователи не теряли обзор своих параметров фильтрации или не вызывали серьезных проблем с взаимодействием со встроенными прокручиваемыми областями.
7. По мере того, как пользователи применяют фильтры, каждое изменение добавляется как отдельное событие в историю браузера пользователя (без перезагрузки страницы), поддерживая согласованность ожиданий пользователей и поведения сайта.

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

Если вы ищете вдохновение для фильтрации доступности, логики и интерфейсов, другие тестируемые сайты, которые также имеют отличную общую фильтрацию для пользователей: Sears, L.L. Bean, Wayfair, Nordstrom и Amazon.

Для продавцов Bigcommerce у нас есть несколько интеграций и партнеров, которые могут предоставить вышеуказанные функции, в первую очередь Nextopia. Вы можете скачать это приложение здесь.

Фото: Flickr, Phillip Pressner

Поиск сайтов с фильтрами — документация по продукту Acquia

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

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

Использование фильтров

Для уменьшения количества отображаемых сайтов:

Разверните раздел Фильтр результатов .

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

• Factory stack — Если у вас более одной фабрики сайта Стек, в который складывается веб-сайт принадлежит.
• Мин. количество сообщений — На основе комментариев к содержанию сайта
• Мин. количество пользователей — На основе аутентифицированных учетных записей пользователей
• Мин. количество тем — На основе тем, созданных на сайтах
• Мин. использование диска (кБ) — На основе файлов и содержимого веб-сайтов хранится на диске
• Мин. просмотров страницы за месяц
• Мин. просмотров страницы в этом месяце
• Мин.посещений за месяц
• Мин. посещений в этом месяце
• Домен содержит — Сайты, чьи доменные имена содержат введенный текст
• Домен не содержит — Сайты, чьи доменные имена не содержат содержать введенный текст
• Имя пользователя владельца сайта — На основе аккаунтов владельцев сайтов

Установите флажок Имеет пользовательские домены , чтобы отображались только те веб-сайты с одним или несколькими связанными пользовательскими доменами.

Нажмите Применить .

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

Удаление фильтров

После того, как вы применили фильтр, вы можете снова очистить фильтр, чтобы отображать все веб-сайты, которые могут отображаться. Нажмите Очистить , чтобы очистите поля фильтра и нажмите Применить .

Toptal Color Blind Filter

Используйте Colorblind Colorlab для выбора безопасных цветов на ранних этапах процесса проектирования.Узнайте больше о дальтонизме в этой статье в Википедии.

Этот инструмент все еще находится в разработке, но пока мы работаем над ним, отзывы приветствуются.

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

Улучшения

Мы внесли следующие улучшения в фильтр веб-страниц для дальтоников. Они будут автоматически применены к вашей странице.

Улучшенная фильтрация изображений
Фильтрация изображений занимает больше времени, чем фильтрация HTML или CSS. Если вы используете изображения для передачи информации или представления элементов навигации, то ранее вы отфильтровывали изображения при первой проверке своей веб-страницы. После этой первой проверки вы могли сэкономить время, отключив фильтрацию изображений, если только вы не внесли изменения в изображения (или их фон / передний план). Мы значительно улучшили производительность, чтобы дать вам невероятное увеличение скорости .

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

Улучшенные таблицы стилей
Наша фильтрация CSS не была идеальной, но она была на намного лучше, чем наша фильтрация клиентских скриптов. Если ваша страница все еще является одним из проблемных исключений, создайте версию, которая не использует CSS (или которая использует более простой CSS), чтобы продемонстрировать эквивалентную окраску веб-страницы. Пропустите эту страницу через наш фильтр.

Наш логотип

Если ваша страница соответствует следующим критериям, вы можете свободно использовать этот логотип на своем веб-сайте (доступен в форматах gif и png ). Вы можете использовать логотип с этого сервера или его локальную копию, но должны включать в разметку следующий текст HREF и ALT:

Перед использованием логотипа проверьте следующее:

страница отображается разборчиво при тесте на охват шкалы серого