Katalog części i akcesoriów do Volkswagena Polo 6R, który prowadzę pod adresem catalog.polo.blue, ma ponad 2,2 tys. pozycji w 22 kategoriach, ponad 13 tys. zdjęć i ponad 80 instrukcji i dokumentów, po angielsku, polsku i niemiecku. Są w nim wyłącznie części oryginalne (OE), bez zamienników. Powstał dla właścicieli Polo 6R i hobbystów, którzy szukają konkretnej części: bo coś się zepsuło, bo wymieniają klocki, sprężyny czy filtry, albo bo chcą dokupić akcesorium. Zaprojektowałem go, zbudowałem i prowadzę w całości: stronę, panel z danymi i tłumaczenia.
W skrócie
Jak szuka się części
Ktoś, kto wymienia klocki albo sprzęgło, ma zwykle jedną informację: numer z pudełka, z faktury albo z forum. Wpisuje go po swojemu, ze spacjami, kropkami albo myślnikami, i wyszukiwarka go znajduje. Kto numeru nie zna, wchodzi przez kategorie. Jest ich 22, na przykład „Układ hamulcowy” z podziałem na hamulce przednie i tylne, pompę i serwo. Można też wpisać samą nazwę części.
Karta części
Karta części zawiera wszystko, co trzeba sprawdzić przed zamówieniem. Na przykładzie przedniej tarczy hamulcowej 6R0615301C:
- numer części i jej wcześniejsze oraz późniejsze numery,
- kod PR, pozycja montażu, średnica, grubość, rozstaw otworów i waga,
- dokument z homologacją (ABE), jeśli istnieje,
- części powiązane: klocki, osłona tarczy, zacisk,
- inne warianty tej samej części, tu tarcze o średnicy 288, 310 i 312 mm.
Niektóre kategorie, jak felgi, mają też krótkie FAQ z danymi technicznymi.
Przydatne narzędzia
Dwa małe narzędzia pomagają dobrać część, zanim się ją zamówi. Dekoder kodów PR rozszyfrowuje fabryczne trzyznakowe kody wyposażenia z naklejki w książce serwisowej, na przykład 1KD to tylne tarcze hamulcowe. Baza ma 14 288 kodów aut grupy VAG, a opisy są po angielsku. Kalkulator opon i felg porównuje dwie konfiguracje: różnicę średnicy i odchyłkę wskazań prędkościomierza.
Jak prowadzę dane
Katalog jest tak dobry, jak dane w nim. Wszystko prowadzę w jednym panelu administracyjnym:
- Produkty: numer, nazwa, specyfikacja, kody PR, producenci, dopasowanie do silników i zdjęcia. Kategorie tworzą drzewo z ikonami i obrazami.
- Tłumaczenia: treść wpisuję po angielsku. Polski i niemiecki powstają z DeepL w tle, a AI pomaga w pisaniu opisów części, które potem redaguję i zatwierdzam. Przetłumaczone pole można zablokować, żeby kolejna fala tłumaczeń go nie nadpisała.
- Kompletność: osobny pulpit pokazuje, którym produktom brakuje zdjęcia, opisu albo tłumaczenia w którymś języku, i które tytuły SEO są za krótkie lub za długie.
- Wdrożenie: nową wersję strony publikuję jednym kliknięciem. Poprzednie wydania są na liście i można do nich wrócić.
Zapytania o części
Przy ogłoszeniach na sale.polo.blue, siostrzanej stronie z ogłoszeniami, stoi formularz zapytania. Wiadomości trafiają do tego samego panelu jako rozmowy z powiązanym produktem, notatkami wewnętrznymi i statusem (odpowiedziano, oczekuje, zamknięte).
Efekty
Poniższe liczby mierzą ruch, nie sprzedaż. Źródła to Google Search Console i Bing Webmaster Tools, stan na 8 października 2026.
- Search Console: 43,8 tys. kliknięć i 1,36 mln wyświetleń w sześć miesięcy, średnia pozycja 7,3. Najwięcej kliknięć z Polski (7,3 tys.) i Niemiec (6,4 tys.), dalej z Wielkiej Brytanii i RPA (po 3,7 tys.). Około 62% kliknięć pochodzi z telefonów.
- Bing: w sześć miesięcy Copilot i partnerzy Microsoftu zacytowali katalog jako źródło odpowiedzi 11,2 tys. razy.
Implementacja
Strona jest statyczna: wszystkie podstrony powstają przy budowaniu i przeglądarka nigdy nie pyta bazy danych. Dla katalogu, w którym dane zmieniają się rzadziej niż odwiedzający wchodzą, to najszybsze i najbezpieczniejsze rozwiązanie. Panel i API stoją osobno, więc nic, co dzieje się w panelu, nie spowalnia strony.
Astro i Vue 3
Astro generuje strony w HTML, a Vue 3 ładuje się tylko tam, gdzie jest interakcja: galerie, narzędzia, filtry. Budowanie dzielę na wersje językowe.
Laravel i Filament
Laravel udostępnia API, a Filament daje panel, w którym prowadzę produkty, tłumaczenia i wdrożenia. Zadania w tle (zdjęcia, tłumaczenia, budowanie) idą przez kolejki, więc panel nie czeka na ich koniec.
Cloudflare R2 i CDN
Zdjęcia są konwertowane do AVIF i WebP w kilku rozmiarach i serwowane z CDN. Ruch jest w większości mobilny, więc rozmiar zdjęć decyduje o szybkości.
Pagefind
Wyszukiwarka pełnotekstowa budowana razem ze stroną, osobno dla każdego języka, bez zewnętrznej usługi.
Dane strukturalne i llms.txt
Każda część ma dane strukturalne JSON-LD (schema.org), mapy witryny i tagi hreflang dla trzech języków. Plik llms.txt ułatwia modelom AI znalezienie treści. Z asystentów AI przyszło około 1,6 tys. sesji w ostatnich 28 dniach (Google Analytics 4).
Podobne projekty
Katalog z wyszukiwarką i panelem do prowadzenia własnych danych to jeden z projektów, które robię w ramach tworzenia stron internetowych. Blog z poradnikami do Polo 6R, który stoi obok katalogu, opisałem w osobnym case study, a wspólny system projektowy obu serwisów w artykule o Spoko Design System.
