.animate-view{opacity: 1 !important;}

Filtrowanie i sortowanie produktów w e-commerce

Filtrowanie i sortowanie produktów w e-commerce
22 lipca 2020
W sklepach internetowych oferujących ogromną gamę produktów podstawą jest dobrze zaprojektowana struktura filtrów oraz sortowania. Z naszego artykułu dowiesz się jak stworzyć je zgodnie z zasadami UX oraz SEO.

E-commerce Product Sorting and Filtering – What Is It All About?

Filters in e-commerce websites, which are simply given parameters on a prepared list, allow users to narrow down the number of items displayed in a given category.

The most frequently employed filters in e-commerce include:

  • brand
  • color
  • size
  • type
  • price
E-Commerce - product sorting by size

Exemplary e-commerce product sorting at Asos.com

After choosing the specific size you need, only selected models are displayed to you.

e-commerce search filters example

Exemplary product sorting at the Asos website

Product sorting options in online stores usually differ depending on the names and specialization of a given brand or category. This solution undoubtedly has a positive impact on the UX as thanks to it people don’t need to waste time going through the entire product range.

On the other hand, sorting options enable arranging products in a category according to certain criteria, without changing the number of displayed items. They may also refer to already filtered results.

The most frequently applied sorting options are:

  • prices
  • customer reviews (ratings)
  • popularity (number of items sold)
  • news, sales
filters in e-commerce website example

Exemplary product filtering at asos.com

E-commerce Product Sorting - Filters

Exemplary product filtering at amazon.com

E-commerce Product Search Filters UX – What Factors to Remember While Creating Product Filters?

Product filters are one of the key elements of e-commerce website navigation. Designing them properly enables presenting the product range more effectively, even in the case of small shops.

However, in order to make it happen, it’s worth focusing on certain aspects:

Proper Layout

E-commerce product filters should be in a visible place so that users can easily and intuitively find them after entering the site. Inaccessible product filters are unnecessary and they won’t bring the intended results.

As a rule of thumb, filters are usually placed on the top left side of a given subpage.

However, it’s worth conducting A/B tests to see which solutions are the most beneficial for a particular website.


The option to easily add or delete selected filters is another element beneficial for the e-commerce UX.  Just one click should be enough to deploy or remove filters without changing their position on the site.

The design should clearly indicate which filters are active at a given time, moreover, users shouldn’t wait long for selected products to be displayed.

Checklists, bold words, or special sections showing the selected filters are a perfect solution when it comes to easier navigation on site.

Join Our Newsletter

Multiple Choice

Users should be able to choose a few filters in a given section. This product filtering option is frequently encountered in the case of online clothing stores where selecting appropriate colors isn’t a piece of cake.

Therefore, after choosing the right product filters, customers can get different color versions of a given product.

Keywords Applied in a User-Friendly Way

Create natural product sorting corresponding to your customers’ expectations and needs.  For better filters UX value – use simple and transparent language. Try to think what words or sections would be the most accurate and appropriate if you were the customer.

Remember that applying highly specialized or industry-specific vocabulary may not be the best idea as not every user visiting your website will be familiar with such terms and therefore filters won’t support navigation through your e-commerce.

Displaying the Number of Products

Thanks to it, users see a real change after selecting a given option or functionality. Moreover, they’re also able to decide whether browsing through such a number of products is acceptable for them.

If not, visitors can either sort the results or continue narrowing them down.

seo for online store help


After implementing the product filtering, it’s advisable to regularly conduct various tests taking into consideration aspects such as the order of filters, custom variants, or other marketing activities that can increase the shopping cart value. Don’t be afraid of the unknown.

However, remember that it’s recommended to test various solutions before implementing e-commerce filter navigation on the website.

According to the Baymard Institute research (2016), implementing these guidelines will undoubtedly help users make the right choice. Make sure you constantly check whether the product filtering functions according to the expectations of users. Sometimes a seemingly trivial change can bring enormous benefits.

Don’t forget about the mobile version of the filter navigation as more and more people shop with the use of their smartphones.

E-commerce Product Sorting and Filtering vs. SEO

Designing appropriate e-commerce product filtering and sorting options can be extremely beneficial when it comes to improving internal linking and increasing organic traffic to the site. However, you need a bit of skillfulness so as not to endanger your positions in the search results.

