Примеры реализации фильтров и тегов

Структура сайта

4 ноября 2016

0 1705


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

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

Где искать примеры сайтов

Я решил довериться трем источникам:

  1. ТОП выдачи по тематике

Первое, куда я пошел – это к конкурентам. Я собрал семантику и стал анализировать сайты конкурентов.

Но здесь есть ряд ограничений:

  • Не во всех нишах есть крупные игроки, потому что все зависит от бизнеса;
  • Очень многое зависит от ниши, в которой вы будете анализировать сайты – в некоторых узких нишах хороших просто нет;
  • Многое зависит от региона – основные сгустки в Москве и чем дальше, тем лес темнее.

Поэтому я взял самых крупных игроков по электронике:

  • МВидео
  • Техносила
  • Эльдорадо
  • ru

 

  1. Партнеры Битрикса на оф.сайте

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

Вот ссылка на этот раздел: http://www.1c-bitrix.ru/partners/list.php?project_type=359&level=&activ=&in_qc=

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

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

В целом, портфолио ни одной студии меня не удовлетворило.

  1. Рейтинг RuWard

Последнее куда я пошел – это был рейтинг RuWard.

Вот ссылка на страницу: http://www.ruward.ru/ecommerce-index-2015/

Выборочно я ориентировался на этот список, то есть брал первые 100 проектов.

Это все, где я искал примеры, считаю это хороший список для примеров.

Логика фильтров

В этом разделе будем разбираться с логикой работы фильтров. Для простоты и понятности я взял в пример CMS Opencart и Moguta – считаю, что у них фильтры представлены самым простым образом и понять, как они устроены просто.

Вот как это происходит:

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

В самом элементе (товаре) прописывается нужное свойство товара – то свойство, по которому будет работать фильтр.

В категории товаров выбирается (из раздела фильтров) какие фильтры будут присутствовать на странице.

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

Но чтобы привести такой функционал к правильной работе нужны доработки, потому что в этой структуре фильтры работают не совсем правильно:

  • У них нет ЧПУ на странице фильтрации;
  • Нет своих мета-тегов и текстов;
  • Такие страницы не участвуют в поиске.

Доработка метода Opencart

Чтобы логика работы фильтров в Opencart была абсолютно верной ей требуется доработка:

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

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

Остальные страницы фильтрации и комбинации фильтров – будут не продвигаемые и их придется закрыть в robots.txt.

Примеры хорошей структуры сайтов

Викимарт

Структура интернет-магазина Викимарт представлена фильтрами и тегами. Крупные фильтры – производители, все остальные характеристики вынесены в тегирование.

Эльдорадо

В интернет-магазине Эльдорадо фильтры сделаны полнее, чем в Викимарте.

Возьмем, к примеру, раздел с автомагнитолами – http://www.eldorado.ru/cat/1524245/ Фильтр по производителю – в урл докидывается параметр производителя – PIONEER и получается такой урл http://www.eldorado.ru/cat/1524245/PIONEER/ У этой страницы есть все уникальные мета-теги и заголовки: h1, title, элементы, seo-текст.

Если копать глубже и выбрать второй параметр, к примеру, размер автомагнитолы, то урл будет выглядеть так: http://www.eldorado.ru/cat/1524245/PIONEER/431927534/

Тут цифры 431927534 отвечают за фильтр размера (в нашем случае это 2din). У этой страницы так же есть все уникальные мета-теги и заголовки: h1, title, элементы, seo-текст.

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

На сайте Эльдорадо страницы фильтрации сделаны до 2 уровня вложенности, то есть можно выбрать 2 параметра – это разумно, потому что более высокие уровни вложенности плохо воспринимаются поисковыми системами и вряд ли будут попадать в индекс. К тому же, пользователи вряд ли будут искать товары по очень сложным запросам: купить автомагнитолу Пионер 2 дин с 4 динамиками. Максимум они используют 2 параметра.

М.Видео

На сайте М.Видео так же есть разделы и подразделы.

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

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

По сути за основу взята такая же реализация, как и на Opencart, только на Битрикс и с более расширенным функционалом.

Каратов

Пример сайта интернет-магазина Каратов – эталон для построения фильтров.

На сайте фильтры сделаны как нужно и все индексируется.

Структура Каратова так же начинается с каталога и подкаталогов. Далее идет фильтрация со своими уникальными мета-тегами и текстами.

Уровень фильтрации просто избыточный, посмотрите сами — http://karatov.com/catalog/kolca/zoloto/krasnoe/brillianty/ — это страница колец из золота красного цвета с бриллиантами. У нее есть свои мета-теги и она прекрасно индексируется.

Естественно сайт Каратова на битриксе.

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

Каратов – это лидер в моем рейтинге сайтов с фильтрацией.

АС-Студио

Сайт интернет-магазина подарков АС-Студио – лидер в моем рейтинге сайтов с тегированием. Я уже не раз приводил его в пример.

Структура сайта начинается с простой – каталоги и подкаталоги. Все остальное вынесено в тегирование, и по сути на сайте получается несколько самостоятельных каталогов, только один из них основной, имеет структуру (товары, которого занесены в админку), а все остальные – теги.

Структура каталогов по тематикам сделана таким образом:

Подарки для него и для нее. Далее они делятся на события: повод, интересы, профессия, тип.

Неудачная структура реализации каталога

В этом разделе рассмотрим сайты интернет-магазинов с неудачной структурой.

ulmart.ru

mediamarkt.ru

Ненужное частично закрыто в robots.txt

lamoda.ru

dns-shop.ru

wildberries.ru

svyaznoy.ru

На этом сайте самый богатый robots.txt есть и закрытые разделы и открытые – для индексирования.

euroset.ru

Тоже богатый файл robots.txt.

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

Выводы

Теперь пришло время сделать какие-то выводы и подвести итоги этой большой статьи.

Итак, я предлагаю ориентироваться на сайты:

  1. Если вы делаете фильтры на своем сайте, то это однозначно Каратов.
  2. Если вы делаете теги на своем сайте, то это АС-Студио.

Мнение автора является его собственностью и не претендует на истину в последней инстанции.