Как оптимизировать страницы фильтров — руководство для новичков
Интернет-магазин с идеально оптимизированными страницами фильтров — редкое явление. Чаще эти страницы созданы так, что приносят больше вреда, чем пользы, в лучшем случае вообще не дают никакого эффекта. А зря: грамотная оптимизация страниц фильтров помогает привести на сайт новый и хорошо конвертируемый трафик.
Страницы фильтров: о чем вообще речь?
Фильтры — параметры, которые помогают сузить список товаров, чтобы было проще выбрать нужный. Этот список в большинстве случаев можно встретить в левой колонке на страницах категорий.
Параметры с чек-боксами помогают пользователям максимально точно сузить ассортимент товаров. Например, выбрать белые часы определенной модели.
Именно юзабилити — первое, что приходит в голову, когда мы говорим о фильтрах. Но многие не задумываются, что фильтры могут принести намного больше пользы.
Зачем оптимизировать страницы фильтров?
- Повысить видимость сайта по группам среднечастотных и низкочастотных запросов за счет оптимизации страниц фильтров под данные запросы.
- Улучшить поведенческие факторы:
- уменьшить показатель отказов;
- увеличить среднюю длительность пребывания пользователей на сайте;
- увеличить глубину просмотра сайта.
- Увеличить коэффициент конверсии, так как пользователи, пришедшие по низкочастотным запросам, как правило, знают что им нужно и, следовательно, настроены совершить покупку.
Конечно, самая важная цель — первая, повысить видимость сайта. Для этого каждой странице фильтра должен соответствовать уникальный URL и эта страница должна быть оптимизирована под определенные целевые запросы. Поисковый робот должен добраться до страниц фильтров и проиндексировать их.
В результате страницы фильтров могут стать одними из самых трафиковых. Пример самых трафиковых страниц входа одного из интернет-магазинов за последние десять месяцев (страницы фильтров выделены красным):
Страницы фильтров приносят и трафик, и транзакции. Но как достичь такого результата? Рассмотрим самые распространенные методы фильтрации с их достоинствами и недостатками.
Как создавать страницы фильтров
Фильтрация с помощью Ajax
Если интернет-магазин использует этот метод, происходит следующее: пользователь выбирает нужный фильтр (фильтры) и они применяются без перезагрузки страницы. В данном случаем URL страницы не меняется, но изменяется набор товаров, которые отображаются в каталоге в соответствии с условиями фильтрации.
Иногда URL страницы все же меняется — к нему добавляется хештег и набор элементов, следующих за ним (обычно это происходит на CMS OpenCart).
Например, пользователь находится в категории site.com/rubashki/ и выбирает фильтр (или фильтры). В итоге формируется URL:
site.com/rubashki/#category_id=85&page=1&path= 13_85&sort=p.date_added&order=DESC&limit= 24&route=product%6Fcategory&min_price=1000&max_price= 10000&attribute_value[9][]=да
Страницы с хештегом не индексируются, так что эффект такой же, как и если бы новый URL не формировался вовсе. Также в коде сайта нет ссылок на страницы фильтров, то есть эти страницы не могут попасть в индекс.
Казалось бы, какие здесь преимущества?
Плюсы:
- поисковые роботы не тратят краулинговый бюджет на обход бесполезных страниц (например, страниц пересечения большого количества фильтров) ;
- отсутствует угроза возникновения дублей среди страниц фильтров.
Минус:
- роботы не видят и не индексируют полезные страницы фильтров, а значит и трафик привлечь не получится.
Такой метод фильтрации абсолютно бесполезен с точки зрения привлечения трафика, так как не создаются новые посадочные страницы. Зато бесполезные страницы гарантированно не попадут в индекс.
Фильтрация с добавлением GET-параметра в URL
Наличие GET-параметра легко определить благодаря знаку вопроса. Например, есть категория site.com/clothes/ и пользователь выбрал фильтр по цвету «черный». В итоге сформировался URL: site.com/clothes/?color=4723
Но, кроме фильтров по цвету, производителю, размеру, существуют общие фильтры:
- цена (диапазон) ;
- новые;
- акционные.
А также сортировка:
- по алфавиту;
- по цене;
- по популярности.
Таких фильтров может быть очень много и они создают одинаковые по содержанию страницы (дубли). Эти страницы доступны для индексации, если ее не ограничить, и в индекс поисковых систем попадает огромное число как полезных, так и мусорных страниц (последних больше). Так поисковые роботы тратят краулинговый бюджет на обход тысяч бесполезных страниц, хотя могли бы потратить его более эффективно (на обход полезных страниц).
Также CTR страниц фильтров в выдаче будет низким, так как URL непонятен пользователю.
Плюс:
- наличие посадочных страниц, среди которых имеются и полезные;
Минусы:
- огромное число мусорных страниц в индексе;
- расход краулингового бюджета на мусорные страницы, в связи с чем полезные страницы могут долго не индексироваться;
- низкая релевантность ключевым словам;
- низкий CTR в выдаче;
- тяжело копировать, что осложняет проведение работ по наращиванию ссылочной массы.
Фильтрация с использованием статических URL
В данном случае в URL используются цифры и латинские буквы с разделителями.
Например:
site.com/category/f1-42/site.com/cat-56/col-bck/
В таком случае у страниц фильтров есть посадочные страницы. Все они уникальны, то есть вероятность возникновения дублей низкая.
Плюсы:
- наличие посадочных страниц;
- более высокий CTR в выдаче, чем у страниц с динамическими URL;
- легко копировать ссылки и работать с ними.
Минусы:
- по URL тяжело понять, какой контент будет на этой странице;
- низкая релевантность ключевым словам.
Истории бизнеса и полезные фишки
Фильтрация с использованием статических человекопонятных URL
По сути, это доработанный вариант статических URL-адресов. В данном случае в URL используются названия фильтров, прописанные трaнcлитом. Например: site.com/futbolki/tsvet-cherniy/
В таком случае существует вероятность, что поисковый робот «узнает» в URL слова «футболки», «цвет», «черный», и этот URL будет релевантен для фраз «черные футболки» и «футболки черного цвета».
Такой тип URL-адреса нивелирует основные недостатки простых статических URL.
Плюсы:
- наличие посадочных страниц;
- низкая вероятность появления дублей;
- более высокий CTR в выдаче, чем у обычных статических страниц;
- легко работать с ссылками;
- по URL сразу понятно, о чем страница;
- высокая релевантность поисковым запросам.
Минус:
- не всегда можно внедрить (зависит от CMS интернет-магазина).
Как организовать систему фильтров в интернет-магазине
Идеальный вариант — сделать все правильно уже на этапе разработки сайта.
Задание по оптимизации фильтров должно включать в себя как минимум четыре пункта:
- Формирование статических человекопонятных URL-адресов (или просто статических) для страниц фильтров первого уровня и пересечений двух и/или трех фильтров.
- Организацию грамотной внутренней перелинковки, а также настройку индексирования страниц с целью постоянной переиндексации страниц фильтров и наполнения их ссылочным статическим весом.
- Настройку генерации метатегов (description, keywords), тегов (Title, H1) для страниц фильтров первого уровня и пересечений двух и/или трех фильтров.
- Прочие требования, например, возможность добавления уникальных текстов с релевантными ключевыми фразми, место расположения блока с фильтрами.
Как формировать URL-адреса страниц фильтров
1. URL фильтров первого уровня (без пересечений) должен содержать:
- путь к разделу/категории/подкатегории;
- название фильтра.
Например:
http://site.com/razdel/filter/http://site.com/razdel/categoriya/filter/http://site.com/razdel/categoriya/podcategoriya/filter/
Допустим, в разделе «Платья» товары можно будет отфильтровать по параметру «Цвет». Название фильтра — «Желтый». Следовательно, элемент URL-адреса: filter = zheltiy
Таким образом платья желтого цвета будут доступны по URL: http://site.com/platya/zheltiy/.
Иногда невозможно обойтись без разделителя (например, filter) в URL, то есть URL будет только такого вида: http://site.com/platya/filter/zheltiy/.
Разделителем может быть даже одна буква. Это не ошибка и это допустимо.
2. URL-адреса страниц пересечений двух фильтров из разных блоков.
Для страниц пересечений двух фильтров из разных блоков фильтров (например, «цвет», «размер») необходимо сформировать шаблон генерации URL-адресов.
URL-адрес страницы пересечений двух фильтров должен состоять из следующих элементов:
- путь к разделу/категории/подкатегории;
- название фильтра из первого блока фильтров;
- название фильтра из второго блока фильтров.
Например:
http://site.com/razdel/filter1/filter2/ http://site.com/razdel/categoriya/filter1/filter2/ http://site.com/razdel/categoriya/podcategoriya/filter1/filter2/
Допустим, в разделе «Платья» товары можно отфильтровать по параметру «цвет», а также «вырез». Название фильтра по цвету — «желтый». Название фильтра по типу выреза — «водопад».
Следовательно, элементы URL-адреса: filter1 = zheltiy; filter2 = vodopad.
Таким образом платья желтого цвета с вырезом «водопад» будут доступны по URL: http://site.com/platya/zheltiy/vodopad/
Возможны также вариации:
http://site.com/platya/tsvet-zheltiy/vyrez-vodopad/http://site.com/platya/filter/tsvet-zheltiy/vyrez-vodopad/
Главное, что элементы URL будут содержать ключевые слова, а не набор букв и цифр. Важно, чтобы в URL страницы фильтра на месте «filter1» был вначале фильтр по цвету, затем — по размеру, материалу.
Если пользователь выбрал фильтр по материалу «атлас», а цвет «синий», то URL должен быть таким: http://site.com/razdel/categoriya/siniy/atlas/, а не таким: http://site.com/razdel/categoriya/atlas/siniy/.
При формировании пересечений второго и третьего параметра из различных блоков фильтров слова в URL должны появляться в том порядке, в котором они находятся в столбце фильтров:
Если же URL фильтров будут генерироваться в зависимости от порядка, в котором пользователь выбирал эти фильтры, существует риск получить большое количество дублей.
Требования к ссылкам на страницах фильтров
1. На странице категории должны быть ссылки на страницы фильтров первого уровня (без пересечений). Если мы находимся на странице категории «Наручные часы», в коде страницы должны быть видны ссылки на все страницы фильтров:
Таким образом поисковые роботы будут переходить по этим ссылкам.
Пример кода:
2. На страницах первого уровня (например, страница категории плюс страница фильтра) следует выводить ссылки на страницы пересечения данного фильтра с другими из блоков. Например, если мы находимся на странице «Наручные часы» + «Casio», то там должны быть ссылки на пересечения с другими фильтрами, кроме блока «Бренд».
Пример кода:
3. На странице пересечения двух фильтров (например, страница категории плюс страница фильтра, плюс еще одна страница фильтра) не должно быть ссылок на страницы пересечения с другими фильтрами. Возьмем одну из ссылок из предыдущего примера. Например, страница сформирована благодаря пересечению двух фильтров, «Белые часы» + «Casio»: site.com/shop/chasy-naruschnye/casio_belyy.html.
На данной странице не должно быть ссылок на пересечение с остальными фильтрами.
На этом уровне фильтрация должна происходить с помощью Ajax или JavaScript, то есть пользователь может дальше выбирать фильтры, а робот глубже идти не может.
Проблема в том, что это может быть технически сложно реализовать или невозможно вовсе, но в идеале так следует делать.
4. На странице фильтра из определенного блока не должно быть ссылок на пересечение данного параметра с фильтрами из того же блока. Если выбран фильтр из блока «Бренд», не должно быть ссылок на его пересечение с другими фильтрами из блока «Бренд».
Например, выбран фильтр по бренду «Citizen». В таком случае не должно быть ссылок на фильтры «Citizen+Balmain», «Citizen+Bulova» и так далее:
Но опять-таки это идеальный вариант, его не всегда удается внедрить.
Индексация страниц фильтров: что открывать, а что закрыть
Если по техническим причинам невозможно скрыть ссылки на фильтры от роботов, следует оставить открытыми для индексации только страницы «полезных» фильтров, а остальные — скрыть. При этом робот все равно будет тратить краулинговый бюджет на обход таких страниц, но они не будут попадать в индекс. Можно выделить три важных требования к индексации:
1. Страницы фильтров первого уровня (без пересечений) и страницы пересечений двух фильтров из разных блоков должны быть открыты для индексации.
Пример фильтров из разных блоков: «Бренд» и «Количество SIM-карт».
2. Страницы пересечений двух и более фильтров из одного блока (например, бренд — Samsung, бренд — Xiaomi) должны быть скрыты от индексации с помощью метатега . Это логично, так как вероятность встретить запрос «Купить смартфон Samsung Xiaomi» близка к нулю.
3. В большинстве интернет-магазинов нет смысла оставлять открытыми для индексации пересечение трех и более фильтров — такие длинные запросы встречаются редко. Поэтому страницы пересечений трех и более фильтров из разных блоков должны быть также скрыты от индексации с помощью .
Вряд ли встретится запрос «смартфон Xiaomi с двумя SIM-картами и камерой 12Мп», поэтому незачем давать поисковому роботу индексировать такие страницы.
Но все же этот пункт зависит от тематики — окончательное решение следует принимать после проведения анализа поисковых запросов.
Страницы фильтров: как генерировать метатеги
Как увеличить продажи на 75% с помощью внутренней оптимизации сайта — кейс maxi.az В данной статье не буду описывать процесс формирования шаблонов метатегов или ручных метатегов — этот процесс индивидуален для каждого сайта. Читайте, как мы решили вопрос с генерацией метатегов
Отмечу, что генерация метатегов, а также написание SEO-текстов настолько же важны для страниц фильтров, насколько они важны и для любой другой страницы сайта. Поэтому следует проверить, позволяют ли возможности административной панели:
- задавать шаблоны генерации метатегов для страниц фильтров и их пересечений;
- прописывать метатеги для страниц фильтров и их пересечений вручную;
- размещать тексты на страницах фильтров и их пересечений.
Если такой возможности нет, следует расширить возможности CMS за счет приобретения и установки соответствующего модуля. Это важно, так как без оптимизации метатегов и контента на страницах фильтров все усилия по оптимизации ссылок и управлению индексацией бесполезны.
Оптимизация сайта не работает без стратегии, и для каждого проекта ее нужно разpaбатывать индивидуально.
Оставьте конкурентам вторую страницу GoogleВыводы
Грамотная оптимизация страниц фильтров позволяет значительно увеличить трафик на продвигаемый сайт. О том, чтобы в индекс поисковых систем попали полезные страницы фильтров, стоит задуматься еще на этапе разработки сайта.
Страницы фильтров создают:
- с помощью Ajax;
- с добавлением GET-параметра;
- с помощью статического URL c цифрами и буквами:
- с помощью статического человекопонятного URL.
Последний вариант предпочтительнее, но, к сожалению, его поддерживают не все CMS интернет-магазинов.
Над чем работать при оптимизации страниц фильтров:
- URL-адреса страниц фильтров: страницы пересечения первого уровня и страницы пересечения категорий плюс страницы фильтров;
- ссылки на страницах фильтров;
- индексация полезных и лишних страниц;
- метатеги и релевантные тексты.
Появились вопросы? Готов ответить на все в комментариях.
Комментарии:
Брендовые или витальные запросы содержат только название компании или бренда, без дополнительных уточнений...
13 05 2025 4:44:10
Аналитик Алексей Селезнев описал простой алогритм прогнозирования поисковой активности пользователей в Яндексе....
12 05 2025 22:57:34
За что, по мнению рекламодателей, готовы платить пользователи в России и Украине? Рейтинг самых дорогих ключевых слов Google Рекламы по версии Serpstat....
11 05 2025 17:34:58
Как узнать слабые места ваших рекламных кампаний с помощью бесплатного скрипта....
10 05 2025 6:23:49
Каким правилам нужно следовать, чтобы создать эффективный рекламный ролик?...
09 05 2025 13:14:42
Как Blizzard реализует тимбилдинг, мотивирует сотрудников и превращает офис в музей...
08 05 2025 15:24:57
Пpaктика в режиме «рейтинг онлайн». Новинка Google Рекламы — отчет «Статистика аукционов»....
07 05 2025 12:12:27
Всё, что вы хотели знать о функциях вычисляемых полей, но боялись спросить....
06 05 2025 4:42:40
Используйте эти данные в составлении медиапланов. Зная стоимость клика в тематике или регионе, коэффициент конверсии на сайте, вы можете оценить объем инвестиций в рекламу и прогнозировать стоимость конверсии. Читать дальше!...
05 05 2025 22:19:53
Опыт удаленки стартапа lemlist. Как сотрудники работали онлайн в доковидные времена и совмещали профессиональную деятельность с тимбилдингом. Читайте в коротком посте Владимира Поло, основателя AcademyOcean....
04 05 2025 2:17:47
VPN — технология анонимного сетевого подключения. Она позволяет организовать подсеть в уже существующем соединении. Поверхностная сеть закрыта от внешнего доступа, потому вмешаться в нее не смогут. Чтобы узнать больше, читайте дальше!...
03 05 2025 12:19:46
Как нарисовать круговую или столбчатую диаграмму. Избавляемся от популярных ошибок при оформлении...
02 05 2025 0:54:40
Интервью с основателем школы английского языка Progress...
01 05 2025 12:26:53
Как надолго завоевать доверие покупателя с помощью грамотного email-маркетинга? Примеры обращений к клиенту в рассылках, текст писем для привлечения и благодарности за покупку....
30 04 2025 10:12:26
Выборка из 15 759 учетных записей клиентов WordStream в США по всем вертикалям, которые до размещали рекламу в поиске Google в 2020 году...
29 04 2025 9:22:10
Значит так, делаем из лимонов лимонад — «выжимаем» максимум из ошибки 404...
28 04 2025 10:19:49
Как контролировать множество сайтов — полезные сервисы и советы для вебмастеров. Одно дело — несколько десятков сайтов, а что если сотни или тысячи? Как раз это подробно и разберем....
27 04 2025 13:51:42
Полезные советы для тех, кто делает контекст своими ручками :)...
26 04 2025 0:26:18
Грамотно оформленные метатеги презентуют сайт, помогают пользователям быстро найти нужную информацию, а поисковым системам — повысить ресурс в выдаче...
25 04 2025 5:26:10
Какие регионы и тематики наиболее выгодно продвигать в каждом из представленных рекламных сервисов, где наибольшая доля мобильного трафика, и другая полезная статистика....
24 04 2025 7:28:45
Как сохранить статистику переходов из органики Google, а также автоматизировать отчетность: подробное руководство для технического специалиста....
23 04 2025 14:18:57
Есть офлайн-точка продаж и нужно привлечь сюда больше клиентов. Что делать? Настраиваем локальные кампании. Показываем и рассказываем, как это делать....
22 04 2025 0:24:50
Скрипт для распределения бюджета на отстающую семантику, чтобы получать больше трафика по меньшей цене...
21 04 2025 13:30:16
В этом году часть пользователей предпочла вернуться к привычным покупкам в оффлайн-магазинах....
20 04 2025 21:28:32
Подробное руководство по настройке отслеживания событий в GA4...
19 04 2025 21:29:46
Как с помощью рекламы в Apple Search Ads получить дешевые установки и привлечь релевантных пользователей среди владельцев айфонов...
18 04 2025 14:15:36
Быстрый и бесплатный способ настройки целей через Google Tag Manager....
17 04 2025 2:31:22
Статистика изменений долей рынка после майского и декабрьского апдейта Google в 2020 году....
16 04 2025 22:13:39
Как уменьшить время ответа сервера и повысить общий показатель скорости загрузки сайта...
15 04 2025 23:57:24
Чем отличается протокол HTTPS от HTTP — криптошифрованием, обеспечивающим безопасность ресурса...
14 04 2025 15:54:39
Создание успешного стартапа в нише телемедицины. Без дополнительных трат увеличил за 6 месяцев доход на 1983%, а клиентскую базу — более чем на 1000%....
13 04 2025 3:23:38
Исправление ошибок в тексте возможно с помощью онлайн-инструментов и стационарных программ...
12 04 2025 14:52:21
Как владельцу стартапа пробиться сквозь сотни ежедневных сообщений, которые получает инвестор, создать эффективную цепочку писем и быть замеченным...
11 04 2025 21:54:45
Многие не догадываются о том, что в КМС Google можно разместить и редактировать графические объявления онлайн...
10 04 2025 16:26:12
Тренды, рекомендации, уроки, инструкции, а также вакансии, идеи, кейсы и всё, что поможет оставаться в теме, находить интересные проекты и вдохновляться. Читать дальше....
09 04 2025 8:22:47
О построении персональных рекомендаций для интернет-магазина, используя технику со-визитов....
08 04 2025 16:46:52
Крауд-маркетинг предполагает взаимодействие с целевой аудиторией с помощью рекомендательных комментариев на форумах, сайтах вопросов и ответов, в блогах, на других площадках...
07 04 2025 18:11:50
Как расширение от Netpeak может облегчить работу над важными SEO-задачами....
06 04 2025 5:42:26
Если вы до сих пор сомневаетесь — прекратите это и делитесь своим опытом с читателями, потенциальными клиентами, инвесторами и партнерами. Узнать больше!...
05 04 2025 11:52:40
Как создать аккаунт в Google Merchant Center, загрузить и изменить фид с информацией о товарах, — делимся тонкостями настройки кампаний шопинга...
04 04 2025 8:41:33
Как обезопасить себя от интернет-пиратов и защитить авторское право онлайн....
03 04 2025 8:50:48
Человек скачал ваше приложение, воспользовался им один раз и … забыл. Что с этим делать, читайте в Netpeak Journal....
02 04 2025 10:56:38
Деловой этикет в переписке с бизнес-партнерами, сотрудниками, клиентами. Как заручиться доверием, укрепить деловые отношение и мотивировать подчиненных. Узнать!...
01 04 2025 17:13:58
Учим правильно платить за верхние строчки показов объявления: настройка быстрых звонков из поисковых объявлений «Только номер телефона» Google Ads...
31 03 2025 7:28:36
Все, что нужно знать об UTM-метках: зачем использовать, как правильно сгенерить и анализировать....
30 03 2025 1:40:14
Представление — это уровень доступа в аккаунте Google ***ytics. На уровне представления можно предоставить или ограничить доступ пользователей к отчетам и аналитическим инструментам...
29 03 2025 16:50:11
Рассылка ежемecячно занимает второе место среди источников реферального трафика BuzzFeed. Уроки увеличения базы подписчиков от BuzzFeed от базы до метрик оценки. Принцип BuzzFeed — как можно быстрее внедрять в рассылку то, что нравится читателям....
28 03 2025 3:52:17
Как визуализировать данные Google BigQuery в Power BI? Пошаговая инструкция от руководителя отдела веб-аналитики Netpeak Алексея Селезнева...
27 03 2025 13:14:24
Поговорим о soft skills, потому что именно они, исходя из моего опыта, помогают строить поистине сильные комaнды....
26 03 2025 23:32:59
Менеджер, маркетолог, дизайнер программист? Делимся секретами нетпик, каким должен быть специалист по рекламе...
25 03 2025 17:33:38
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::