What should you pay attention to?

Proper Implementation

Depending on the size of your store, the implementation of filters on e-commerce websites will lead to the creation of a few hundred new subpages. If you want to fully take advantage of their potential, you need to ensure proper deployment.

The pages should have friendly URLs containing easy-to-remember keywords separated by dashes „-„. Moreover, there shouldn’t be any special characters like #,^,* or &.

Unique meta tags with the name of the applied filters are another important element. Thanks to them, it’s possible to distinguish pages with product filters from category pages.

It’s also crucial to create category descriptions containing phrases related to newly generated links. Filter names should be placed in the H1 headers of selected categories.

We’ll help you with product sorting and filtering. Choose our e-commerce SEO services!

Work with us!

Avoid Internal Duplicate Content

New URLs within a single website may lead to the creation of duplicate content. Unfortunately, product filters that haven’t been optimized properly cause such duplication.

If for some reason it’s impossible to implement the links mentioned above, try using the following methods:

●  Apply canonical URLs

This solution is supposed to indicate to the search engine the main URL (from a group of several duplicate subpages with different URLs) that should be indexed.

In order to do it, you need to use the “rel=canonical” tag for the version without parameters which can also be the main category.

● Defining URL parameters in Google Search Console

If there’s a lot of duplicate content under different URLs with parameters such as category or color, you can block crawling with the use of Google Search Console.

In order to do it, you need to meet a few requirements – your website should have at least 1000 subpages and duplicate pages should differ in URL parameters crawled by Google robots. To find detailed guidelines concerning this process, go to Google Search Console Help.

● Noindex meta tag

This metatag prevents indicated pages from being displayed in the search results. This can be achieved by adding <meta name=”robots” content=”noindex”> in the <head> section of the HTML code or by returning the X-Robots-Tag in the HTTP request header.

To learn more about duplicate content, go to our previous entry: Content duplication. How to deal with this issue?

But when to apply the above-mentioned solutions? Well, it’s impossible to provide a cut and dried answer to this question as everything depends on the users’ requirements and preferences for browsing through a particular product range.

Nevertheless, it’s advisable to avoid situations when a significant number of features don’t correspond to any products and users see only empty pages. Moreover, Google’s resources are rather limited during the crawling process which may lead to a situation when important URLs aren’t indexed and unwanted subpages take their place.

E-commerce Product Sorting & FilteringThe Takeaway

A product sorting is an extremely helpful solution that can benefit both users and search engine robots. Thanks to them you’ll be able to increase the visibility of your website and consequently attract new potential customers or clients.

Implementing this website element isn’t a piece of cake and it’s worth remembering about it while deploying new URLs. If you need help don’t hesitate to contact us! We’ll do it for you in no time!

Na czym polega filtrowanie i sortowanie produktów w e-commerce?

Filtrowanie w sklepach internetowych polega na zawężaniu ilości produktów w danej kategorii zgodnie z preferencjami wybranymi przez użytkownika ze stworzonej przez nas listy. Najczęściej wykorzystywanymi filtrami w e-commerce są:
  • producent/marka
  • kolor
  • rozmiar
  • rodzaj
  • cena
[caption id="attachment_25917" align="aligncenter" width="750"]Filtrowanie produktów w e-commerce - Zalando Przykład filtrowania produktów w sklepie Zalando.pl[/caption] Po wybraniu interesującego nas rozmiaru, otrzymujemy wyselekcjonowane wyniki. Filtrowanie produktów - sklep internetowy Filtrowanie w sklepach online najczęściej różni się nazewnictwem oraz dostosowaniem do tematyki danej kategorii. Niewątpliwie ta funkcjonalność wpływa na pozytywne wrażenia użytkowników, którzy nie tracą czasu na przeszukiwanie całego asortymentu. Natomiast sortowanie odnosi się do układania produktów w kategorii zgodnie z pewnymi kryteriami bez zmiany ich ilości w danym widoku. Mogą one odnosić się również do już przefiltrowanych wyników. Najczęściej spotkamy się z sortowaniem:
  • ceny
  • rekomendacji klientów (oceny)
  • popularności (ilość sprzedanych sztuk)
  • nowości, wyprzedaży
