Strony kategorii w sklepie: budowa, nagłówki i elementy, które pomagają w Google

Czym jest strona kategorii i dlaczego tak wiele od niej zależy

Strona kategorii to podstrona sklepu, która zbiera produkty jednego rodzaju i pozwala przejść do każdego z nich. Dla kupującego jest półką w sklepie, dla wyszukiwarki jest węzłem, przez który prowadzi droga od strony głównej do pojedynczych produktów. Z tego powodu błędy w budowie kategorii odbijają się na całym sklepie, a nie tylko na jednej podstronie.

Dokumentacja Google dla sklepów opisuje to wprost: wyszukiwarka ocenia względne znaczenie stron na podstawie linków wewnętrznych, a typowa ścieżka wygląda tak, że z menu przechodzi się do kategorii, z kategorii do podkategorii, a stamtąd do stron produktów. W tym samym miejscu Google zaznacza, że zazwyczaj nie analizuje budowy adresów, aby zrozumieć strukturę witryny, tylko opiera się na połączeniach między stronami. Szczegóły zawiera strona Jak ułatwić Google analizowanie struktury witryny e-commerce.

W praktyce oznacza to, że adres w rodzaju /buty/damskie/sandaly/ nie wystarczy, aby Google uznał sandały za część działu z obuwiem damskim. Potrzebny jest rzeczywisty link z kategorii nadrzędnej do podrzędnej i z kategorii do produktów. Sklep z Poznania sprzedający wyposażenie łazienek może mieć bardzo porządne adresy, a mimo to część asortymentu pozostanie słabo widoczna, jeśli do baterii umywalkowych da się dojść wyłącznie przez wewnętrzną wyszukiwarkę sklepu.

Na jakie zapytania odpowiada kategoria

Kategoria odpowiada na zapytania ogólne, w których kupujący jeszcze nie wybrał konkretnego modelu. Osoba wpisująca nazwę rodzaju produktu, na przykład rodzaj obuwia albo typ mebla, oczekuje wyboru, a nie jednej karty produktu. To obserwacja z naszej praktyki: w sklepach, którymi się zajmujemy, właśnie kategorie i podkategorie najczęściej wyświetlają się na frazy opisujące rodzaj towaru, a karty produktów na zapytania z nazwą modelu. Więcej o podziale ról między kategoriami, produktami i filtrami piszemy we wpisie Pozycjonowanie sklepu internetowego: kategorie, produkty i filtry.

Z jakich elementów składa się strona kategorii

Typowa strona kategorii składa się z ośmiu elementów: ścieżki nawigacyjnej, nagłówka H1, krótkiego wprowadzenia, odnośników do podkategorii, filtrów i sortowania, listy produktów, podziału listy na strony oraz dłuższego opisu z linkami do pokrewnych działów. Każdy z nich pełni inną funkcję wobec kupującego i w inny sposób jest odczytywany przez Google.

Warto od początku rozróżnić trzy grupy. Pierwsza to elementy, które wyszukiwarka czyta jako treść: nagłówki, tekst, nazwy produktów, teksty alternatywne zdjęć. Druga to elementy, po których robot się porusza: linki do podkategorii, produktów i kolejnych stron listy. Trzecia to elementy, które służą wyłącznie człowiekowi i przy złej konfiguracji potrafią wytworzyć tysiące zbędnych adresów: filtry, sortowanie, zmiana liczby produktów na stronie.

Kolejność tych elementów na ekranie nie jest narzucona przez Google. Wyszukiwarka nie publikuje wzorca, według którego kategoria musi być ułożona. Publikuje natomiast wymagania techniczne, bez których część strony pozostanie dla niej niewidoczna, i to one wyznaczają granice dla projektanta. Omawiamy je w kolejnych sekcjach, zaczynając od góry strony.

Nagłówek H1, tytuł strony i nagłówki niższego rzędu

