• База знаний
  • /
  • Блог
  • /
  • Wiki
  • /
+380 (44) 364 05 71

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

Оглавление:

Под фильтрами товаров подразумевается возможность сортировать и группировать их по определенным признакам. 

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

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

Аудит проводился с помощью готового шаблона, куда были подставлены текущие данные по проверяемому сайту.

Настраивались вэб - фильтры сайта по продаже контактных линз “MrLens” и на данный момент ошибки уже исправлены.

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

  1. правильные пункты выделяйте зеленым, а неправильные - красным и отдавайте это ТЗ программисту;

  2. правильные пункты удаляйте из в ТЗ, а неправильные оставляйте и отдавайте на обработку программисту.

Я предпочитаю вариант №1, так легче найти концы и проверить все ли в порядке со всеми пунктами после работы программиста.

Внимание!
С целью избежать переспама в тексте слово “ФИЛЬТР” будет употребляться и как “ГАЛОЧКА” - это синонимы.

Правильная генерация ЧПУ для страниц фильтров

Необходимо:При снятии галочки с фильтра пользователь должен возвращаться на соответствующую страницу. Например: выбираем Раздел + Фильтр (галочка), после снятия галочки с данного фильтра пользователь должен вернуться на страницу раздела. 

Например: выбираем Раздел + Фильтр1 + Фильтр2. Убираем галочку Фильтр2, пользователь попадает на страницу Раздел + Фильтр1. 

Пример: У нас есть страница “Контактные линзы” с УРЛ 

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy 

Правильная генерация ЧПУ для страниц фильтров

Выбираем фильтр по производителям “Alcon” и ссылка должна становится https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/alcon 

(а она сейчас становится https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/sfilter/proizvoditeli/alcon)

Пример правильной генерации ЧПУ при использовании фильтров

И когда очищаешь фильтр “Canni”, должно возвращать назад на https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy.

Условия формирование фильтров

Необходимо: Если выбрана только одна галочка из блока фильтров на странице должен генерировался мета тег <meta name="robots" content="INDEX, FOLLOW"/> в теге <head>

Если выбрана только одна галочка из блока фильтров на странице должен генерировался мета тег <meta name="robots" content="INDEX, FOLLOW"/> в теге <head>

Если выбрано по одной галке из 2 - х или более блоков фильтров на странице должен генерировался мета тег <meta name="robots" content="INDEX, FOLLOW"/>

Если мы выбираем по одной галочке из 2 - х или более блоков фильтров на странице должен генерировался мета тег <meta name="robots" content="INDEX, FOLLOW"/>Если мы выбираем по одной галочке из 2 - х или более блоков фильтров на странице должен генерировался мета тег <meta name="robots" content="INDEX, FOLLOW"/>

Если выбрано две и больше галки одного блока фильтров, на странице должен генерироваться мета тег <meta name="robots" content="NOINDEX, FOLLOW"/>      

Если Вы выбираете две и больше галки одного блока фильтров, на странице должен генерироваться мета тег <meta name="robots" content="NOINDEX, FOLLOW"/>

Если выбрано два и больше фильтров разных блоков фильтров, на странице должен генерироваться мета тег <meta name="robots" content="NOINDEX, FOLLOW"/>

Если Вы выбираете два и больше фильтров разных блоков фильтров, на странице должен генерироваться мета тег <meta name="robots" content="NOINDEX, FOLLOW"/>

Последовательность формирования фильтров в URL

Необходимо: необходимость наладить последовательность формирования URL при выборе фильтров. 

Например:

  • Если пользователь на странице https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/ выбирает сначала фильтр Бренд, то URL должен быть https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/brand/.

  • Если пользователь на странице 

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/

выбирает сначала галочку Бренд, а потом галку Радиус кривизны, то URL должен быть https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/brand/krivizna/. 

  • Если пользователь на странице https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/ выбирает сначала фильтр Радиус кривизны, а потом фильтр Бренд, то URL должен быть https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/brand/krivizna/. 

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/sfilter/curvature=84/brand=alcon

  • Если пользователь на странице https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/ выбирает сначала галку Бренд, потом Радиус кривизны, потом галочку УФ защита, а потом фильтр Бренд, то URL должен быть https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/krivizna/uf-zaschita/.

  • Если на https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/ у пользователя выбраны фильтры Бренд, Радиус кривизны и УФ защита, а потом решил убрать галку Бренд, то URL должен быть 

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/krivizna/uf-zaschita/.

  • Необходимо доработать формирование URL при работе с фильтрами блока “УФ защита”.

При клике галочка не устанавливается.

А при смене фильтра URL генерируется некорректно

Пример:

https://mrlens.ua/ ru/kontaktnye-linzy/sfilter/brand=sauflon/protection/est/protection/est/protection/est/protection/net

Правильная последовательность формирования фильтров в URL

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

Оптимизация фильтров в админ панель

Необходимо: в админ панели сайта наладить возможность:

  1. Настройка ЧПУ для страницы фильтра, при этом старая версия страницы должна при помощи 301 редиректа ссылаться на ЧПУ.

  2. Открывать фильтры для индексации. Заменять мета-тег <meta name="robots" content="NOINDEX,NOFOLLOW"/> на <meta name="robots" content="INDEX,FOLLOW"/>.

  3. Все ссылки на страницу фильтра на сайте заменять на URL с ЧПУ.

  4. Возможность добавлять вручную теги Title, Description, H1.

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