[caption id="attachment_25921" align="aligncenter" width="812"]Sortowanie produktów w e-commerce Przykład sortowania w sklepie internetowym Zalando.pl[/caption] [caption id="attachment_25923" align="aligncenter" width="750"]Sortowanie produktów w e-commerce Przykład sortowania w sklepie internetowym Morele.net[/caption]

Na jakie aspekty UX należy zwrócić uwagę podczas tworzenia filtrowania?

Filtrowanie jest jednym z kluczowych elementów nawigacji na stronach e-commerce. Dobrze zaprojektowane, pozwala lepiej zaprezentować produkty nawet w przypadku małych sklepów. Dodatkowo użycie sortowania wyświetli klientom najlepsze oferty, co może pozytywnie wpłynąć na ścieżkę konwersji, która zakończy się zakupem. Jednak aby tak się stało, warto zwrócić uwagę na pewne aspekty:

Prawidłowe wyeksponowanie filtrów

Sekcja filtracji musi być umieszczona w widocznym dla użytkowników miejscu, tak by intuicyjnie można było ją znaleźć. Jej ukrywanie czy brak dostępności spowoduje, że stanie się ona zupełnie niepotrzebna, a nasze starania pójdą na marne. Najczęściej spotkamy się z umieszczaniem filtrowania na górze, po lewej stronie danej podstrony, ale nie jest to reguła. Warto sprawdzać za pomocą testów np. A/B jaka pozycja przynosi lepsze rezultaty.


Łatwe dodanie i usunięcie wybranego filtra to kolejny element dobrych praktyk w UX. Za pomocą jednego kliknięcia powinny one w prosty sposób ulegać aktywacji lub dezaktywacji, bez zmieniania swojej pozycji na stronie. Muszą też być zaprojektowane tak, aby użytkownik wiedział jakie zawężenie właśnie widzi i nie musiał czekać długo na wyświetlanie konkretnych produktów. Dobrze sprawdzają się tutaj checklisty, pogrubienie danego słowa czy specjalne sekcje pokazujące wybrane przez nas filtry.

Wielokrotny wybór

Użytkownik powinien mieć możliwość wyboru kilku wartości z danej sekcji filtracji. Często spotykamy się z tym w sklepach odzieżowych, w których dopasowanie odpowiedniego koloru czasem nie jest proste. Klient może zatem po włączeniu odpowiednich filtrów otrzymać produkty o różnych odcieniach.

Używanie słów kluczowych w sposób przyjazny użytkownikom

Projektuj filtry naturalnie i zgodnie z potencjalnym zapotrzebowaniem swoich klientów. Stosuj prosty oraz przemyślany język. Czasem należy postawić się po stronie użytkownika, aby zastanowić się jakie słowa lub całe sekcje będą odpowiednie. Stosowanie bardzo branżowego słownictwa może nie być zrozumiałe dla każdego odwiedzającego stronę sklepu.

Pokazywanie ilości sztuk

Takie działanie sprawia, że użytkownik widzi realną zmianę po wyborze konkretnej cechy oraz wie, czy przeglądanie takiej ilości produktów jest dla niego komfortowe. W ten sposób będzie mógł zdecydować też, czy konieczne jest dodatkowe zawężenie wyników lub przesortowanie ich.


Warto po wdrożeniu sekcji filtracji na stronie stale ją testować pod wieloma aspektami takimi jak:kolejność rozmieszczenia cech, niestandardowe warianty lub inne zabiegi marketingowe, które zwiększą wartość koszyka zakupowego. Nie warto bać się zmian , jednak zalecane są testy jeszcze przed dopuszczeniem do bezpośredniego kontaktu z użytkownikiem końcowym. Jak wynika z badania Instytutu Baymarda (2016 r.) zastosowanie tych wskazówek niewątpliwie ułatwi użytkownikom dokonanie właściwego wyboru. Pamiętaj, aby stale dbać o prawidłowe działanie filtrów, zgodnie z oczekiwaniami klientów. Czasem zmiana jednego detalu może przynieść duże zyski. Nie zaniedbuj także wersji mobilnej, ponieważ coraz więcej użytkowników dokonuje zakupu za pomocą smartfona.

Filtrowanie i sortowanie a SEO

Stworzenie dobrze zaprojektowanej sekcji filtracji oraz sortowania może przynieść Ci korzyści związane z pozyskaniem dodatkowego ruchu organicznego i wzmocnieniem linkowania wewnętrznego. Należy jednak zrobić to umiejętnie, aby nie zaszkodzić naszej pozycji w wynikach wyszukiwania. Na co należy zwrócić uwagę?