Nagłówek H1 kategorii powinien być jeden, widoczny na samej górze i powinien nazywać to, co na stronie można kupić, na przykład "Sandały damskie" albo "Baterie umywalkowe". Google zaleca, aby główny tytuł strony wyraźnie odróżniał się od pozostałych tekstów, między innymi większą czcionką lub umieszczeniem w pierwszym widocznym elemencie h1, ponieważ tytuł wyniku w wyszukiwarce powstaje z kilku źródeł jednocześnie.

Na liście tych źródeł Google wymienia treść elementu title, główny tytuł widoczny na stronie, nagłówki takie jak h1, treść znacznika og:title, inne duże i wyróżnione teksty, tekst kotwic oraz tekst linków prowadzących do strony. Jeśli element title mówi co innego niż nagłówek, a kilka nagłówków wygląda identycznie, wyszukiwarka może wybrać tytuł inny niż zamierzony. Opisuje to strona Wpływ na linki z tytułami w wynikach wyszukiwania, a praktyczne zasady pisania tytułów i opisów zebraliśmy we wpisie Tytuł strony i meta opis.

W sklepach powtarzają się dwa błędy. Pierwszy to szablon, w którym znacznik h1 obejmuje logo sklepu albo hasło reklamowe, a nazwa kategorii jest zwykłym akapitem. Drugi to tytuły budowane według jednego wzoru, które na setkach stron różnią się jednym słowem. Google odradza schematyczne tytuły i powtarzanie tych samych fraz, dlatego warto, aby element title kategorii zawierał jej nazwę, krótkie doprecyzowanie i nazwę sklepu.

Nagłówki H2 i H3 na stronie kategorii

Nagłówki niższego rzędu porządkują opis kategorii i ułatwiają czytanie, ale nie ma liczby ani kolejności, która poprawiałaby pozycję. Przewodnik Google dla początkujących stwierdza, że kolejność nagłówków jest pomocna dla czytników ekranu i użytkowników, natomiast wyszukiwarka nie wymaga określonego układu i nie istnieje idealna liczba nagłówków na stronie. Nagłówki stosuje się więc tam, gdzie zaczyna się nowy wątek tekstu, a nie przy napisach interfejsu, takich jak "Filtry" czy "Sortowanie".

Lista produktów i podział na strony

Lista produktów jest dla Google przede wszystkim zbiorem linków do kart produktów, dlatego każdy produkt powinien być podlinkowany zwykłym elementem a z atrybutem href, a każda kolejna strona listy powinna mieć własny adres. Dokumentacja dla sklepów mówi, że strony kategorii powinny linkować do wszystkich produktów w kategorii, ponieważ robot zazwyczaj nie wpisuje zapytań w wyszukiwarce sklepu, więc produkty dostępne tylko tą drogą mogą zostać pominięte.

Google zaleca tworzenie linków właśnie w ten sposób i odradza przypinanie nawigacji do zdarzeń JavaScript na innych elementach strony. Zaleca też, aby między znacznikami linku znajdował się znaczący tekst, na przykład nazwa produktu, a nie ogólne sformułowanie. Na liście produktów oznacza to, że linkiem powinna być nazwa produktu oraz zdjęcie z tekstem alternatywnym, a nie cały kafelek obsługiwany skryptem.

<!-- poprawnie: zwykły link z nazwą produktu -->
<li class="produkt">
  <a href="/sandaly-damskie/sandaly-skorzane-brazowe/">
    <img src="/zdjecia/sandaly-skorzane-brazowe.webp" alt="Sandały skórzane brązowe na płaskiej podeszwie">
    Sandały skórzane brązowe
  </a>
</li>

<!-- ryzykownie: przejście wyłącznie przez skrypt -->
<li class="produkt" onclick="otworzProdukt(3243)">
  Sandały skórzane brązowe
</li>

Numerowane strony, przycisk doładowania i nieskończone przewijanie