Хлебные крошки

Необходимо: чтобы хлебные крошки формировались для каждой страницы сайта, в том числе и для страниц фильтров.

 

«Хлебные крошки» представляют собой полосу ссылок, описывающих полный путь к текущей странице:

Главная > Раздел > Подраздел > Производитель > Текущая страница

 

Главная > Раздел > Фильтр > Фильтр > Текущая страница

 

Формирование канонических страниц

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

<meta name="robots" content="INDEX, FOLLOW"/>

Пример:

Пользователь выбрал бренд Alcon.

Получили страницу с такой ссылкой

***

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/mesyachnye-linzy/sfilter/brand=alcon

***

Канонический адрес должен быть таким же.

Ссылкой страницы с линзами бренда Alcon/

***

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/mesyachnye-linzy/sfilter/brand=alcon

***

Формирование канонических страниц

 

 

  • Если пользовательв блоке выбирает 2 и более галочки, то канонический адрес должен соответствовать родительской категории, а сама страница закрываться от индексации <meta name="robots" content="NOINDEX, FOLLOW"/>

Пример:

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/mesyachnye-linzy.html

Если пользователь в блоке выбирает 2 и более галочки, то канонический адрес должен соответствовать родительской категории, а сама страница закрываться от индексации <meta name="robots" content="NOINDEX, FOLLOW"/>

 

 

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

Пример:

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/sfilter/brand=bauschlomb/curvature=84/power=-900

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/odnodnevnye-linzy/sfilter/brand=alcon/power=-1200

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

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

Генерация «Title, Description, H1»

При применении фильтров на сайте необходимо реализовать генерацию (заполнение) тегов «title», «description», «h1».

Решение: необходимо наладить генерацию тегов «title», «description», «h1» по представленным ниже шаблонам.

 

// страницы фильтров

Title: {название категории} {название фильтра} – Интернет магазин {специализация магазина} {название магазина}

Description: Купить {название категории} {название фильтра} ? описание, цены, фото, отзывы. ? Быстрая доставка по Украине. ? +38 (044) xxx-xx-xx. Интернет-магазин {специализация магазина} {название магазина}

Заголовок Н1: {название категории} {название фильтра} 

Пример:

Title: Купить {Месячные контактные линзы} {Alcon} {радиус кривизны 8,4}   – Интернет магазин {контакніх линз} {MrLens}

Description: Купить {Месячные контактные линзы} {Бразилия} {Alcon} {радиус кривизны 8,4}  ? описание, цены, фото, отзывы. ? Быстрая доставка по Украине. ? +38 (044) xxx-xx-xx. Интернет-магазин {контактных линз }{MrLens}

Заголовок Н1: {Месячные контактные линзы} {Alcon} {радиус кривизны 8,4} 

Выведение контента на страницах фильтрах

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

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

На данный момент на сайте.

При включении галки бренда Алкон открывается следующий контент.

Линзы Алкон - общее

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/sfilter/brand=alcon

 

При этом 

<meta name="robots" content="INDEX, FOLLOW" />

<link href="https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/sfilter/brand=alcon" rel="canonical" />

Страница индексируется и указана как каноническая

При простоавлении галочек по брендам в категориях сайта (однодневные, месячные, квартальные, цветные и т.д.).

Например “однодневные линзы Алкон” контент дублируется 1 к 1.

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/odnodnevnye-linzy/sfilter/brand=alcon

Выведение контента на страницах фильтрах

При этом

<meta name="robots" content="INDEX, FOLLOW" />

<link href="https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/odnodnevnye-linzy/sfilter/brand=alcon" rel="canonical" />

Страница индексируется и указана как каноническая

Аналогичная ситуация складывается и при открытии других страниц типа “категория/фильтр “бренд”.

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/30-dnej-ne-snimaya/sfilter/brand=alcon

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/mesyachnye-linzy/sfilter/brand=alcon

https://mrlens.ua  СЛЭШ ru/kontaktnye-linzy/toricheskie-linzy/sfilter/brand=alcon

Задание:

Удалить тексты-дубли с сайта при применении фильтра

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

А на месте удаленных статей будут размещаться новые, оптимизированные под эти страницы.

Они будут размещаться по мере поступления ТЗ на тексты. 

Выводы

После того, как Вы получите выполненное задание проверьте исправление тех пунктов, которые Вы давали программеру и выборочно, те пункты, которые были “правильными” до работы программиста.

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

Большое спасибо SEO специалисту Илье Беланенко и компании Luxeo за предоставленные материалы и мою прокачку

P.S. Если Ваш сайт ориентирован на украинскую аудиторию, хостинг FREEhost.UA замечталеьно подходит для его размещения. Быстрые SSD диски и дополнительные инструменты ускоряющие работу сайтов улучшат SEO, привяжут сайт территориально к украинскому сегменту сети и сделают его более отзывчивым для клиента.

 

Дата: 01.12.2020
Автор: Яременко Владислав под редакцией Евгения Шермана
Голосование

Авторам статьи важно Ваше мнение. Будем рады его обсудить с Вами:

comments powered by Disqus
Спасибо, что выбираете FREEhost.UA