Szybka strona to nie „miły dodatek”. To pierwsze wrażenie, pozycja w Google i to, czy klient w ogóle doczeka do formularza. Na przykładzie idmag.pl, katalogu sprzętu Auto-ID, pokazujemy, jak budujemy strony, które w audycie Google Lighthouse dostają komplet punktów w każdej kategorii, a przy tym nie są pustą wizytówką: mają blisko tysiąc pozycji katalogowych, własnego asystenta AI i kreator, który pomaga dobrać urządzenie do zadania.
Wynik strony głównej łatwo „wypolerować”. Dlatego mierzymy też zwykłą kartę produktu: tę z galerią, specyfikacją, tabelą wariantów, akcesoriami i filmem. Karta Zebra ET401 też dostaje 100 w każdej kategorii.
Kontekst projektu. idmag.pl to katalog sprzętu do automatycznej identyfikacji: drukarki etykiet, terminale mobilne, czytniki kodów, RFID, urządzenia do znakowania. 175 rodzin produktów, blisko 1000 part numberów, 12 kategorii i ponad 270 stron. Strona nie sprzedaje wprost, tylko zbiera zapytania ofertowe. Każda sekunda ładowania i każde niejasne pytanie klienta to utracony lead.
Architektura
Astro: klient dostaje gotowy HTML, nie aplikację do uruchomienia
Większość stron katalogowych każe przeglądarce pobrać duży pakiet JavaScriptu i dopiero wtedy złożyć widok. My odwracamy tę kolejność. idmag.pl jest zbudowany w Astro jako strona w pełni statyczna: każda karta produktu, kategoria i krok kreatora powstają raz, w czasie budowania, jako gotowy plik HTML. Serwer niczego nie liczy przy wejściu użytkownika, więc nie ma na co czekać.
srcset, WebP serwowany automatycznie przeglądarkom, które go obsługują, i priorytet tylko dla zdjęcia w pierwszym widoku.SEO
SEO wbudowane w architekturę, nie doklejone wtyczką
Wynik 100 w kategorii SEO to dopiero próg wejścia. Ważniejsze jest to, co wyszukiwarka rozumie ze strony. Każda karta produktu opisuje się sama w danych strukturalnych schema.org: rodzina produktów jako ProductGroup, a każdy part number jako osobny wariant z własnym SKU i kodem GTIN. Do tego okruszki, FAQ, filmy, listy produktów w kategoriach, kanoniczne adresy, mapa witryny i przemyślane przekierowania 301 ze starej wersji serwisu, żeby migracja nie kosztowała pozycji.
Poza klasycznym SEO serwis publikuje plik llms.txt — uporządkowany opis całego katalogu dla modeli językowych. Kiedy klient pyta ChatGPT, Gemini czy Perplexity o drukarkę etykiet, asystent ma z czego rzetelnie skorzystać.
Asystent AI
Asystent, który zna katalog, a nie tylko „rozmawia”
W prawym dolnym rogu każdej strony czeka asystent AI, którego zbudowaliśmy dla tego katalogu. Nie jest to ogólny chatbot z doklejonym logo. Asystent zna indeks całego katalogu i korzysta z narzędzi: wyszukuje urządzenia, sięga po szczegóły konkretnej rodziny, pokazuje rekomendacje w formie kart produktów i na koniec przygotowuje zapytanie ofertowe.
Asystent nie obciąża strony: widżet to jeden niewielki skrypt bez zależności, a połączenie z serwerem nawiązuje dopiero po otwarciu okna czatu. Dlatego wyniki Lighthouse się nie zmieniają. Odpowiedzi są przesyłane strumieniowo, koszty pilnują limity dzienne i limity na adres IP, a zgodnie z AI Act rozmówca już w pierwszej wiadomości wie, że rozmawia z asystentem AI.
Kreator doboru
„Dobierz sprzęt do swojego zadania”: konfigurator, który zaczyna od problemu
Klient rzadko wie, że potrzebuje „drukarki termotransferowej 300 dpi”. Wie, że musi znakować palety albo skanować kody w magazynie. Kreator na idmag.pl zaczyna więc od zadania i prowadzi przez kilka pytań — znakowanie, odczyt kodów, RFID — aż do listy pasujących urządzeń i przycisku „Poproś o ofertę”.
Pod spodem to 69 osobnych, indeksowalnych stron. Każdy krok ma własny adres, działa nawet bez JavaScriptu i może trafić do Google jako odpowiedź na konkretne pytanie. Gdy JavaScript jest dostępny, przejścia między krokami odbywają się płynnie, bez przeładowania strony.
Stack
Z czego to jest zbudowane
Co z tego ma właściciel strony
Wyniki Lighthouse to pomiary laboratoryjne i mogą się nieznacznie różnić między przebiegami. Właśnie dlatego projektujemy z zapasem: gdy strona startuje z pełną pulą punktów, pojedynczy ciężki baner czy nowy skrypt marketingowy nie zamieniają jej w wolną stronę.
Chcesz stronę, która jest szybka i sama pracuje na sprzedaż?
Projektujemy i budujemy strony, katalogi produktów i asystentów AI dopasowanych do Twojej oferty. Zacznijmy od krótkiej rozmowy i audytu obecnej strony.