Google opisuje trzy sposoby prezentowania długiej listy: podział na numerowane strony, przycisk doładowujący kolejne produkty i nieskończone przewijanie. Każdy ma zalety dla kupującego, ale dwa ostatnie zwykle działają w JavaScripcie, a robot Google nie klika przycisków i na ogół nie uruchamia funkcji wymagających działania użytkownika. Jeśli więc kolejne produkty pojawiają się wyłącznie po kliknięciu lub przewinięciu, wyszukiwarka może ich nie zobaczyć.

Zalecenia ze strony Sprawdzone metody dotyczące podziału na strony można streścić następująco. Każda strona listy ma unikalny adres, na przykład z parametrem page. Z każdej strony prowadzą zwykłe linki do następnej, a także link do pierwszej strony kolekcji. Pierwsza strona nie jest adresem kanonicznym dla pozostałych, bo każda strona powinna wskazywać jako kanoniczny własny adres. Do numerowania stron nie używa się fragmentów adresu po znaku #, ponieważ Google je pomija. Znaczniki rel next i rel prev nie są już przez Google wykorzystywane, choć mogą z nich korzystać inne wyszukiwarki.

Sklep, który chce zachować wygodne doładowywanie produktów, nie musi z niego rezygnować. Wystarczy, że pod przyciskiem kryje się prawdziwy link do kolejnej strony, a skrypt jedynie przejmuje kliknięcie. Przy nieskończonym przewijaniu Google zaleca, aby każda część listy miała stały adres z bezwzględnym numerem strony, a adres w przeglądarce zmieniał się wraz z przewijaniem.

Podkategorie, ścieżka nawigacyjna i linki do pokrewnych działów

Odnośniki do podkategorii powinny znajdować się w treści strony kategorii, powyżej listy produktów, a nie wyłącznie w rozwijanym menu. Dla kupującego to najkrótsza droga do węższego wyboru, a dla Google sygnał, które działy są sobie podporządkowane. Dokumentacja dla sklepów przypomina, że im więcej linków wewnętrznych prowadzi do strony, tym większe jest jej względne znaczenie w witrynie, i podpowiada, aby ważne kategorie oraz produkty linkować także ze strony głównej i z wpisów na blogu.

Każdy kafelek podkategorii powinien być zwykłym linkiem, którego tekstem jest nazwa podkategorii, najlepiej taka sama jak nagłówek H1 strony docelowej. Tekst linku mówi użytkownikowi i wyszukiwarce, czego dotyczy strona, zanim ją otworzą.

Ścieżka nawigacyjna

Ścieżka nawigacyjna, nazywana też okruszkami, to rząd linków nad nagłówkiem, który pokazuje położenie strony w sklepie, na przykład: Strona główna, Obuwie damskie, Sandały. Można ją oznaczyć danymi strukturalnymi typu BreadcrumbList ze słownika schema.org. Google podaje, że wykorzystuje takie oznaczenie do przedstawienia położenia strony w hierarchii witryny w wynikach wyszukiwania. Lista musi zawierać co najmniej dwa elementy, a każdy z nich pozycję, nazwę i adres, przy czym adres ostatniego elementu można pominąć.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Obuwie damskie",
     "item": "https://przyklad.pl/obuwie-damskie/"},
    {"@type": "ListItem", "position": 2, "name": "Sandały damskie"}
  ]
}
</script>

Poprawność oznaczenia można zweryfikować w narzędziu Test wyników z elementami rozszerzonymi, a po wdrożeniu w Search Console, w raporcie o stanie wyników z elementami rozszerzonymi. Opis wymagań zawiera strona Jak dodać znaczniki menu nawigacyjnego (BreadcrumbList). O pozostałych typach danych piszemy we wpisie Dane strukturalne schema.org.

Linki do pokrewnych działów