Poprawna implementacja

W zależności od wielkości sklepu, umieszczenie filtrowania powoduje powstawanie kilku do kilkuset nowych stron. Aby wykorzystać ich potencjał należy zadbać o prawidłową implementację. Powinny one posiadać przyjazne adresy URL, które nie zawierają znaków specjalnych (np. #,^,*,&), stworzone są z słów kluczowych oddzielonych myślnikami “-” oraz będące łatwymi do zapamiętania i zapisania przez użytkowników. Kolejna ważna kwestia to dodanie unikalnych meta tagów, zawierających nazwę zastosowanego filtra. Dzięki temu będziemy mogli odróżnić strony filtracji od kategorii. Istotne jest również napisanie opisu kategorii, w którym znajdą się frazy związane z nowo powstałymi linkami, a także umieszczenie nazwy filtra w nagłówku H1 kategorii.

Unikanie wewnętrznej duplikacji treści

Powstanie nowych adresów URL w obrębie jednej strony może spowodować powielanie się treści. Niezoptymalizowane prawidłowo filtry wywołują tzw. duplikacje. Jeśli nie jesteśmy w stanie zaimplementować wspomnianych wcześniej linków, warto wykorzystać inne metody: Z grupy kilku zduplikowanych podstron o różnych adresach, wskazujemy wyszukiwarce główny adres URL, który należy zaindeksować. Stosujemy do tego tag - „rel=canonical” na wersję bez parametrów, może być to główna kategoria.
  • zdefiniowanie parametrów URL w Search Console
W przypadku dużej ilości powielonej treści pod różnymi adresami URL z użyciem parametrów np. category czy color, możliwe jest zablokowanie indeksowania za pomocą narzędzia Search Console. Należy jednak spełniać określone wymagania t.j. posiadanie witryny zawierającej ponad 1000 podstron oraz widoczną w dziennikach duplikacje stron różniących się jedynie parametrami w adresie URL indeksowanych przez robota Google. Instrukcję wykonania tego działania znajdziesz na oficjalnej stronie narzędzia: https://support.google.com/webmasters/answer/6080548?hl=pl
  • stosowanie noindex
Metatag ten zapobiega pojawianiu się wskazanej strony w wynikach wyszukiwania. Wykonuje się go za pomocą dodania formuły: <meta name="robots" content="noindex"> w sekcji <head> kodu HTML lub zwracając X-Robots-Tag w nagłówku żądania HTTP. Więcej informacji na temat kanibalizacji treści możesz znaleźć w artykule Duplikacja treści – jak sobie z nią radzić? Do jakich filtrów zastosować wskazane metody? Tutaj nie możemy podać jednoznacznej odpowiedzi, ponieważ wszystko zależy od zapotrzebowania użytkowników w przeszukiwaniu danego asortymentu. Warto jednak unikać sytuacji, w której duża ilość cech powoduje wyświetlanie się stron bez produktów. Ponadto podczas crawlowania Google posiada ograniczone zasoby, co może doprowadzić do braku indeksacji ważnych dla naszej witryny adresów URL. W takim przypadku niepotrzebnie powstałe strony po filtracji zabiorą ich miejsce.


Stosowanie filtrów w kategoriach produktowych jest bardzo przydatnym narzędziem pod względem użytkowników oraz wyszukiwarek. Dzięki nim możesz zwiększyć widoczność swojej strony i przyciągnąć nowych klientów. Jednak wiąże się to z pewnymi trudnościami, o których warto pamiętać podczas implementacji nowo powstałych adresów URL.
Magda Wszołek


  1. Filtrowanie produktów wydaje się być fajną opcją dla klientów, jednak sama robiąc zakupy przez internet rzadko z tej opcji korzystam. Często odnoszę wrażenie, że filtry są na stronie po to, aby być i np. nie wszystkie produkty, które ewidentnie należą do danej kategorii są uwzględnione w wynikach po skorzystaniu z opcji filtrowania.

Zostaw komentarz


Uzyskaj bezpłatną wycenę


european search awards finalist

Przygotuj swoja stronę do Black Friday!

Zapisz się na bezpłatny webinar!