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

Что такое фильтры в интернет-магазине?

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

Фильтры с позиции посетителя

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

пример фильтров в интернет магазине

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

Фильтры с позиции SEO

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

Например, в глазах поисковой системы эти две страницы выдают очень похожий или совершенно одинаковый контент:

  • site.ru/catalog/razdel-kataloga
  • site.ru/catalog/razdel-kataloga?цена_минимум=1000+цена_максимум=5000

Это человек понимает, что он отсортировал товары по цене от 1000 до 5000 рублей, а вот поисковая система может этого не понять (и не поймет с вероятностью 99%). Аналогичная ситуация и с сортировкой товара по бренду. Когда кто-то в дальнейшем будет искать в Яндексе или Google (или в другой поисковой системе) какие-либо товары, то у поисковой системы есть выбор:

  • Показать страницу site.ru/catalog/razdel-kataloga
  • Показать страницу site.ru/catalog/razdel-kataloga?цена_минимум=1000+цена_максимум=5000 (тогда человек не увидит товары с ценой до 1000 рублей и ценой более 5000 рублей)
  • Или показать страницу site.ru/catalog/razdel-kataloga?фильтр=бренд1
  • Или вот еще вариант site.ru/catalog/razdel-kataloga?фильтр=бренд2

И потому, у Яндекса, Google, Mail.ru, Bing (и других поисковых систем)  возникает дилемма:

  • какую из этих страниц считать более значимой?
  • какую показать людям в поиске?

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

Чем опасны фильтры на сайте?

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

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

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

Кстати, вот пример реализации фильтров – интернет-магазин https://www.decathlon.ru.

пример фильтров в интернет магазине

Сравните эти три адреса страниц:

  • https://www.decathlon.ru/C-99473-obuv-muzhskaya – мужская обувь, эта ссылка доступна из верхнего навигационного меню.
  • https://www.decathlon.ru/C-99473-Мужчины – эта ссылка появляется после пары кликов по фильтрам слева, когда убираем все галочки с фильтра, оставаясь в разделе с мужской обувью.
  • https://www.decathlon.ru/C-99473-Мужчины/N-422137-тип-кроссовки – эта ссылка появляется при выборе такого типа мужской обуви, как кроссовки в фильтре, находясь в разделе с мужской обувью.

При этом эти три страницы имеют один и тот же:

  • заголовок title “Спортивная обувь для мужчин – в продаже на Декатлон”
  • текст в метатеге description: “Каталог спортивной обуви для мужчин в Декатлон позволяет выбрать подходящий товар по параметрам, а также узнать отзывы реальных пользователей. Более 200 моделей”

Но, к слову (и забегая вперед), разработчики сайта decathlon.ru закрыли от индексации все фильтры, оставив видимой для поисковой системы только основные страницы того или иного раздела.

Должны ли фильтры индексироваться поисковыми системами?

сложный вопрос

Какие фильтры могут индексироваться? В двух словах: если фильтры формируются на сайте через знак ? (вроде “site.ru/catalog/razdel-kataloga?цена_мин=1000+цена_макс=5000″, то такой фильтр не должен индексироваться поисковой системой. Совсем. Ни при каких условиях. Для Яндекса и Google подобная страница будет являться дубликатом, создавая путаницу.

Если фильтр имеет вид “site.ru/catalog/razdel-kataloga/бренд” или “site.ru/catalog/razdel-kataloga/недорогие-товары”, а у каждого такого фильтра своя уникальная комбинация метатегов, то такой фильтр индексироваться должен в обязательном порядке.

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

Пример реализации статичных URL в фильтрах Вы видите на многих крупных интернет-магазинах, вроде ДНС, МВидео, Ситилинк и т.д. Видели, но не обращали внимания. Вот, например, ДНС. По запросу “недорогие ноутбуки” в поиске появляется такая ссылка.

Это статичная страница для фильтра ноутбуков по ценовому фактору (здесь все ноутбуки с ценой до 20 000 рублей). Чтобы несколько разделить обычные разделы каталога от статичных фильтров, в адрес фильтра добавлен дополнительный элемент “recipe”.

Из плюсов – данная страница оптимизирована под свой поисковый запрос, она страница полностью индексируется и видна поисковым системам (наверняка, отображается в карте сайта).

Из особенностей (нельзя назвать это минусом): если Вы зайдете в раздел ноутбуки и отсортируете их по цене (до 20 тыс. рублей), то увидите не в URL не статичный фильтр, а обычный, формируемый через знак “?”. Так, в определенной степени, снижается нагрузка на сайт.

Как убрать дубли страниц?

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

Способ первый – при формировании фильтра через знак “?” в коде должен быть атрибут rel=”canonical” с ссылкой на основную страницу того или раздела каталога. Собственно, это основной и самый главный способ, который должен быть реализован практически в каждом интернет-магазине. Если разработчик этого не сделал, то можно особо не надеяться на покорение первых мест в Яндекс и Google.

Второй способ – задать статичные адреса определенным комбинациям фильтров (так, как это сделано в ДНС), а в остальных случаях фильтры будут формироваться через знак “?” и иметь атрибут rel=”canonical”, указывающий на базовую страницу с тем или иным разделом каталога.

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

Способ четвертый – закрыть от индексации все страницы с фильтрами в файле robots.txt. Тоже неплохой (простой и быстрый) вариант, часто реализуемый на практике.

Почему разработчики не уделяют внимания фильтрам?

Разработчики сайтов не всегда уделяют внимания таким нюансам, если к разработке сайта не подключают SEO специалиста. Зачастую разработкой сайта занимается со стороны клиента представитель (причем далеко не всегда компетентный в этих вопросах), директор или собственник бизнеса. А со стороны исполнителя – команда разработчиков. Внимание уделяется тому, что на виду – дизайну и внешнему виду сайта. Но не вопросам, каким должен быть сайт в глазах поисковой системы и в глазах посетителей.

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

Это вовсе не значит, что разработчики сайта полностью не виноваты. Тот же метатег rel=”canonical” на все страницы с разделами и категориями они обязаны настраивать сразу же. Но если это не требует заказчик, то этот момент упускается из виду.

Разработка сайта должна начинаться не с красивого дизайна и даже не с выбора системы управления сайтом (CMS). Она должна начинаться с аналитической работы:

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

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