Linki do pokrewnych działów łączą kategorie, które nie są sobie podporządkowane, ale kupujący często ogląda je razem: przy sandałach będą to klapki i espadryle, przy bateriach umywalkowych umywalki i syfony. Najlepiej umieścić je w opisie kategorii jako naturalne zdania albo w osobnym rzędzie pod listą produktów. Pusta kategoria nie powinna być celem takich linków: Google zaleca, aby do kategorii bez produktów nie linkować, a jeśli musi istnieć, wyłączyć ją z indeksu znacznikiem noindex. Zasady planowania połączeń między podstronami opisujemy szerzej we wpisie Linkowanie wewnętrzne.

Jeśli chcą Państwo zamówić pozycjonowanie sklepu internetowego, zachęcamy do kontaktu: tel. 222 500 844 lub mailowo: biuro@pozycjonowaniestron.pl

Filtry i sortowanie: wygoda kupującego a liczba adresów

Filtry i sortowanie są potrzebne kupującemu, ale dla wyszukiwarki tworzą odmiany tej samej listy pod wieloma adresami, dlatego wymagają decyzji, które kombinacje mają być dostępne dla robota. Google nazywa ten mechanizm nawigacją fasetową i ostrzega, że skanowanie takich adresów zużywa zasoby serwera i może opóźniać wykrywanie nowych, wartościowych stron w witrynie.

Gdy filtry nie mają trafiać do Google

Jeśli wyniki filtrowania nie mają pojawiać się w wyszukiwarce, Google wskazuje kilka sposobów. Najskuteczniejszym według dokumentacji jest zablokowanie skanowania parametrów filtrów w pliku robots.txt. Drugim jest oparcie filtrowania na fragmentach adresu po znaku #, które wyszukiwarka zasadniczo pomija. Adres kanoniczny wskazujący wersję bez filtrów oraz atrybut nofollow na linkach do wyników filtrowania Google opisuje jako metody działające wolniej i mniej skuteczne w dłuższym okresie. Dla samego sortowania dokumentacja o podziale na strony podaje dwie możliwości: znacznik noindex albo wyłączenie skanowania wzorców adresów w robots.txt.

User-agent: *
Disallow: /*?*kolor=
Disallow: /*?*rozmiar=
Disallow: /*?*sortuj=

Gdy wybrane filtry mają być widoczne w Google

Niektóre połączenia filtrów odpowiadają temu, czego ludzie rzeczywiście szukają, na przykład rodzaj produktu z kolorem albo marką. Dla adresów, które mają być indeksowane, Google podaje wymagania techniczne: parametry rozdziela się standardowym znakiem &, filtry zapisane w ścieżce adresu zachowują stałą, logiczną kolejność bez powtórzeń, a połączenie filtrów, które nie daje żadnych wyników, zwraca kod 404 zamiast pustej strony. Dotyczy to także nieistniejących numerów stron listy. Pełny opis zawiera strona Zarządzanie indeksowaniem adresów URL nawigacji fasetowej.

Z naszej praktyki wynika, że połączenie, na które istnieje stały popyt, lepiej zamienić w zwykłą podkategorię z własnym nagłówkiem, tytułem, opisem i miejscem w nawigacji. Sklep z Poznania, w którym klienci często szukają czarnych baterii umywalkowych, zyska więcej na osobnej podkategorii niż na adresie z parametrem koloru, którego nikt nie opisał i do którego nic nie linkuje.

Niezależnie od wybranego podejścia Google zaleca, aby ten sam adres strony występował w linkach wewnętrznych, w mapie witryny i w znaczniku kanonicznym.

Tekst na stronie kategorii: ile, gdzie i o czym

Tekst na stronie kategorii ma pomóc kupującemu w wyborze, a jego długość nie jest czynnikiem, który sam podnosi pozycję. Google podaje w przewodniku dla początkujących, że nie istnieje minimalna ani maksymalna docelowa liczba słów, a nadmierne powtarzanie tych samych wyrażeń narusza zasady dotyczące spamu. Długi blok tekstu pisany wyłącznie dla wyszukiwarki nie ma więc oparcia w zaleceniach.

Sprawdza się podział na dwie części. Nad listą produktów umieszcza się dwa lub trzy zdania wprowadzenia: co znajduje się w kategorii, dla kogo i czym różnią się dostępne rodzaje. Pod listą można zamieścić dłuższy opis, który odpowiada na pytania pojawiające się przed zakupem. W kategorii z sandałami będą to między innymi dobór rozmiaru, różnice między skórą a tworzywem i sposób pielęgnacji. W kategorii z bateriami umywalkowymi: rodzaje montażu, wysokość wylewki i dopasowanie do umywalki.

Dobry opis kategorii zawiera informacje, których nie ma na liście produktów, oraz linki do podkategorii i pokrewnych działów. Nie powinien powtarzać opisu z innej kategorii z jednym podmienionym słowem ani kopiować tekstu producenta. Treści do sklepów przygotowujemy w ramach usługi treści SEO, a ogólne zasady pisania opisaliśmy we wpisie Jak pisać treści SEO.

Jak ułożyć stronę kategorii na telefonie

Na telefonie strona kategorii powinna zawierać tę samą treść co na komputerze, tylko inaczej ułożoną: nagłówek i podkategorie na górze, filtry w wysuwanym panelu, produkty w dwóch kolumnach, a dłuższy opis pod listą. Powód jest techniczny: Google indeksuje wersję mobilną strony, więc to, czego w niej brakuje, nie trafia do indeksu.

Dokumentacja Google o indeksowaniu zoptymalizowanym pod kątem urządzeń mobilnych zawiera kilka zaleceń, które bezpośrednio dotyczą kategorii. Wersja mobilna ma mieć tę samą główną treść i te same czytelne nagłówki co wersja na komputery. Dane strukturalne, tytuły, opisy meta i znaczniki robots powinny być jednakowe w obu wersjach. Zdjęcia powinny mieć te same teksty alternatywne. Główna treść nie może wczytywać się dopiero po działaniu użytkownika, takim jak przesunięcie palcem, kliknięcie czy wpisanie tekstu, ponieważ robot takich czynności nie wykonuje. Zalecenia te zawiera strona Sprawdzone metody dotyczące indeksowania zoptymalizowanego pod kątem urządzeń mobilnych.

Co wolno zwinąć, a czego nie wolno usunąć

Opis kategorii można na telefonie schować w rozwijanym bloku lub zakładkach, pod warunkiem że cały tekst znajduje się w kodzie strony od razu po jej załadowaniu. Google wprost dopuszcza przeniesienie treści do akordeonów lub kart dla wygody użytkowników i radzi, aby zamiast usuwać treść z wersji mobilnej, zmienić sposób jej pokazania. Różnica jest zasadnicza: tekst zwinięty nadal jest na stronie, a tekst doczytywany z serwera dopiero po dotknięciu przycisku rozwijającego może pozostać dla wyszukiwarki niewidoczny. To samo dotyczy podkategorii: przewijany poziomo rząd etykiet albo lista rozwijana są poprawne, jeśli etykiety są zwykłymi linkami obecnymi w kodzie.

Kategoria jest też jedną z najcięższych stron sklepu, bo zawiera kilkadziesiąt zdjęć i rozbudowane filtry. Warto zarezerwować w układzie miejsce na zdjęcia, aby lista nie przesuwała się w trakcie ładowania. Wskaźniki szybkości opisujemy we wpisie Core Web Vitals: jak poprawić LCP, INP i CLS.

Jak sprawdzić, co Google widzi na stronie kategorii

Najpewniejszym sposobem jest narzędzie do sprawdzania adresów URL w Search Console, które pokazuje, czy kategoria jest w indeksie, jaki adres kanoniczny wybrał Google i jak wygląda kod strony po wyrenderowaniu. Narzędzie uruchamia się przez wpisanie pełnego adresu kategorii w pasku wyszukiwania u góry dowolnego ekranu Search Console. Adres musi należeć do usługi, która jest w danej chwili otwarta.

1. Stan indeksowania

   W sekcji Indeksowanie stron widoczne są między innymi pola: Ostatnie skanowanie, Zindeksowano jako, Czy skanowanie jest dozwolone oraz Czy indeksowanie jest dozwolone.

2. Adres kanoniczny

   Pola Adres kanoniczny określony przez użytkownika i Adres kanoniczny wybrany przez Google powinny wskazywać ten sam adres. Rozbieżność na stronie kategorii lub na dalszej stronie listy to sygnał, że wyszukiwarka uznała ją za powtórzenie innej strony.

3. Test wersji opublikowanej

   Przycisk uruchamiający sprawdzenie wersji opublikowanej pobiera stronę na żywo. Po zakończeniu testu przycisk wyświetlania przetestowanej strony otwiera panel z kodem HTML po wyrenderowaniu oraz zakładką Zrzut ekranu.

4. Przegląd wyrenderowanego kodu

   W kodzie HTML warto wyszukać nagłówek H1, nazwę produktu z końca listy, link do drugiej strony listy, nazwy podkategorii i fragment opisu. Jeśli któregoś z tych elementów brakuje, robot go nie otrzymał.

Opis wszystkich pól zawiera strona pomocy Narzędzie do sprawdzania adresów URL. Jeśli kategoria w ogóle nie trafia do indeksu, przyczyny i statusy omawiamy we wpisie Dlaczego Google nie indeksuje strony.

Typowe pomyłki i lista kontrolna

Pomyłki na stronach kategorii zwykle wynikają z decyzji szablonu, które powtarzają się w całym sklepie: znacznik h1 na logo, produkty doczytywane tylko po kliknięciu, adres kanoniczny dalszych stron listy ustawiony na pierwszą, filtry otwarte dla robota bez ograniczeń, opis wycięty z wersji mobilnej. Poniższa lista pozwala przejść przez jedną kategorię w kilkanaście minut.

• Na stronie jest jeden nagłówek H1 z nazwą kategorii, spójny z elementem title i nazwą w menu.
• Nad nagłówkiem znajduje się ścieżka nawigacyjna z linkami do kategorii nadrzędnych.
• Podkategorie są podlinkowane w treści strony, także na telefonie.
• Każdy produkt na liście ma zwykły link z nazwą, a zdjęcie ma tekst alternatywny.
• Kolejne strony listy mają własne adresy, zwykłe linki i własny adres kanoniczny.
• Adresy filtrów i sortowania są świadomie wyłączone ze skanowania lub indeksu albo zamienione w podkategorie.
• Połączenia filtrów bez wyników i nieistniejące numery stron zwracają kod 404.
• Opis kategorii jest własny, obecny w kodzie wersji mobilnej i zawiera linki do pokrewnych działów.
• Pusta kategoria nie jest linkowana albo ma znacznik noindex.

Kiedy potrzebna jest pomoc

Pojedynczą kategorię można poprawić samodzielnie w panelu sklepu: nazwę, tytuł, opis i zdjęcie większość systemów, takich jak WooCommerce, PrestaShop czy Shopify, pozwala edytować bez programisty. Pomoc specjalisty jest potrzebna wtedy, gdy problem tkwi w szablonie lub w sposobie generowania adresów, czyli przy podziale listy na strony, filtrach, adresach kanonicznych i regułach robots.txt. Błąd w tych miejscach dotyczy od razu wszystkich kategorii, a nieostrożna poprawka może zablokować robotowi dostęp do całego asortymentu.

W takich sytuacjach zaczynamy od audytu SEO, a zmiany w szablonie prowadzimy w ramach usługi pozycjonowanie sklepów. Konkretnych pozycji nikt rzetelny nie zagwarantuje, można natomiast usunąć przeszkody, przez które wyszukiwarka nie widzi części sklepu.

Jeśli chcą Państwo zamówić pozycjonowanie sklepu internetowego, zachęcamy do kontaktu: tel. 222 500 844 lub mailowo: biuro@pozycjonowaniestron.pl